HeartSmart
An online store for heart health supplements, cholesterol tests and prescriptions. We designed a bright, friendly store in teal and red, with a warm hero photo, three quick action buttons, big banners for each service, a free starter kit sign up and a product carousel.
- Client
- HeartSmart
- Industry
- Health supplements
- Specialism
- Heart and blood health
- Style
- Teal, red and blue
- What we did
- Store design
The brief
HeartSmart is an online start to a healthy heart. It sells supplements such as omega 3, CoQ10, vitamin E and krill oil, lets people order a cholesterol test online, and has a pharmacist send prescriptions to the door.
The design had to speak warmly to people over 45, give each service its own clear banner, and make it quick to start, with the phone number, sign in and cart always at the top.
Help and sign in close at hand
The logo and tagline sit on the left, with a call us line and phone number in the centre and rounded Sign in and Cart buttons on the right. A teal menu bar below holds six links, with Facebook and Twitter squares at the far end.
A warm hero with three quick actions
A smiling couple fills the teal hero, under a headline that mixes light and bold type. A red banner speaks to people over 45, and three outlined pill buttons, Quick start, Read FAQs and Heart shop, each carry a red heart icon. A row of supplement bottles runs along the bottom.
A red banner for the cholesterol test
A deep red banner puts a 3D image of blood cells on the left. On the right are the headline Cholesterol test in 3 easy steps, a short explanation, a line in italics listing what the test includes, and a Book test now button.
Prescriptions delivered, on bright teal
A bright teal banner places a pair of glasses, pencils, a keyboard, a mouse and a coffee cup on the right. The headline Prescriptions delivered to you sits on the left with a short line of copy and a Prescriptions button in the same pill style as the hero.
A doctor and a starter kit side by side
The row splits in two. On the left, a pale panel introduces Doctor Deb, shown holding a blood pressure monitor beside a glass heart with a stethoscope, with a Read more button. On the right, a deep blue panel offers a free starter kit with rounded name and email fields and a red Sign up button.
A supplements carousel
Five supplements show in a row with a bottle photo, a red product name, a short description and a price, with a round red basket button beside each price. Round arrows sit on both sides, a soft sky background fills the bottom, and a View all pill button sits underneath.
Four news cards with a red highlight
Four cards mix photos and text: an older couple, a text card, a doctor holding a red heart, and a solid red card labelled This week. Small red labels (Heart and News) tag the photos, and the text cards end with a Read more button.
A light footer with three link columns
On a soft aqua background, the logo and a short note about heart disease sit on the left, with three link columns headed Information, About us and Support, each marked by a red heart. A teal bar at the bottom carries the copyright and social icons.
Colour and type
Teal fills the menu bar, the hero and the prescriptions banner. Heart red marks the cholesterol banner, the highlight in the hero, the buttons, the prices and the heart icons, and a deep blue panel makes the free starter kit offer stand out. Light aqua and white keep the rest of the page fresh.
Headlines mix a light weight with bold words in a clean, rounded sans serif, and the red hearts on buttons and headings tie every section together.
Want a store like this?
Tell us what you sell and we will design it, build it and launch it for one fixed price.