Blend Jet

Category: UI & UX Design, Shopify, E-commerce, Subscription

Client: Ryan Pamplin

Start Date: Apr 11, 2023

Handover: May 01, 2023

Portfolio detail - Hero image

Build, streamline and evolve together with solution

Introduction: In this case study, we will explore the process of designing and developing a website for BlendJet, a popular brand of portable blenders. The goal of the project was to create a website that effectively showcased the benefits of the product and facilitated online sales.

Client Background: BlendJet is a US-based company that produces portable blenders for people on the go. Their mission is to provide their customers with a convenient and healthy way to make blended drinks and smoothies. They needed a new website that would better reflect their brand image and allow them to reach a wider audience.

Challenge: The client's previous website was outdated and did not effectively showcase the benefits of their product. The website was also not optimized for online sales, which made it difficult for customers to purchase the product. BlendJet needed a new website that would be user-friendly, visually appealing, and optimized for online sales.

+ UI & UX Design

+ Shopify

+ E-commerce

+ Subscription

Image

Result: Results: The partnership between BlendJet with me resulted in a dynamic and informative website that effectively represents BlendJet's commitment to healthy living. The website provides a seamless experience for visitors, allowing them to explore product features, understand the brand's journey, and make purchases effortlessly. The integration of engaging content, including personal stories and images, creates an emotional connection with the audience.

Visual and typograpy hierarchy

Image
Image

Font Type: Poppins - Visual hierarchy is the principle of arranging elements to show their order of importance. Designers structure visual characteristics—e.g., menu icons—so users can understand information easily. By laying out elements logically and strategically, designers influence users’ perceptions and guide them to desired actions. Users notice larger elements more easily can convert. Regular Medium SemiBold Bold Regular Medium SemiBold Bold Regular Medium SemiBold Bold Regular Medium SemiBold Bold

RegularMediumSemiBoldBold

This Is Text Message Medium Typography Just Amazing Awesome

Image
Image
Image