Design & Coding

春水堂 -赤坂Bizタワー店-

春水堂の新規店舗を仮定し、「春水堂 -赤坂Bizタワー店-」の架空のサイトを専門学校の最終レスポンシブデザイン 課題として12月に制作しました。

ターゲットは20~40代の女性、30~50代のサラリーマン男性です。 少し幅広いターゲットであるため、大人っぽいシックな雰囲気を表現 しています。ベースカラーは真っ黒ではなく少し柔らかみを感じさせる ように少し明度を上げた黒色に設定しています。

menuページでは別ページに飛ばずにカテゴリーを選べるようにjQueryで設定しています。 また、地図の部分ではCSSのfilter機能を使いgoogle mapの 地図の色だけをカスタマイズしサイト全体のバランスを崩さないように 工夫しました。

http://www.harunana.sakura.ne.jp/chunshui/index.html
制作期間
3週間
使った技術
HTML / CSS / jQuery / Photoshop / Illustrator / XD
  • 春水堂 Menuページ
  • 春水堂 Accessページ