【SAKURA】 ファーストビューセクションデザイン | First View Section Design

Product Name: SAKURA
Model: NO.5

◆Concept [コンセプト]: 春風 / Spring Breeze

◆Date of Creation [制作年月日]: 2024/04/03

◆Characteristics [特徴]

• 動画掲載可能（ループ表設定になっています）
• やわらかくかわいい色合い
• 文章の自由入力可能
• タイトル入力可能
• 写真からリンク可能
• ボタンからリンク可能
• 通常ウェブサイト版: ヘッダー有
• Shopify版: ヘッダー無
• ヘッダー付きの場合は、動的ハンバーガーメニュー付き
• ロゴ掲載可能

◆Outline [概要•コンセプト]

春をイメージさせるデザインに仕上げてあります。

コンセプトは「春風」

春のように柔らかく、明るいイメージで動画の掲載も可能です。

下部には写真を小さく3枚掲載可能で、おすすめの商品などの紹介リンクとしてもご使用いただけます。

概要:
「SAKURA」コンセプトは、春風のように柔らかく、明るい雰囲気を持つウェブデザインです。女性的な要素を取り入れ、訪問者に心地よい印象を与えつつ、視覚的に魅力的な体験を提供することを目的としています。

意識したポイント:

1. 春風のように柔らかい雰囲気:
      - 柔らかなピンクやパステルカラーを基調とし、全体的に優しい印象を演出。
      - 丸みを帯びたデザイン要素やフォントを使用し、温かみのある雰囲気を強調。
   
2. 明るいイメージ:
      - 明るい背景とコントラストの効いたテキストを組み合わせることで、清潔感と明るさを表現。
      - 写真や画像も明るく鮮やかな色調のものを選定。
   
   
3. 女性的:
      - 優雅で繊細なデザイン要素を取り入れ、女性らしさを感じさせるデザインに。
      - フォント選びや装飾にも柔らかな曲線を用いることで、女性的な魅力を高める。
   
   
4. 下部に写真を3枚、小さく表示:
      - ページ下部におすすめの商品や関連情報をさりげなく表示するための小さな写真スペースを設ける。
      - 写真を小さく配置することで、ページ全体のバランスを保ちつつ、訪問者の興味を引く。

デザイン要素:

- 背景とカラーパレット: 優しいピンクを基調とし、自然なトーンの色合いを採用。
- タイポグラフィ: 柔らかい印象のサンセリフフォントを使用し、読みやすさと女性らしさを両立。
- レイアウト: シンプルで直感的なレイアウトにしつつ、視覚的に魅力的な配置を心掛ける。
- 画像: 明るく鮮やかな自然の写真を多用し、季節感を強調。

◆Place of use [使用箇所]: ページトップとして

◆Language [使用言語]: html, css, javascript

◆File Structure [ファイル構造]:

.
├── css
│   ├── reset.css
│   └── style.css
├── index.html
├── js
│   └── main.js
└── video
    └── flowerMovie.mp4