誰のどんな課題を想定し、どの範囲を制作したかを明記します。
自主制作デモ
相談内容が定まっていない小規模事業者が、頼める内容を判断しにくい。
Web修正、ホームページ制作、AI・業務改善の3カテゴリと、直接問い合わせできる導線を整理する。
企画、文章、デザイン、HTML / CSS / JavaScriptによるレスポンシブ実装、SEO、構造化データ、アクセス解析・お問い合わせ導線の整備。
HTML / CSS / JavaScript / PHP / WordPress / Laravel
自主制作デモ・架空店舗
小規模店舗では、商品、営業時間、所在地、問い合わせ方法が分散すると、初めての方が来店や相談を判断しにくい。
焼き菓子、店のこだわり、店舗情報、問い合わせ導線を1ページ内で順番に確認できる構成へ整理する。
企画、文章、デザイン、HTML / CSS / JavaScriptによるレスポンシブ実装、店舗情報と問い合わせ導線の整備。
HTML / CSS / JavaScript / レスポンシブWebデザイン
自主制作デモ・架空企業
注文住宅とリフォームを扱う企業サイトでは、サービス、施工例、会社の考え方、相談方法が分散すると、初めての方が全体像をつかみにくい。
トップ、家づくり、施工事例、私たちについて、お問い合わせの5ページへ情報を分け、各ページから相談へ進める導線を整える。
5ページの情報設計、日本語コピー、デザイン、React / CSSによるレスポンシブ実装、共通ナビゲーション、問い合わせUIデモ、架空サイト告知。
React / CSS / レスポンシブWebデザイン / Codex Sites
自主制作デモ・架空イベント
アートイベントサイトでは、作品世界の印象と、展示内容・参加作家・開催情報を同時に伝えながら、動きが読みやすさや操作を妨げないようにする必要がある。
6つの場面を縦の物語として構成し、パララックス、Canvasの光粒、作品画像の奥行き表現を段階的に使いながら、スマートフォンと動きを減らす設定では読みやすさを優先する。
企画、日本語コピー、アートディレクション、Astro / CSS / JavaScriptによるレスポンシブ実装、Canvas 2D、スクロール連動演出、アクセシビリティ、外部送信を行わないチケットUIデモ、架空イベント告知。
Astro / CSS / JavaScript / Canvas 2D / パララックス / レスポンシブWebデザイン / Codex Sites
