案件概要・要望
・webからの顧客獲得
・作例を掲載したい
・お問い合わせ内容を具体的にしたい
・作例を掲載したい
・お問い合わせ内容を具体的にしたい
仕様・作業内容
・レスポンシブ
・パララックス
・ワイヤーフレーム、デザイン
・画像制作（トリミング）
・コーディング
・フォームカスタマイズ、テスト、実装
・パララックス
・ワイヤーフレーム、デザイン
・画像制作（トリミング）
・コーディング
・フォームカスタマイズ、テスト、実装
制作期間・時期
2週間程度 / 2020年6月 / 個人依頼
フリーランスで活動しているグラフィックデザイナーのギャラリーサイトということで、近代的なフラットデザインを採用。ロゴに使用している赤に愛着があるということで、積極的に使用した。
各セクションの表題（英語）にwebフォントを使用し、ロゴタイプやコンセプトタイプのフォントに揃えている。また、区切りに凹凸に見える点線を使用するなど、マテリアルデザインも小さく盛り込んだ。
作例はhoverで浮き上がるモーション、クリックで詳細が確認できるiframeが開く。これは顧客が今後メンテナンスや更新を行いやすいよう考慮して制作した。
お問い合わせフォームは、より具体的な内容にすることでヒアリング回数を減らせるよう設計している。