HP 2026年5月

森の喫茶店

木漏れ日と香りに包まれる、自然派カフェのコーポレートサイトを制作。手作りの温もりが伝わる和モダンなデザインで、訪れた人がそのまま足を運びたくなる、五感に響くWeb体験をお届けしました。

shiftlance-create.com/portfolio/morinokissaten/
森の喫茶店
Overview

プロジェクト概要

都会の喧騒から少し離れた、自然に抱かれた喫茶店「森の喫茶店」のコーポレートサイト制作案件です。

「森に包まれる、やさしい時間。」というコンセプトを軸に、HOME・コンセプト・メニュー・お知らせ・アクセス・ご予約の全6ページを構築。深緑×ベージュ×クリームを基調とした落ち着いた配色と、明朝体(Noto Serif JP)の柔らかな文字組みで、和モダンな世界観を表現しました。

ヒーロー画像から円形フレームのアバウトセクション、波形のセクション区切り、ボタニカルな葉のあしらいまで、細部まで「森のやさしさ」を感じられるディテールにこだわっています。レスポンシブ対応・予約フォーム・スムーススクロールなど、お客様が快適に予約まで進める導線も完備しました。

Process

制作のポイント

五感に響く世界観の構築

深緑×ベージュ×クリームのナチュラル配色と、明朝体フォントで「自然のやさしさ」を視覚化。波形のセパレーターやボタニカルな葉の装飾で、訪問者がページを巡る度に森の息吹を感じられる演出を施しました。

ご予約までのスムーズな導線

ヘッダーに「ご予約・お問い合わせ」ボタンを常設し、HOMEから1クリックで予約ページへ。フォームには日時・人数・要望欄を備え、来店までの動線を最短化。お客様が迷わず行動できるUI設計を徹底しました。

全デバイス最適化

PC・タブレット・スマホそれぞれの専用CSSを用意し、各デバイスに最適化された表示を実現。スクロールアニメーション・ハンバーガーメニュー・スムーススクロールなど、心地よい操作感も大切にしました。

← 前の実績
法人集客特化型コーポレートサイト制作
次の実績 →
FUKUOKA-SUI-relaxation
制作実績一覧に戻る