Site Plan

プロフィールサイトの設計図。
並びと載せる情報は etoha(見た目は真似しない)。動きは選んだパーツ。
オレンジの段は、まだ決めることが残っているところ。

章タイトル(背景が動く段)1文字ずつせり上がる → 03
章タイトル(背景が動かない段)枠の下からスッと出る → 37
同じ背景色が続くところオレンジの柱で切り替える → 16
ロゴ背景の色に合わせて色が変わる → 60
  1. OPENING 開幕選ぶ

    載せる情報

    名前・肩書き・読み込みの%

    動き(候補)

    01B 斜め帯/01C 名前がせり上がる/09 顔の壁/11 手描きの壁/22 ロゴの点

  2. HEADER 上のメニュー

    載せる情報

    ロゴ/トップ・私について・実績・事業内容・ブログ・お問い合わせ

    動き

    メニュー 07 手を振る+ロゴの色替え 60

  3. TOP トップ置き場所

    載せる情報

    キャッチ1行・「相談してみる」ボタン

    動き

    02B 流れる帯をここか直下に置く案

  4. ABOUT 私について

    載せる情報

    大事にしていること(大きく一言)・自己紹介の文・「もっと見る」

    動き

    章タイトルのルールどおり

  5. WORKS 実績

    載せる情報

    イチオシ1件(題名・説明・担当した範囲のタグ)+実績カード6件前後・「すべて見る」

    動き

    章タイトルのルールどおり

  6. SERVICE 事業内容

    載せる情報

    柱4本(例:LP/LINE/動画/AI導入)と、それぞれの「できること」一覧

    並び

    etohaの事業内容と同じ並び:左に目次、右にカードが重なる → 12

  7. FLOW 依頼までの流れ

    載せる情報

    相談 → ヒアリング → 提案 → 制作 → 公開 などのステップ

    動き

    04 バイクが進む

  8. BLOG ブログ

    載せる情報

    仕事のことも日常も。日付・題名のカード数件・「すべて見る」

    動き

    章タイトルのルールどおり

  9. MEMBER 一緒にやっている人載せるか

    載せる情報

    顔写真・名前・役割

    動き

    51 弾んで出るカード

  10. CONTACT 相談

    載せる情報

    「やりたいことがまだ曖昧でも大丈夫です」の一言・相談ボタン

    動き

    フッターとひとつながり

  11. FOOTER いちばん下

    載せる情報

    メールアドレス・メニューの写し・コピーライト

    動き

    06 グータッチ