Morning Start
- URL
- https://morning-start.too-code.com/
- サイト概要
- テクノロジーの力で人々の朝をより豊かにする、という理念を掲げるスタートアップのコーポレートサイトです。「あなたの朝に、新しい世界を」というメッセージを軸に、パステルカラーとやわらかいイラストで親しみやすさを表現しつつ、製品紹介・お知らせ・資料請求導線をシンプルな構成でまとめました。
- 担当範囲
- コーディング / WordPress
- 使用技術
- HTML / CSS / WordPress（ブロックテーマ , ACF） / Figma
- 実装内容
-
・TOP＋下層8ページ
・独自ブロックパターンを設計（記事カード／下層ページFV／各項目の見出し）
・テンプレートパーツでヘッダー・フッター・CTA・サイドバー・パンくずリストを共通化
・投稿ページ（お知らせ等）の見出しをCSSで固定デザイン化 - 工夫した点
-
①更新者が迷わない見出し設計
お知らせなどの投稿ページでは、本文中のH2にCSSでデザインを固定適用。更新のたびにクライアント側でブロックのスタイルを選ぶ必要がなく、誰が更新してもデザインが崩れない仕組みにしました。ブロックエディタは自由度が高い分、運用フェーズで表記ゆれが起きやすいため、「選ばせない」ことでその課題を解消しています。
②繰り返し使う要素の独自ブロックパターン化
記事カード、下層ページのFV、各項目の見出しをブロックパターンとして設計。ページ制作のスピードとサイト全体の統一感を両立させつつ、（※ 編集のしやすさ／表現の自由度のどちらを優先したか教えてください）
③テンプレートパーツによる共通パーツ管理
ヘッダー・フッター・CTA・サイドバー・パンくずリストをテンプレートパーツ化し、サイト全体の一貫性を保ちながら、部分単位での修正・差し替えをしやすい構成にしました。 - 制作期間
- 10日
- 値段
- ￥70,000
