FE
Frontend
HTML・CSS・JavaScript、アニメーション、タブ、モーダル、フィルター、ギャラリー、Canvas・WebGLを要件に応じて実装。
01 — Structure
作る前に、
全体を描く。
ページを増やす前に、誰が、何を理解し、どの行動へ進むかを決めます。サイトマップ・導線・必要な機能を先に整理するため、完成後に情報が迷子になりにくい構成になります。
Planning／Information
- 要件整理
- 事業、対象者、公開時期、既存資産、成果指標
- 導線設計
- サイトマップ、ページ、CTA、問い合わせ・購入・参加
- コンテンツ
- 見出し、説明、画像、ボタン、フォーム項目の順番
- 進行計画
- ページ数、機能、修正、外部費用、公開条件
Design／Experience
- UI・UX
- 視線、階層、レスポンシブ、操作状態、CTA
- 空気感
- 色、タイポグラフィ、余白、動き、ブランドの温度
- 演出
- ローディング、ページ遷移、スクロール、ホバー
- 検証
- スマートフォンから大画面までの表示と操作
02 — Build
表と裏を、
同じ精度で。
要件に応じて、静的なサイトから外部サービスと連携する構成まで対応します。実装範囲は案件ごとに確認し、外部の利用料や認証・決済条件は契約前に分けて提示します。
BE
Backend
フォーム受信、API、認証、データ保存、決済・予約・ショップ等を接続。必要なバックエンド構成を設計。
CMS
Content
更新する人と頻度に合わせ、CMS・スプレッドシート・外部サービスなどの運用方法を選定。
QA
Quality
表示速度、アクセシビリティ、メタ情報、OGP、構造化データ、主要ブラウザを公開前に確認。
03 — Operation & Security
公開後に、
扱える状態へ。
完成して終わりではなく、更新・改善・障害時の切り分けまで残るように設計します。対応範囲と責任分界は案件ごとに明示します。
Operation／Improvement
- 公開
- ホスティング、ドメイン、環境変数、公開手順
- 更新
- 画像・文章・商品・イベント情報の差し替えフロー
- 改善
- アクセス解析、月次振り返り、改善提案、引き継ぎ資料
- 復旧
- バックアップ、変更履歴、障害時の連絡・復旧方針
Security／Privacy
- 入力保護
- 入力値の検証・サニタイズ、スパム対策、レート制限
- 権限
- 秘密情報の分離、最小権限、管理者アクセスの整理
- 公開
- HTTPS、セキュリティヘッダー、依存関係の更新
- 個人情報
- 収集項目、保存期間、外部サービス、削除・問い合わせ窓口
04 — By route
サービス一覧用途が違えば、
重点も違う。
企業・イベント・個人様向けで、成果につながる導線は異なります。料金のカテゴリと対応範囲を組み合わせてご提案します。
Corporate
信頼・採用・問い合わせ
会社概要、事業、実績、採用、ニュース、フォーム、更新の仕組み。
Event
告知・参加・当日案内
日程、出演者、会場・配信、申込、注意事項、開催後アーカイブ。
Personal
活動・作品・依頼の導線
プロフィール、活動・作品、イベントの参加方法、SNS・配信、依頼・問い合わせ。
Personal Shop
作品・商品の購入導線
商品一覧、詳細、利用条件、BOOTH等の外部ショップへの購入リンク、更新しやすい構成。
必要なところから、
相談してください。
「この機能はできるか」「どこまで頼めるか」だけでも構いません。事業内容、用途、公開時期、素材やサービスURLを分かる範囲でお知らせください。