TayLyte Hydration Powder Supplement

Want to win a job like this?
This customer received 79 web designs from 10 designers. They chose this web design from SAI DESIGNS as the winning design.
Join for free Find Design Jobs- Guaranteed
Web Design Brief
PLEASE read the PDF description attached. The photos provided are from TayLyte's history to today. Only use these photos on the about the product page. The banner attached is the label for the product, its the jar label. Please design the website around this illustration. Photoshop the banner on a white jar. The website should include an area to pay for orders of TayLyte. TayLyte is a hydration powder. The home page should show the banner on a jar. I don't have a jar with the banner logo so you will have to design it. Have the jar front and center on the page. The label should start at the logo. When you click on a right arrow the banner should move to where it says, "Researched & Developed". As you click the arrow button it rotates the jar and shows the next panel, "Suggested use". Then when clicking the side arrow again, the jar will turn further until getting to supplement facts.
Updates
- Please don't use human pictures. I'm looking for illustrations, pictograms, and the use of the illustrations I provided.
- [Important] Use the banner titled, "Taylyte banner Rev5.ai". I need this banner on a cylindrical white jar. Similar to the jar in phase 3 that is shown on the brief.
- The front page needs to have a slogan with water or flow or waves or small bubbles. With the jar as the highlight. Try adding a splash of water or something that points to hydration.
- Use color schemes that the banner depicts. You may go outside of that color scheme if it makes sense.
- The product inside the jar is a hydration mix in powder form that looks like table salt. Make the illustration of a white scoop with the powder if you can.
- Use the logo or the logo elements in different areas of the website creatively. Like the bolt, the droplet, or the ripple.
- Add pictograms that illustrate a "Clean Formulation". Have the pictogram above the text. Under the text it should explain that it is, "Only essential ingredients, free from additives"
- Beside that pictogram add another pictogram that illustrates, "Scientifically formulated". Under that text it should say, "Developed through research and formulation by Dr. Tayseer Mahdi"
- Beside that pictogram add another pictogram that illustrates, "Formula". Under that text it should say, "Ideal for travel, sport, and focus".
- It would be nice to see a faint and subtle bolt from the logo in the background. Play around with big and small and placement to see what looks best.
- List the email somewhere
Tay@taylyte.com
- Create a panel titled Benefits of TayLyte. In that space there should be 3 bullet points explaining the benefits. Bullet points are 1) Essential Electrolytes, 2) Zero Additives, 3) Designed for you. Sub bullet points should say, 1) Replenishes vital minerals lost through sweat or dehydration, 2) Free of artificial flavors, colors, and sweeteners, 3) Ideal for athletes, travelers, and professionals who need to stay on top of their game.
- Add a panel that says How TayLyte Works. Add a short paragraph here from the PDF write up in the brief.
Added Friday, 25 October 2024
Target Market(s)
People who travel or need to stay focused also for athletes. The people who look at the ingredients list. The folks that look for comfort in staying healthy to do the things they want to do.
Industry/Entity Type
Supplements; Simple, clean nutrition.
Coding
Coded - Design and coding required
Number of Pages Required
3 page
Font styles to use
Other font styles liked:
- Tahoma
Colors
Designer to choose colors to be used in the design.
Look and feel
Each slider illustrates characteristics of the customer's brand and the style your logo design should communicate.
Elegant
Bold
Playful
Serious
Traditional
Modern
Personable
Professional
Feminine
Masculine
Colorful
Conservative
Economical
Upmarket
Requirements
Must have
- Illustration or image of the banner (attached .ai file) on a small white jar. This should be used to show case jar. Have a photo of a person drinking water next to the jar. The person could be doing every day normal routine tasks. Showcase a zoomed in version of the jar in the purchase window; Titel page, Introduction to TayLyte; Place to order and pay for the product. Must use the same colors as the banner attached.
Nice to have
- Optimized for mobile devices, Build on hydration synonyms, splashy animated transition. A rotating white jar with logo banner that rotates as you scroll down the page. Effervescent glimmer on words or images.
Should not have
- Sharp edges or scroungy flow