Flower Shop / Brand Site

まーるい花屋

“花も、気持ちも、まるくつながる。”をWebにする

架空のフラワーショップサイト制作例。店名の由来である“まるい”を、写真・カード・ボタン・装飾まで一貫した丸いデザインに展開。価格、花の組み合わせ、花材、ギャラリー、相談導線まで、やさしく回遊できる構成にしました。

Round Design
Gallery UI
Contact Flow

担当: 情報設計 / コピー / デザイン / 実装
目的: 花屋らしい世界観と、相談しやすい導線を両立する
制作: HTML / CSS / JavaScript（固定ヘッダー・ギャラリー・ふわふわ演出）

世界観

丸いデザインで統一

写真・カード・ボタン・装飾まで“まるい”印象に揃える

導線

相談前の迷いを減らす

価格・用途・花材を見たあと、自然に相談へ進める構成

体験

やさしく回遊できる

固定ヘッダー・ギャラリー・外部導線で店舗らしい安心感を作る

実際のサイトを見る実績一覧へ戻る

“まるい”を、見た目だけで終わらせない。

Overview

まーるい花屋は、架空のフラワーショップを想定した店舗サイトプランの制作例です。
店名の由来である“まるい”を軸に、ロゴ・写真・カード・ボタン・装飾まで丸い印象で統一。花屋らしいやさしさと、相談しやすい情報導線を両立しました。

Challenge

花屋サイトでは、写真の雰囲気だけでなく「いくらで頼めるのか」「どんな花を選べるのか」「どんな場面で相談できるのか」を自然に伝える必要があります。
そこで、価格・組み合わせ・花材・シーン相談を分けて見せ、初めての人でも問い合わせ前にイメージしやすい構成を目指しました。

Solution

全体のモチーフを“丸”に統一し、やさしく親しみやすい印象を作りました。
お花のご案内、価格カード、花材カード、季節のおすすめ、ギャラリー、Contactの相談導線まで、それぞれが独立しながらも同じ世界観でつながるように設計しています。

Highlights

写真・カード・ボタン・装飾まで“丸”で統一し、店名の世界観をそのままWebに展開。
価格・組み合わせ・花材を分けて見せ、問い合わせ前の不安を減らす構成に整理。
固定ヘッダー・フッターで主要導線を常に近くに置き、雰囲気を見たあと自然に相談へ進める設計。

Design

背景には花屋らしいやわらかな写真を固定表示し、上に重なる要素は丸いカードや丸い写真で統一しました。
黄緑・花びらのようなピンク・やわらかい黄色をアクセントに、親しみやすく、相談しやすい店舗サイトの空気感を作っています。
また、ヘッダーとフッターを常に画面内に固定し、お花の情報・店舗情報・相談導線・SNSなどへすぐ戻れるようにすることで、見た目の世界観だけでなくアクセスのしやすさも高めました。