WORKS

制作例

業種ごとに、
どんなふうに作るのかを
ご覧いただけます。

LIVE WORKS

公開中の実績

実際に公開されているホームページです。
構成や導線、ページごとの見せ方までご覧いただけます。

ukara(ウカラ)の制作実績

エステサロン

ukara(ウカラ)公開中

1日3名様だけの自宅サロン。「どんな空間で、誰が施術するのか」が予約前に分かることを最優先にした構成です。トップで全体像を伝え、詳しくは各ページへ渡しています。

全6ページ初めての方への導線LINE・Instagram連携
サイトを見る
SAMPLE

業種別のデザインサンプル

架空のお店・事務所を想定して制作したサンプルです。
トップページだけでなく、中のページまですべてご覧いただけます。

各サンプルの画面上部にある「解説を見る」を押すと、
なぜその配置・色・書き方にしたのかが表示されます。

注文住宅・工務店のデザインサンプル

注文住宅・工務店

木立工務店架空

写真を主役にした、静かで上質な見せ方。施工事例のページは写真の並べ方を変えて、読み物として仕上げています。

全5ページ施工事例スマホ対応

このデモで見ていただきたいところ

  • 施工事例を横に流して、3枚ではなく6枚以上を見せる
  • 見出しを縦書きにして、和の落ち着きを出す
  • 家づくりの流れで、工程の番号が画面に残るようにする
サイトを見る
歯科医院のデザインサンプル

歯科医院

みなも歯科・小児歯科架空

予約までの短さを最優先した設計。スマホでは画面下に予約ボタンが常に出ます。医療広告のルールに沿った書き方をしています。

全6ページ予約導線医療広告に配慮

このデモで見ていただきたいところ

  • 「歯が痛い」から探せる入口をつくる(診療科目の名前を知らなくてもいい)
  • 診療時間表で、今日の列に自動で色がつく
  • 料金表を保険と自費で切り替えられる
サイトを見る
行政書士事務所のデザインサンプル

行政書士事務所

ゆずりは行政書士事務所架空

深緑と明朝体で、士業らしい落ち着きを。「当事務所ができること/他の専門家におつなぎすること」を明示し、業際に配慮しています。

全7ページ業務範囲の明示料金表

このデモで見ていただきたいところ

  • 長い説明のページで、目次が画面に貼りついて現在地が分かる
  • 専門用語にふれると意味が出る(言い換えずに、意味を添える)
  • 持ち物をチェックしながら確認できる(当日また開けば続きから)
サイトを見る
介護・デイサービスのデザインサンプル

介護・デイサービス

デイサービスえんがわ架空

ご家族・ケアマネジャー・求職者という3方向の読み手に向けた構成。文字を一段大きくし、採用ページも備えています。

全6ページ採用ページ大きめの文字

このデモで見ていただきたいところ

  • 文字の大きさを切り替えられる(老眼が始まる年代のご家族向け)
  • 今週の空き状況を表で出す(ケアマネジャーが最初に見る情報)
  • 施設の写真をクリックで大きく見られる(見学の前に中を確認できる)
サイトを見る
割烹・日本料理のデザインサンプル

割烹・日本料理

割烹 汐路架空

墨黒を主役に、余白と字間を大きく取った構成。暗い写真で統一し、料理だけが浮かび上がる見せ方にしています。

全5ページ夜の世界観写真を絞る

このデモで見ていただきたいところ

  • 献立を縦書きのお品書きにする(和食では縦組みが本来の姿)
  • 席の並びを図で見せる(カウンターか個室かで来店の目的が変わる)
  • 今月の営業カレンダーが自動で組み上がる(毎月書き換え不要)
サイトを見る

※ 上記はすべて、制作実力をご覧いただくために作成したデザインサンプルです。
会社・店舗・事例・お客様の声はすべて架空で、写真はイメージです。

IN PROGRESS

制作中のお仕事

公開とあわせて、こちらでもご紹介できるよう準備しています。

行政書士事務所

地域密着型 行政書士事務所

2026年11月公開予定
WordPress/スマホ対応/お問い合わせフォーム

近い雰囲気のものが
あれば、お知らせください。

「この感じが好き」「ここは違う」——それだけで十分です。
そこから、あなたのお店に合う形を一緒に考えます。

無料で相談する