Technical assignment: Design of the Hero section for a health and supplements website
1. About us
We are the Eloqwnt studio (https://eloqwnt.com), specializing in UI/UX design, branding, and web development. We are looking for a talented designer for long-term freelance collaboration.
This project is a test assignment to evaluate visual style and approach to work.
💰 Payment: $30
📌 Deadlines: 2-3 days
🔄 1-2 rounds of revisions, if we see that improvements can be made
2. About the project
It is necessary to develop a concept for the Hero section of a website about health and dietary supplements (biologically active additives) that help improve vitality, speed up metabolism, and contribute to weight loss.
The main task is to create a fresh, light, and inspiring first screen that will instill trust in users and motivate them towards a healthy lifestyle.
3. Target audience
- People striving for a healthy lifestyle.
- Those who want to lose weight and maintain their shape.
- Busy professionals who need support for energy and vitality.
4. Structure of the Hero section
1. Background
- Clean, fresh, and airy design.
- Natural textures are possible (leaves, water, light).
- Colors in pastel shades or light minimalist backgrounds.
2. Headline (H1)
- Should be motivating, simple, and catchy.
can be generated
3. Subheadline (H2)
- Brief description of the product's benefits (1-2 sentences).
- For example:
- "Our natural supplements help control weight, maintain energy balance, and take care of your body without stress and diets." In English
4. CTA button (Call to action)
- Main button: "Try now" / "Learn more"
- Secondary button (optional): "sign up for the waiting list"
- Hover animation for the button (pleasant hover effect).
5. Visual element
- Photo or 3D render of the product (jar, packaging with supplements).
- Or an image of a happy person leading an active lifestyle.
- Interactive elements can be used (for example, composition in the form of pop-up points).
5. Design requirements
- Color palette: light natural shades, soft gradients.
- Fonts: clean and modern, for example, Poppins, Helvetica Neue
- Lightness, airiness, and a sense of freshness in the composition.
- Ideas for animation are welcome (if possible, propose a concept, no need to animate, just show the idea).
6. Work format
- Design in Figma. The size of the final result should be 1600x1200 for the cover and 1440x900 for the section design
Send the result as a png, and after approval, the Figma file at the end.
- UI components (buttons, fonts, colors).
- AI-generated images or text can be used
7. Evaluation criteria for the result
- Visual cleanliness and freshness – the design should be associated with a healthy lifestyle.
- UX logic – intuitive placement of elements, readability, but at the same time, it should not be template-like and banal – it needs to be approached creatively
- Focus on CTA – the main call-to-action should be noticeable and motivating.
References will be attached below*
Stylistics as in the reference.
Font clean and modern
White color in combination with pastel colors
Pictures of living people
There are many small details in the design - that is, not just template blocks or cards