demo.hitotsunagi.com/demo-salon-preview
サイトを見る ↗
WORKS / CASE STUDIES
制作事例
業種ごとの
スマホ対応はもちろん、どのデザインも、文字も写真もご自身で更新できる形で制作できます。
各事例にはそれぞれ違う演出を入れています。 お好きなデザインや動きを選んで組み合わせて、あなたのお店のサイトを作れます。
※ 掲載しているのはヒトツナギが制作した架空のデモです。企業・人物は実在しません。
demo.hitotsunagi.com/demo-cleaning
サイトを見る ↗
02クリーニング店
スッキリクリーニング
クリーニングは「いくらで、どこまでやってくれるのか」が決め手。料金表とビフォーアフターを軸に、頼む前に答えが見つかる多ページ構成にしました。
演出ワイプ・リビール（拭き取り出現）
demo.hitotsunagi.com/demo-izakaya-modern
サイトを見る ↗
demo.hitotsunagi.com/demo-cafe
サイトを見る ↗
04カフェ・パンケーキ
Cafe&Pancake ふわり
カフェは行く前から「おいしそう」が伝わるかがすべて。ふわしゅわパンケーキの写真を主役に、白×イエローの明るい紙面でメニューからアクセスまで一息で届くようにしました。
演出フェードアップ（スクロール出現）
demo.hitotsunagi.com/autorepair-demo
サイトを見る ↗
05自動車整備
山田自動車
車の修理は「何をしてくれるのか」が見えないと頼みにくい。サービス案内と施工事例のビフォーアフターで、仕事の中身がそのまま見える構成にしました。
演出左右交互スライドイン
demo.hitotsunagi.com/barber-demo
サイトを見る ↗
06理容室・バーバー
床屋 山田理容店
町の床屋さんに必要なのは、メニュー・雰囲気・場所がすぐ分かること。迷わせない1ページ構成に、必要な情報だけを読みやすく整えました。
演出フォーカスイン（ぼかし→くっきり）
hitotsuagi-demos.pages.dev/barber
サイトを見る ↗
07理容室・バーバー（デザイン見本）
IRON BARBER
「かっこいい店に行きたい」男性客には、サイトの空気がそのまま看板になる。黒×無骨なインダストリアル調で、硬派な世界観を貫いたデザイン見本です。
演出フェードアップ（スクロール出現）
demo.hitotsunagi.com/flowrshop-demo
サイトを見る ↗
demo.hitotsunagi.com/prettydog-demo
サイトを見る ↗
09ペットサロン
ペットサロン
大切な家族を預けるからこそ、「何をされるのか」の不安を先に解消したい。トリミングの流れを順に見せ、メニューとギャラリーで仕上がりを想像できるようにしました。
演出バウンドイン（ぴょんと弾む）
hitotsuagi-demos.pages.dev/restaurant
サイトを見る ↗
10イタリアンレストラン
RISTORANTE NOZOMI
記念日に選ばれる店には、料理が主役の品格が要る。カルーセルと料理写真のグリッド、タブ切替メニューで、高級感のあるひと皿の世界観をつくりました。
演出自動カルーセル
demo.hitotsunagi.com/aoba-sekkotsu-demo
サイトを見る ↗
11接骨院・整骨院
あおば接骨院
はじめての接骨院は「痛くないか、いくらかかるか」が不安。症状別ガイドと施術の流れ、料金案内を黄緑×オレンジのやさしい配色でまとめ、通う前の心配を減らしました。
演出フェードアップ（順次出現）
demo.hitotsunagi.com/izumi-tatami-demo
サイトを見る ↗
demo.hitotsunagi.com/clair-nail-demo
サイトを見る ↗
13ネイルサロン
nail salon clair
ネイルは仕上がりの見本と料金の明快さが選ばれる条件。ミントグリーンの清潔感に、デザインギャラリーとQ&Aを備えた5ページ構成で「安心して任せられる」を形にしました。
演出フェードアップ
demo.hitotsunagi.com/lueur-lash-demo
サイトを見る ↗
14アイラッシュサロン
Lueur
目元の施術は、仕上がりと衛生感への信頼がすべて。ベージュ×ゴールドの上品な紙面に、写真付きメニュー・ビフォーアフター・店内とスタッフ紹介まで6ページで揃えました。
演出ケンバーンズ（ゆっくりズーム）
demo.hitotsunagi.com/ei-shodo-demo
サイトを見る ↗
15書道教室
書道教室 永
習い事は「どんな先生に、いつ通えるか」が決め手。墨×和紙×青磁の落ち着いた紙面に、コース・教室と講師の紹介・稽古日カレンダーまで揃えました。
演出筆ストローク描画＋縦書き滲み