top of page
Elevate Life With Me
responsive website design


A Responsive Website for the Health Enthusiast, Tammy Duchene

Project Goal: Craft a responsive website for Tammy Duchene that showcases her health products and allows Users to purchase products and read tips.

Target Audience: Health enthusiasts and anyone who is interested in the products Tammy sells.


Website Features:

  • Product descriptions

  • Testimonials

  • Blog

Website Description:

  • Elevate Life With Me helps people make small changes to live healthier and happier lives. Tammy Duchene, the founder, is a certified health coach who offers tips on sleep, weight loss, and coffee.

  • Here are some of the things you can learn from Elevate Life With Me:

  • How to get a better night's sleep

  • How to lose weight and keep it off

  • How to make healthier choices about coffee

  • How to live a more mindful life

Responsiveness at its Core: The website will adapt flawlessly to any device, from desktop screens to tablets and smartphones, ensuring a consistent and delightful experience for busy adults on the move.

Outcome: If you are looking for ways to improve your health and happiness, Elevate Life With Me is a great resource.

User Research, Wireframing, Interaction, Visual design, Prototyping & Testing, Publisher


User Research: Pain Points

low res artwork example.png

Low-quality images

Users may encounter low-quality images or poorly lit photographs that fail to capture the true beauty of the musician.



Users may find the website difficult to navigate due to a confusing or cluttered layout.

Screenshot 2023-12-22 235332.png

Loading Time

Users may experience frustrating page loading times or broken links that hinder their browsing experience.

Using Mobile Phones


  • Conducted online surveys with health enthusiasts

  • Analyzed user feedback from existing online health sites



  • Users want high-quality images and videos.

  • Users want to learn about the history of the products and Tammy.

  • Users want a website that is easy to navigate and use.

Outdoors Meeting


  • Create a diverse collection of product images.

  • Use high-quality images and provide detailed descriptions of the events she played.

  • Make the website easy to navigate and use.

User Research: Summary

Goal: To understand the needs and expectations of potential users of the website.

Low-fidelity Prototype

ELWM wireframe.jpg

Study Type

Unmoderated usability study



United States - Remote



Five participants



20-30 minutes

Usability Study: Parameters

Online shopping

Usability Study: Findings



Users wanted to make sure the Checkout process for purchasing products was seamless.

Mockups: Desktop screen size

Elevate Life With Me

Mockups: Screen size variations

Elevate Life With Me
Elevate Life with Me on mobile_edited.jpg

Going beyond the desktop, I optimized my mockups for mobile and tablet users based on my initial wireframes. On mobile, a sleek slide-in menu replaces the desktop navigation, and larger buttons ensure effortless browsing and purchasing. Tablet users benefit from a reorganized layout that prioritizes product visuals and descriptions, encouraging them to explore the catalog further.  By tailoring the experience for each device size, I aim to ensure a smooth and enjoyable shopping journey for all users.

Controller Device


I used headings with different-sized text for a clear visual hierarchy.


Alt Text

I designed the site with alt text available on each page for smooth screen reader access.

Accessibility Considerations

Liquid Drop


Our target users shared that the design was intuitive to navigate through, more engaging with images, and demonstrated a clear visual hierarchy.

Traditional Library

What I Learned

I learned that even a small design change can have a huge impact on the user experience. The most important takeaway for me is to always focus on the real needs of the user when producing with design ideas and solutions.




Conduct follow-up usability testing on the new website.



Identify any additional areas of need and ideate on new features.

Next Steps

bottom of page