works
制作実績
さわだやすこポートフォリオ
go to site
サイトについて
目的 /
自分自身の制作物やスキルを載せ、デザイナーとしての澤田康子を知ってもらうきっかけ、宣材として活用するために制作。
ターゲット /
WEB制作や、チラシなどの紙媒体のデザインを必要としている個人事業主、企業など。
お問い合わせまでのステップ /
各ページ下部のお問い合わせボタン→お問い合わせフォーム（外部サービス埋め込み）
自分らしさを出すために、愛鳥である桜文鳥のイラストを自作して配置。（名刺にも文鳥のモチーフを入れ、裏に当URLをQRにして配置。）アイキャッチ&話題になるようしました。
制作範囲
- 要件定義／ワイヤーフレーム／デザイン／コーディング
- TOPページ、下層10ページ
- 制作期間 / 4週間、レスポンシブ含む
- 使用ツール / figma,photoshop,illustrator,VS cord
- 使用言語 / HTML,CSS,java script
デザインで
意識したところ
- どのようなデザインができるのか、真っ先に見ていただけるよう、ファーストビューに制作物が入る構成にしました。制作物はスライダーで横に配置し、今後作品が増えてもレイアウトが縦方向に崩れないデザインにしました。
- メインフォントに游ゴシック体（Regular）、太字はダークグレーを使用し、女性らしく重たくなり過ぎないデザインを意識しました。
- 配色は白を基調に、ブルーグリーン系のグラデーションで透明感を演出。
- 各ページ、ヘッダーとフッターにナビゲーションを設置するだけでなく、サブナビゲーションを置いて、個々のページを回遊しやすい導線にしました。
コーディングで意識したところ
- CSSアニメーションやJava ScriptのプライグインやjQueryを使用し、サイトに動きを付けてユーザーの視線を集める効果を期待。
- スライド、各ページのモックアップ画像をクリックすることで、制作物の詳細ページへリンクできるようにしました。
- バナーやDTPの実績の画像をクリックでポップアップで拡大表示するようにLuminousを使用して実装。スマホ画面では拡大画像が大きくなり過ぎないように調整。右上に拡大アイコンを擬似要素で追加しました。
制作実績一覧に戻る