9つの業種、9つのサイト。歯科医院、部品メーカー、コーヒー豆の通販、器の店、税理士事務所、工務店、温泉旅館、美容室、Web制作会社。会社はどれも架空ですが、本物の依頼と同じ手順で、業種ごとに構成と文章を考えてから作りました。HTMLとCSSだけで動き、スマートフォンでも崩れません。

01

ひだまり歯科クリニック歯科医院。初めての人が診療時間と受診の流れをすぐ確かめられる構成です。

診療時間表、初診の流れ、スマホでは電話と予約のボタン

02

株式会社ミナト精機精密部品メーカー。設備と技術を図面のように見せ、見積もりの依頼につなげます。

設備一覧、製品事例、図面を送って見積もり

03

KUMO ROASTERYコーヒー豆の通販。下へ進むほど深煎りの豆になり、背景の色も濃くなります。

商品一覧、定期便の申し込み、淹れ方

04

土と火器の店。一点ずつ大きな写真で見せ、作り手と手入れの方法も読めます。

商品ページ、作り手の紹介、送料と返品の案内

05

税理士法人あさひ会計税理士事務所。料金を表で公開し、相談から契約までを順に説明します。

料金表、相談の流れ、無料相談の申し込み

06

杉浦工務店工務店。家の断面図が描かれたあと、施工事例と家づくりの工程が続きます。

施工事例、工程表、見学会の申し込み

07

湯宿 ゆらぎ温泉旅館。到着から翌朝の出発までを時間の順に案内し、予約フォームで終わります。

部屋と料金、献立、予約フォーム

08

SOU.hair美容室。写真とメニュー表を中心にした、余白の多いページです。

メニュー表、スタイリスト紹介、予約ボタン

09

VOID/FORMWeb制作会社。3Dの金属とスクロールに合わせた動きで、技術力を見せるページです。

3D表示、スクロール演出、横スクロールの事例一覧