WEB制作事例

カフェのWEBデザイン案

パソコン版とスマホ版のWEBデザイン（カフェ編）

カフェのWEBデザイン例

カフェのWEBデザイン案です。PCサイトとスマホサイトを前提にデザインしました。もちろん、レスポンシブデザインの対応も可能です。
CMSを導入して写真や文章などをパソコン版、スマホ版を同時に変更することも可能です。

カフェ用のパソコン版WEBデザイン案

メイン画像はコーヒーをメインにした大きな画像を配置しました。カフェによっては外観や内装をJQueryを使用してスライドショーのような形で見せる方法もあります。

丸型のサムネイル画像とタイトルの部分は各主要ページにリンクをはって移動するイメージです。
WordPress（ワードプレス）などのCMS（管理画面）を導入すれば画像は差し替えることも可能です。
その際はCSS(装飾)ファイルで丸型になるように設定しておけば、管理画面から四角い画像を設定するだけで自動的に丸型の写真に差し替えることも可能です。

News部分はWordPressなどのCMSを導入すれば、自社で更新することが可能です。
タイトル部分をクリックすると詳細ページに移動するイメージです。