DESIGN CAFE 店舗紹介WEBサイト
WEBサイト | 2024
担当
制作期間
業界
コーディング
2週間
飲食
-
HTML
-
CSS
-
JQuery
overview
概要
仮想のカフェをもとにレスポンシブ対応のWEBサイト制作。 HTML ,CSSを使用し、デザインカンプからコーディング。 メインビジュアルとギャラリーの2箇所でJQueryを用いて、画像スライダーを実装。
point
工夫点
レスポンシブ対応については、画面幅に合わせて余白や文字の大きさが自動で調整されるように構成。
デザイン構成の違いによる、画像とテキストの出しわけを適用。
ギャラリー部分にモーダルウィンドウを実装し、画像の拡大表示が可能。
PC版
SP版
