[SAKURA] First View Section Design

Product Name: SAKURA
Model: NO.5

◆ Concept : Spring Breeze

◆ Date of Creation : 2024/04/03

◆ Characteristics

• Videos can be posted (loop table setting)
• Soft and cute colors
• Free text input possible
• Title can be entered
• Links available from photos
• Linkable via button
• Regular website version: with header
• Shopify version: No header
• With header, with dynamic hamburger menu
• Logo can be included

◆ Outline [Overview/Concept]

The design is reminiscent of spring.

The concept is "Spring Breeze"

It has a soft, bright image like spring, and videos can also be posted.

You can also post three small photos at the bottom, which can also be used as links to recommended products.

overview:
The concept of "SAKURA" is a web design with a soft and bright atmosphere like a spring breeze. It incorporates feminine elements and aims to give visitors a comfortable impression while providing a visually appealing experience.

Points to keep in mind:

1. A gentle atmosphere like a spring breeze:
   - Soft pink and pastel colors are used as the base color, creating an overall gentle impression.
   - Uses rounded design elements and fonts to emphasize a warm atmosphere.
   
2. Bright image:
   - The combination of a light background and contrasting text creates a clean and bright look.
   - Select photos and images with bright and vivid colors.
   
   
3. Feminine:
   - Incorporating graceful and delicate design elements to create a feminine look.
   - The use of soft curves in font selection and decoration enhances feminine appeal.
   
   
4. Three small photos at the bottom:
   - Provide a small photo space at the bottom of the page to subtly display recommended products and related information.
   - By placing small photos, you can keep the overall balance of the page while attracting the visitor's interest.

Design elements:

- Background and color palette: A soft pink base with natural tones.
- Typography: A soft sans serif font is used, achieving both readability and femininity.
-Layout: Keep the layout simple and intuitive, while also creating a visually appealing arrangement.
-Images : Bright and vivid nature photographs are used extensively to emphasize the sense of season.

◆ Place of use : As the top of the page

◆ Language [Language used] : html, css, javascript

◆File Structure:

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