概要

デザインカンプと元にHTML/CSS,JavaScriptでコーディングを担当しました。
可読性・保守性の高いコードを意識しながら、デザイン意図や世界観を正確に再現。 ユーザーが直感的に操作できるよう、視認性、導線にも配慮して実装しました。 あらゆるデバイスで快適に閲覧できるよう、レスポンシブにも対応しています。

目的

新規顧客獲得

ターゲット

落ち着いた雰囲気で一息つきたい20〜40代のカフェ好きな男女
世界観や雰囲気を重視して来店を決める層

制作範囲

コーディング

使用ツール

HTML / CSS 、Javascript
VS code
GitHub
Illustrator（支給デザイン）
Google Chrome（表示確認・レスポンシブ調整）

制作期間

約2週間