トップページへ戻る

制作実績・作例

業種ごとの、
Before & After。

古くてスマホで崩れていたサイトが、どう見違えるのか。つまみを左右に動かして、その場で比べられます。業種に合わせて、写真の見せ方も、予約への導線も、ことばのトーンも整えます。

Drag to compare つまみを動かして比べる
01 Salon

美容室・ヘアサロン

写真で世界観を伝え、
そのままご予約へ。

サロンは「雰囲気」が決め手。大きな写真とゆったりした余白で世界観を伝えつつ、スマホからすぐ予約に進める導線にしました。

ドラッグして比べる

こういう所が変わりました

01スマホ対応指で見やすく、崩れず読める。お客様の8割はスマホから。
02予約導線「ネット予約」ボタンを目立つ位置に。迷わず予約まで。
03写真の見せ方施術例を大きく。世界観と仕上がりが一目で伝わる。
04検索で出る店名・エリアで探したときに見つかる作りに。
02 Studio

ヨガ・教室系

体験申込までを、
静かにみちびく。

教室は「はじめやすさ」が肝心。落ち着いた余白とやさしい言葉づかいで、はじめての方が体験申込までたどり着けるように整えました。

ドラッグして比べる

こういう所が変わりました

01スマホ対応移動中でもスケジュールが見やすく、申込もスマホで完結。
02体験申込の導線「体験を申し込む」を一番の入口に。はじめての一歩を後押し。
03雰囲気が伝わる余白とやさしい言葉で、通いたくなる空気感を表現。
04検索で出る「地域名 + ヨガ」で見つけてもらえる作りに。
03 Café

カフェ・飲食店

メニューと地図を、
すぐ見つかる場所に。

飲食は「行きたくなる写真」と「迷わず行ける情報」。料理の写真を主役にしつつ、営業時間・地図・電話をすぐ見つけられるようにしました。

ドラッグして比べる

こういう所が変わりました

01スマホ対応お店の前で開いても、メニューも地図もすぐ読める。
02来店導線営業時間・地図・電話を上部に。「行ける」が即わかる。
03写真の見せ方料理を主役に大きく。「食べたい」を引き出す。
04検索で出る「エリア + カフェ」やお店の名前で見つかるように。
04 Renovation

リフォーム・工務店

施工事例で信頼を、
見積依頼へつなぐ。

施工事例の Before / After と、問い合わせ・見積依頼への導線を中心に整えた工務店サイトの例です。実物のフルサンプルもご覧いただけます。

ドラッグして比べる

工務店サイトで、ここを整えます

01スマホ対応現場の合間でも見やすく、問い合わせまでスマホで。
02見積依頼の導線「無料見積を依頼」を明快に。相談のハードルを下げる。
03施工事例の見せ方Before / After を並べ、仕事の確かさを伝える。
04検索で出る「地域名 + リフォーム」で見つけてもらえる作りに。

▶ 実物のフルサンプルを開く(みなと工務店)

Live samples

実際のサンプルを、開いて確かめる。

業種別に、AIで作った“フルページのサンプル”を公開しています。クリックすれば、スマホでもそのまま開けます。

※これらは実在の店舗・事務所ではないデザインサンプルです。あなたのお店・会社向けは無料でお作りします。

あなたのお店でも、
無料サンプルから。

業種に合わせたデモを、無料でお作りします。今日見たような Before → After を、あなたのお店・会社で。見るだけ・費用0。

※掲載の作例はデザインサンプルです(実在の店舗・事務所ではありません)。ご依頼後は、あなたの情報・写真で作り込みます。写真: Unsplash(無料・商用利用可)