International Fit

Responsibilities

• User research and discovery
• Design custom pages
• Pattern library
• UX/UI design

Project Context

• Custom Wordpress ecommerce website
• Lead designer
• Working directly with the founder
• 2020

Tools

• Adobe Illustrator
• Adobe Photoshop
• Sketch
• Wordpress admin


Overview

I was approached to design a custom website for a flourishing organic makeup brand. With no prior online presence, the owner sought my expertise to design unique pages developed on WordPress.

Leveraging the existing branding elements, I designed
custom pages which included the homepage, product pages, blog, cart, and checkout. Throughout the process, I prioritized accessibility and adhered to UX best practices.

This overall experience provided me with the opportunity to unleash my creative instincts while maintaining UX best practices.


Homepage

The design incorporates elements from existing branding elements and unique custom blocks.

I sought to infuse the designs with a natural and organic ambiance by integrating elements like fruits, flower petals,
and greenery. This approach aimed to evoke a sense of freshness and a strong connection to nature, mirroring the essence of the products being sold.


Category & Product Listing Pages

I organized products into primary, secondary, and tertiary categories based on provided categories. This guided the creation of custom category and product listing pages, aiming to make browsing smooth and intuitive for users.

 

I incorporated custom filtering and sorting designs on the product listing pages to enhance user experience, ensuring that users can easily locate the specific products they are searching for.


Product Detail Page

Within the project scope, I created a consistent product detail page layout for all items. I also added a sticky 'Add to Cart' button that stays visible as users scroll down the page, making it easier for them to buy the product without having to scroll back up, thus improving the user experience.


Blog Landing & Post Pages

I designed a unique custom blog landing page and blog post template that would be consistent across all blog posts.


Shopping Bag Page

I designed a shopping bag page enabling users to view all selected products before proceeding to checkout.


Checkout Pages

As the final step in the ecommerce journey, the checkout page is crucial. I designed a custom checkout page with a clear and simple layout, prioritizing ease of use to enhance the overall shopping and checkout experience for users.