Works

syo portfolio

Back

work8

「デザインカフェ」コーポレートサイト

corporate site

カテゴリー

ランディングページ

担当範囲

コーディング

制作期間

2週間

使用ツール

HTML / CSS / jQuery

カフェのコーポレートサイトのコーディングを、PC版・スマホ版 共に担当し、仕上げました。(架空案件)

デザインの分析

  • レスポンシブ対応させ、jQueryでハンバーガーメニューを実装した。FV・GALLERYのカルーセルスライダー(画像)が動くようにすることで、画像の切り替わりで世界観を感じやすくなるよう設計した。
  • GALLERY画像にモーダルウィンドウを設定。クリックするとキャプション付きで拡大表示され、気になった人がよりカフェのことを知れるよう設計した。
work2
work3

TOPへ