モックアップ

カフェ コーポレートサイト

カテゴリー
コーポレートサイト
担当範囲
コーディング
制作期間
2週間
ツール
HTML・CSS・jQuery

PC版・スマホ版のWebサイトをコーディングしました(架空案件)。
レスポンシブに対応し、jQueryで動きをつけています。

制作のポイント

一つ一つのデザインに意図があることを意識し、デザインカンプを忠実に再現できるようコーディングしました。PCではウィンドウサイズを小さく変更することも考慮し、指定のサイズ以外でもデザインの印象が変わらないように微調整を加えています。
jQueryを用いて、メインビジュアルやギャラリーのスライダー、スマホ版のハンバーガーメニューに動きを実装しています。

カフェサイトPC版
カフェサイトSP版