パソコン版とスマホ版のWEBデザイン(カフェ編)
カフェのWEBデザイン案です。PCサイトとスマホサイトを前提にデザインしました。もちろん、レスポンシブデザインの対応も可能です。
CMSを導入して写真や文章などをパソコン版、スマホ版を同時に変更することも可能です。
WEB制作事例
カフェのWEBデザイン案です。PCサイトとスマホサイトを前提にデザインしました。もちろん、レスポンシブデザインの対応も可能です。
CMSを導入して写真や文章などをパソコン版、スマホ版を同時に変更することも可能です。
メイン画像はコーヒーをメインにした大きな画像を配置しました。カフェによっては外観や内装をJQueryを使用してスライドショーのような形で見せる方法もあります。
丸型のサムネイル画像とタイトルの部分は各主要ページにリンクをはって移動するイメージです。
WordPress(ワードプレス)などのCMS(管理画面)を導入すれば画像は差し替えることも可能です。
その際はCSS(装飾)ファイルで丸型になるように設定しておけば、管理画面から四角い画像を設定するだけで自動的に丸型の写真に差し替えることも可能です。
News部分はWordPressなどのCMSを導入すれば、自社で更新することが可能です。
タイトル部分をクリックすると詳細ページに移動するイメージです。
ホームページを制作する料金プランには下記のようなものがあります。
CMS導入ホームページ制作プラン
WordPressでホームページ制作プラン
レスポンシブウェブデザイン+CMS構築プラン
千葉、東京、横浜を中心に全国を対象にホームページ制作を承っております。
ホームページ作成のご相談・お見積は無料です。まずは概算見積をしますのでお気軽にお問い合わせください。
初めてホームページ制作をご依頼される方で流れを知りたい方は「ホームページ制作の流れ」をご参照ください。