ブランドサイト制作

目次

1. 制作情報

2. 制作物

3. 情報設計

4. 工夫したポイント

5. 制作を通して学んだこと

1. 制作情報

制作時間：トータル3週間（デザイン1.5週間、実装1.5週間）

制作範囲：情報設計、PCとスマホのワイヤーフレームとデザインカンプの作成、実装、サイト  公開

使用ツール：Figma、Studio

2.制作物

3. 情報設計

4. 工夫したポイント

「こんな花屋があったらいいな」という想いから企画・情報設計・デザイン・実装まで一貫して制作しました。

画像は世界観を作る大切な要素と考え、理想のイメージに近づくようにAI生成や写真選定を繰り返し行いました。サイト全体のトーンがぶれないよう、色味や光の入り方にも調整しております。

galleryセクションは画像が単調に並ばないよう、一部にシェイプの変化をつけ、視線の流れとリズムが生まれるよう工夫しました。

5. 制作を通して学んだこと

Studioで初めてサイトを1から実装し、基本のBOXレイアウトを基礎とした構造設計の考え方を理解しました。

スライダーやモーダル、ナビゲーションメニューの実装では、デザインだけではなく「どの要素にどの役割を持たせるか」を意識するようになり、見た目と操作性の両立の重要性を学びました。

また、デバイスごとの挙動の違いを確認しながら調整することで、レスポンシブ対応を前提とした設計の大切さを学びました。