デザイン系統 A
やさしい・親しみ型
想定業種
特徴
- 柔らかい角丸
- 淡い背景色
- 温かい写真
- 親しみやすいボタン
Web parts catalog
好みのデザインを見ながら、一緒にサイトを組み立てます。
YUI FRAMEでは、完成後に初めてデザインを確認するのではなく、実際のボタン、枠、プロフィール、問い合わせ導線などを見ながら、お客様の事業に合う方向性を整理します。
選択されたパーツをそのまま機械的に並べるのではなく、サイト全体の統一感、見やすさ、使いやすさを考慮してYUI FRAMEが最終構成をご提案します。
How to use
カタログの利用方法
- 01
好みの雰囲気を選ぶ
まずは3つのデザイン系統から、事業に近い空気感を確認します。
- 02
必要なパーツを確認する
ファーストビューや料金表など、必要な部分の好みをA・B・Cで伝えられます。
- 03
YUI FRAMEが全体を整えて提案する
選んだ方向性をもとに、情報の順番と問い合わせまでの流れを設計します。
Design direction
まずは、3つのデザイン系統から。
業種だけで決めるのではなく、お客様が届けたい印象や写真素材も踏まえて方向性を選びます。
デザイン系統 B
信頼・専門型
想定業種
特徴
- 落ち着いた配色
- 情報を整理した配置
- 直線的な枠
- 信頼感のあるボタン
デザイン系統 C
写真・ブランド型
想定業種
特徴
- 写真を大きく表示
- 文章を短く整理
- ビジュアル中心
- 余白を生かした配置
First view
ファーストビュー
最初に伝えたい内容や写真素材に合わせて、情報量と視線の流れを整えます。
ファーストビュー A
写真中心型
空間や商品、施術などの写真で、ひと目で雰囲気を伝える構成です。
ファーストビュー B
写真と文章の左右分割型
サービスの要点と写真を同時に見せ、内容を短時間で理解しやすくします。
ファーストビュー C
文章・メッセージ中心型
理念や約束を大きな言葉で示し、専門性や事業姿勢を印象づけます。
Frame & card
枠・カード
同じ情報でも、角の形や線、写真の比率によって受け取られる印象が変わります。
Service
サービス紹介
提供内容の数や、説明したい情報量に合わせて見せ方を選びます。
サービス紹介 A
3カード型
サービス紹介 B
縦並び説明型
01
For first visit
初めての方へ
ご予約前の不安を減らせるよう、当日の流れや所要時間を分かりやすくご案内します。
02
Regular care
継続ケア
頻度やご予算を伺いながら、無理なく続けられるメニューをご提案します。
03
Online support
オンライン相談
来店前のご質問や、遠方の方向けの相談にも対応しています。
サービス紹介 C
写真付き左右交互型
Price & menu
料金・メニュー
比較しやすさを優先し、内容と金額の関係がスマートフォンでも伝わるように整理します。掲載価格はすべて架空のデモです。
Profile
プロフィール
人柄、専門性、事業を始めた背景のどれを中心に伝えるかで構成を変えます。
プロフィール A
写真と文章の横並び
Owner / Therapist
島袋 めぐみ
忙しい毎日の中でも、自分を整える時間を持ってほしい。そんな思いから、小さなプライベートサロンを始めました。
- 得意なこと
- 丁寧なヒアリングと無理のないケア提案
- 大切にしていること
- 初めての方にも安心できる説明
プロフィール B
写真を中央に置く型
プロフィール C
経歴や思いを伝えるストーリー型
My story
経験を、地域の小さな事業の力に。
- 2012専門分野での実務を開始
現場でお客様の課題に向き合い、伝えることの大切さを学びました。
- 2019地域事業者の支援へ
専門知識を、もっと身近で分かりやすい形に整える活動を始めました。
- Now相談から継続支援まで
一度きりではなく、変化に合わせて長く相談できる関係を大切にしています。
Flow
制作・利用の流れ
手順の数と説明量に合わせて、初めての方にも次の行動が伝わる順番に整理します。
FAQ
よくある質問
質問数や回答の長さに合わせて、探しやすさと読みやすさを整えます。
Contact
問い合わせ導線
お客様が普段使う連絡方法と、問い合わせの緊急度に合わせて導線を選びます。掲載内容はすべて架空のデモです。
Access
アクセス
外部地図は読み込まず、店舗情報と位置関係を確認するためのデモ用地図を表示しています。
アクセス A
地図と店舗情報型
SAMPLEDEMO MAP
アクセス B
写真・営業時間・地図型
Open hours
店舗情報
- 火–金
- 11:00–18:00
- 土・日
- 10:00–17:00
- 定休日
- 月曜日
沖縄県○○市○○ 4-5-6 / 駐車場3台
CAFEDEMO MAP
From direction to website
選んだ方向性を、ひとつの使いやすいサイトへ。
YUI FRAMEがサイト全体の統一感と見やすさを整え、スマートフォン表示と問い合わせまでの導線を考慮した最終構成をご提案します。