Overview

TECH CAMPでの実践課題として仮想ジェラート店のWEBサイトのデザインとコーディングを致しました。

Process

Target

平日は朝7時に起きて1時間の電車バス通勤を経て、9時に出社。18時に勤務を終了し、19時過ぎに夕食。24時半に就寝。休日は外出するよりも家でゆっくりする方が好きでよくカフェに行っています。好きなファッションはシンプルなものを好み、派手な色は滅多に着ない。個性的でこだわりがありセンスの良いものを追求するタイプ。

Concept

ターゲット設定からシンプルなものを好むということなので、白色を基調に機能的で余計な装飾のないシンプルなデザインにしました。チープな雰囲気が出ないように上品な作りにするように心がけました。

Design

全体的にモノクロで仕上げシンプルで高級感のあるデザインにしています。余計なデザインなどは入れずに必要最低限の装飾を実装しました。ナビゲーションメニューの下線とレスポンシブになったときのハンバーガーメニューの色を差し色として使う事によってメリハリを出しています。また、ナビゲーションメニューの下線はスクロールするとセクション毎に移動するようにコーディングしています。