制作範囲

デザイン / コーディング

制作期間

3ヶ月

使用ツール

Figma / Wordpress / HTML / CSS / JavaScript

コンセプト

「シンプルに届く」を軸に、無駄を省いたデザインで情報を明確に伝えます。視線誘導を工夫し、配色で落ち着きとインパクトを両立。見る人にストレスを与えない心地よさを意識しました。

情報構成

トップにキャッチコピーとPCモックアップを配置し、第一印象でテーマを明確化。自己紹介、実績紹介、サービス説明を簡潔にまとめ、最終的にお問い合わせへ導く構成。流れるような動線を意識しました。シンプルで直感的な情報設計を目指し、スマートフォンでは画面下固定のアイコンをナビゲーションとして配置しました。アクセスしやすく視線誘導が自然に行える設計としています。

配色

色彩設計の意図

ベースカラー (背景色) :グレーに近い白色

情報を際立たせる控えめな背景として選択しました。

メインカラー (主役の色) :ピンクグレー

温かみや親しみを視覚的に伝えるため選択しました。ニュートラルなトーンで幅広い層に受け入れていただける色です。

アクセントカラー (ポイントになる色) :ターコイズグリーン

情メインカラーのピンクグレーとは対照的な色を選択し、適度なコントラストをつけました。青と緑の心理的効果を兼ね備え、清潔感や信頼感を与えるターコイズグリーンで、デザインに爽やかさをプラスしました。

ALL WORKS

制作実績

Sneaker

coding

Travel Blog

Coding

Company

Coding