制作の見本
架空の店舗とブランドを題材に、納品と同じ品質で作った見本です。上段はブランドサイト、下段は小規模案件の水準。写真は商用利用可のものを色調整し、すべてスマホで開けます。
ブランドサイトの見本
実写か 3D の主視覚から設計する水準。旅館、ブランド、建築、アパレルなど、サイトが商品の顔になる案件向け。
-
01 · 旅館の公式サイト久遠 KUON
谷あいに客室八室の湯宿。全面写真の折り返しに縦組みの見出し、下から開く写真、横に流れる客室、時刻が進む滞在の流れ、部屋と人数で金額が変わる予約フォーム。
開く →
-
02 · 香水ブランドのサイトAURA
氷の白と墨、銀。Three.js のガラス瓶が画面に固定され、スクロールに合わせて位置と大きさ、中身の色を変えながら全セクションを渡る。横に流れる製品、動くカート、取扱店の一覧。
開く →
小規模案件の見本
店舗の公式サイト、予約サイト、申込 LP、サービス紹介。短納期・小予算の案件向けで、写真は商用利用可のものか撮影したものを使う。
-
03 · バー公式サイトHOLLOW
大阪ミナミ、カウンター 8 席のカクテルバー。墨と氷の配色に実写のカクテル。下から開く主視覚、横に流れる日替わりメニュー、数字が回る決まり、視差の店内、動く予約フォーム。
開く →
-
04 · 美容室の予約サイトtsumugi hair atelier
大阪・南堀江、席が二つの美容室。白と墨の紙面に実写のルックブック。左から開く写真、切る前に決めることの三段、料金表、視差のかかる仕上がり写真、メニューで金額が変わる予約フォーム。
開く →
-
05 · 定期便の申込 LPROAST 07
架空の焙煎所のコーヒー定期便。白と墨とコバルトの紙面に実写の豆。数字が回る事実の帯、煎り度で背景が黒くなる固定セクション、焙煎から届くまでの四工程、焙煎記録の表、量を選ぶと金額が動く申込フォーム。
開く →
-
06 · 店舗向け SaaS の LPHibari 予約台帳
飲食店とサロンの予約台帳。折り返しの台帳は実際に触れて、名前を入れると行が増え、LINE の下書きを確定すると仮の行が確定に変わる。スクロールで製品画面が切り替わる機能一覧、月払い／年払いで数字が動く料金表。
開く →