Brightwork は、AI サービスの事業のために私たちが制作したデザイン見本です。サイトの持ち主は、成長中の企業に AI の仕組みを作り、チームが使えるよう教え、毎月改善を続ける架空の会社です。
トップ、サービス、動くデモ、進め方、AI チーム、お客様の声、よくある質問、ご相談で構成された1ページのサイトです。この方向性を気に入ったお客様はここから始め、お客様のブランド、サービス、文章、実績でデザインを仕上げます。
ゆっくり動く WebGL のグラデーション、大きな文字、何を誰のためにするかの一文。回線が遅くても背景がすぐ表示されるよう、静止画も用意しています。
デモは実際に触れるお客様対応のチャットです。質問を選ぶと、メッセージを読み、お店の資料から答えを探し、返信を下書きし、送信するか担当者の承認を待つ流れが見られます。
部署ごとに動くイラストがあります。タブを切り替えると、マーケティング、営業、カスタマーサービス、経理、デザイン、オペレーションで AI がどう役立つかがわかります。
最後のセクションでは、毎週の時間を取られている仕事をひとつ持ってきてほしいと呼びかけます。ボタンはひとつ、言葉は短く。
読み終えても、自分の仕事のどこに使えるのか、きちんと管理できるのかがわからないままです。
ページ全体は黒に近い地色に、ゆっくり動く温かなオレンジのグラデーション。言葉は短く、長い説明の代わりに動く仕組みを見せます。動く部分はすべてボタンひとつで止められます。
Cover
Live demo
AI teams
Mobileこのページの画像はイメージ用のサンプルです。
黒に近い地色に、ゆっくり動く温かなオレンジの WebGL グラデーション。アクセントカラーはこの一色です。
書体は Geist ひとつ。大きな見出しと短い本文で、暗い地色でも読みやすくします。
GSAP のスクロール演出に、動きを止めるボタンを用意。動きを減らす設定の方には静止したページを表示します。
1ページのサイトは15,900バーツ、5ページの会社サイトは28,900バーツです。年間システム費3,500バーツは制作費とは別です。
このデザインは出発点です。テンプレートの流用ではなく、お客様のブランドに合わせて新しく設計します。