Biwa no Mori様 | Portfolio by NAGISA.DESIGN Biwa no Mori様 | Portfolio by NAGISA.DESIGN

portfoliobyNAGISA.DESIGNのロゴ(TOP用)

デザインしたもの

#Webdesign

ホームページ

Biwa no Mori様

Biwa no Mori様

”素材にこだわったおやつのレシピ”を作り出し、発信しているお友達からインスピレーションを受け、”こんなお店があったらいいなあ”と思い描いたお菓子屋さん 「BIWA no MORI(架空)」 のサイトを制作しました🍃「Elementor」 というノーコードプラグインを活用し効率化しつつアニメーションやパララックス効果を加え、訪れた人が楽しみながら読み進められるデザインに仕上げています。

ターゲット

自然な素材にこだわった安心なお菓子を求める方を中心に、 年齢や性別を問わず、誰にでも開かれたお店を目指しました。 子育て中のママやパパが赤ちゃん連れでも立ち寄れるよう、バリアフリーを意識した店舗設計に。 学生が学校帰りに宿題をしたり、地域の方がふらっと休憩したり──。 そんな「日常の延長にあるお店」でありたいという思いを込めています。

目的

お菓子を販売するだけでなく、琵琶湖の自然に包まれた「やさしさ」と「ぬくもり」を届けること。 そんな思いを込めて、訪れる前から世界観を感じられるよう、オンライン上で ナチュラルさ・清潔感・安心感 を表現しました。 また、情報をシンプルに整理し、はじめての方でも迷わずたどり着けるサイト構成に。 安心して訪問できる入り口となることを大切にしています。

情報設計

サイト全体は、訪れる人が直感的に操作できるようシンプルな構成に。 TOPページではコンセプトやお店の雰囲気を視覚的に伝え、 商品紹介ページでは大きな写真を使って、素材や製法への安心感を表現しました。 NEWSページは新作やイベントをタイムリーに届けられるブログ形式に。 Contactページは入力項目を最小限にして、スムーズに問い合わせができるように設計。 「商品を見る → 気になる → 訪れる/問い合わせる」 そんな自然な流れを意識したデザインに仕上げています。

デザインプロセス

まずは「自然」「ナチュラル」「安心感」というキーワードを軸にコンセプトを構築。 そのうえで、シンプルで直感的に使えるワイヤーフレームを設計し、利用者が迷わず欲しい情報にたどり着けるように工夫しました。 デザインでは、パステル調の柔らかな色合いをベースに、写真の温かみを活かしたレイアウトで統一感を演出。 さらにWordPressを導入し、オーナー自身が商品やブログを手軽に更新できる仕組みに整えています。

制作期間

企画・設計:2週間
デザイン:3週間
WordPress:3週間

使用ツール

Figma / Illustrator / Photoshop / WordPress / Elementor

PAGE
TOPへ