Works

制作事例・サンプルサイト

業種や目的に合わせて、情報の整理とデザインの方向性を変えた2つの架空サンプルをご紹介します。

Two directions

同じ型の色違いではなく、事業に合う見せ方を考える。

予約前の安心感が大切な個人サロンと、場所の多様な使い方を伝えたいカフェ。それぞれの課題、写真、問い合わせまでの流れに合わせて構成しています。

生成り色で整えられた、明るい個人サロンの施術室

Case01

架空のサンプルサイト

Sample site / Personal salon

個人サロン向け サンプルサイト

予約前に知りたい情報を、スマートフォンで見やすく整理した架空の制作サンプルです。

業種
沖縄県内の完全予約制・個人サロン(想定)
想定した課題
Instagramだけでは伝えきれない施術内容、料金、初回来店の流れ、店舗情報を一か所にまとめたい。
デザイン方針
生成りとローズ、セージを基調に、写真と柔らかな余白で初めてでも安心できる雰囲気を設計。
主な問い合わせ導線
ページ内の予約案内/スマートフォン下部の固定予約ボタン(デモ)
画面対応
PC・タブレット・スマートフォン対応
  • スマートフォン優先
  • 予約導線
  • 写真ギャラリー
  • noindex・nofollow

このサイトはYUI FRAMEが制作した架空のサンプルサイトです。

サンプルを見る
本棚と大きな木のテーブルがあるカフェで、店主がコーヒーを淹れる様子

Case02

架空のサンプルサイト

Sample site / Creative cafe

カフェ・クリエイティブ空間向け サンプルサイト

コーヒー、本、仕事、イベントが自然につながる場所の魅力を編集・雑誌風に伝える架空の制作サンプルです。

業種
沖縄県内の個人カフェ・イベントスペース(想定)
想定した課題
飲食メニューだけでなく、選書、打ち合わせ、仕事、イベント利用という複数の魅力を分かりやすく伝えたい。
デザイン方針
アイボリー、チャコール、モスグリーン、銅色を使い、写真を大きく見せる編集・雑誌風レイアウト。
主な問い合わせ導線
イベント・スペース利用案内/ページ内問い合わせ導線(デモ)
画面対応
PC・タブレット・スマートフォン対応
  • 編集・雑誌風レイアウト
  • イベント導線
  • ローカル写真
  • noindex・nofollow

このサイトはYUI FRAMEが制作した架空のサンプルサイトです。

サンプルを見る

Contact

見た目だけではなく、公開後の運用まで。

必要なページや更新方法が固まっていなくても大丈夫です。要件整理から一緒に始められます。

無料相談を申し込む