相談する

業種ごとに、デモ用のサンプルサイトを制作しました。どれも実際に動きます。パソコンでもスマートフォンでも、触って確かめてみてください。

割烹 しずく(パソコン表示)
割烹 しずく(スマートフォン表示)

飲食店

割烹 しずく

カウンター八席の割烹を想定したサイトです。縦書きと墨の濃淡で、店の静けさと品のよさを表しました。

演出のポイント

  • 雫が落ちて波紋が広がるオープニング。触れると水面が揺れます
  • スクロールに合わせて横に流れる、おまかせ献立
  • 今日の日付から「いまの季節」と旬のひと品を表示
  • 予約を申し込むと、落款(はんこ)が押される演出
書体:Zen Old Mincho
サイトを開く
LUMA hair(パソコン表示)
LUMA hair(スマートフォン表示)

美容室

LUMA hair

表参道のヘアサロンを想定したサイトです。ファッション誌のような誌面構成で、髪の質感と光を主役にしました。

演出のポイント

  • カーソルに合わせて、髪のようになびく光の線
  • スクロールの速さに合わせて傾く、メニューの帯
  • 写真が奥行きをもって流れる視差スクロール
  • スタイリストの写真にカーソルを乗せると光が差す
書体:Bodoni Moda/Noto Sans JP
サイトを開く
Atelier KANNA(パソコン表示)
Atelier KANNA(スマートフォン表示)

建築設計事務所

Atelier KANNA

住宅を手がける設計事務所を想定したサイトです。写真がなくても、図面の線だけで仕事の確かさが伝わるように組み立てました。

演出のポイント

  • スクロールに合わせて、基礎から屋根まで家が組み上がる
  • 図面のような十字カーソルと座標の表示
  • 季節で変わる太陽の高さを、動く図で説明
  • 実績の一覧にカーソルを乗せると、平面図が浮かぶ
書体:Archivo/IBM Plex Sans JP
サイトを開く
そらいろ歯科クリニック(パソコン表示)
そらいろ歯科クリニック(スマートフォン表示)

歯科医院

そらいろ歯科クリニック

ご家族で通える歯科医院を想定したサイトです。空色とやわらかな丸みで、来院前の緊張をほどくことを目指しました。

演出のポイント

  • 今が診療時間内かを、その場で表示
  • 目でカーソルを追いかける歯のキャラクター
  • 日にちと時間を選べるWEB予約の画面
  • 今日の曜日に色がつく診療時間表
書体:Zen Maru Gothic
サイトを開く

あなたの事業の葉も、育ててみませんか。

掲載しているのはデモ用のサンプルです。業種や雰囲気に合わせて、一からデザインします。

無料で相談する