The focus of this project is to design the main landing page/homepage that will introduce visitors to the Radiant brand.
On a section-by-section basis (top to bottom of the page)...
1) Hero Banner
A big impactful banner – tall and wide – which includes a stock photo of someone with beautiful skin. The logo & header menu sit ontop of this for maximum impact on arrival at the site.
Text to read: Radiant Skin in Just 14 Days - Guaranteed*
Header menu items: For Him, For Her, Basket, My Account
2_ Key Benefits
The next section is essentially split into 3 columns, with a big “header” for each, then explanatory text below in a smaller font.
Scientifically formulated with the finest type 1 marine collagen, hydrolysed for fast absorption.
Fresh Citrus Flavour
Our refreshing collagen shots make it a deliciously simple addition to your beauty regime.
Exclusively formulated with skin-loving ingredients to promote healthier skin from the inside out.
3) Product Banner
An attractive banner here with much less vertical height than the main hero image. Use box or sachet image (to attachments) onto an attractive lifestyle background, to break up the page and introduce the product.
4) The Science
This section introduces the unique benefits of Radiant Collagen and the many beneficial ingredients it includes.
Please feel free to arrange the following text as you see fit to create an attractive visual that helps consumers appreciate the wide range of beauty nutrients included.
Collagen - Most abundant protein in the skin
Hyaluronic Acid - Retains skin moisture
Biotin - The well-known “beauty vitamin”
Vitamin A - Essential for healthy skin
Vitamin C - For optimal collagen formation
Vitamin D - Supports healthy skin rejuvenation
Vitamin E - Protects from environmental damage
Zinc - For protein growth and repair
Here we highlight the guarantee once again and expand on the promise made in the hero banner.
Headline Text: Feel the Difference in Two Weeks or Your Money Back* (big feature text)
Subhead Text: If you’re not delighted with the effect then please contact us for a full refund.
6) For Him/Her
Then we move into the for him/for her section, highlighting that we offer this product both for men and for women. These are essentially large images with text and CTA overlaid.
Text: For Women
CTA - Learn more
Text: For Men
CTA - Learn more
These sections can be stacked one-on-the-other or side-by-side using a full width arrangement.
7) Instagram Feed (full width)
Please just use dummy stock images here making them big.
8) Newsletter Signup
A newsletter signup box.
Lastly, an understated footer.
Links for footer:
Delivery & Returns
Terms & Conditions
Feel free to arrange these links in any way you see fit.