制作実績 WORK

オープン・カフェ

サイト情報

事業ジャンル 飲食店
ユーザー名、パスワード ID:demo PW:demo
サイトタイプ WordPress

制作概要

カフェ・飲食店をテーマにしたコーディングサンプルです。提供されたデザインデータをもとに、記事の更新・管理がしやすいWordPress(ワードプレス)を用いてオリジナルテーマを構築しました。

スマートフォン、タブレット、パソコンのどのデバイスからも快適に閲覧できるレスポンシブデザインです。

コードを1px単位で調整してデザインを忠実に再現する、ピクセルパーフェクトを実施しています。

制作のポイント

独立した管理機能

「お知らせ」「メニュー」「ギフト」「店舗情報」それぞれに、専用の独立した投稿機能を実装しています。
用途ごとに記事を管理できるため、情報を整理しやすく日々の更新作業が楽になる管理画面に仕上げています。

視覚的に伝えるスライド表示

トップページの最上部には、お店の雰囲気を伝える複数の写真が切り替わるスライダーを実装しています。
画像がゆるやかに拡大しながら切り替わる演出で、サイト全体に落ち着いた雰囲気や高級感を与える仕様になっています。

地図表示(Googleマップ)

店舗情報のセクションには、Googleマップを埋め込んでいます。正確な所在地を分かりやすく提示し、来店を検討するお客様をスムーズに案内する助けになります。

SNS(Instagram)との連携

Instagramの最新の投稿をサイト上に表示する機能を実装しています。
SNSでのリアルな発信を共有でき、お店の親しみやすさやファンづくりにつなげる役割があります。

前の実績へ 藍染工房
次の実績へ maa icingcookies 様
制作実績一覧へ

Webサイト制作・Web集客に 関するご相談はお気軽に

お見積もりやご相談は無料です。まずはお気軽にお問い合わせください。