\n
CafeHarmonie

<架空ウェブサイト>
WordPressを使用した、スクールの卒業課題として制作したサイト。
コンセプトは、「おいしいコーヒーにとことんこだわったお店の新規オープンに合わせたサイト」です。
架空とはいえ実際の案件応募を想定した課題でしたので、妥協せずに、クライアントのコーヒーへの熱い思いに負けず とことんこだわって(笑)取り組みました。
サイトはこちら

使用技術
WordPress(既存テーマ使用)
PHP
CSS

想定依頼内容
クライアント:コーヒーにとことんこだわるカフェのオーナー
オーナー自らがブログとしてコーヒーにまつわるエピソードや豆知識を日々載せていきたい
シンプルだが親しみやすいデザインを希望

制作にあたって工夫したこと
オーナーさまのコーヒー愛が最大限に伝わるよう、またシンプルかつ見やすいサイトになるように気を配りました。
全体のカラーをコーヒー色で統一。
TOPページはメニュー一覧からお問い合わせまでの「必要な情報」をわかりやすく表示させ、サイドバーでカテゴリごとに記事を見られるようにしました。
プラグインを使用した「TOPに戻るボタン」の挿入や、トップ画面でのスライダーを設定。
PHPやCSSを使い、ブロックの位置をずらしたり、フッターエリアの不要な部分を非表示にするなどのカスタマイズをしています。

苦労したこと
このテーマはスライダーが固定ページを使う仕様になっていたので、固定ページでアイキャッチ画像とタイトルだけを入れたものを3枚作成して設定しました。キャプションの位置などがなかなかしっくりこずに悪戦苦闘しました。
フッターエリアもデフォルトでいろいろなブロックが設定されており、不要なブロックを非表示にしたうえでナビゲーションメニューを左に持ってくるのが難しく、こちらも試行錯誤のうえやっと良い感じに収まりました。

スライダー画像

Cafetop

メニューセクション

Menu

お客様の声&ブログ一覧

VoiceBlog

お問い合わせセクション

contact

ブログ詳細ページ

blog

店舗情報とフッター

Location