UX UI PROJECT

UX UI PROJECT

UX UI PROJECT

SENSE Mind & Body

SENSE Mind & Body

SENSE Mind & Body

Brand Website Development

Brand Website Development

Brand Website Development

Timeline: January 2024 - April 2024

Role: UX/UI Designer

Tools Used:

◦ Figma

◦ Adobe Photoshop

◦ Wordpress

◦ Elementor

Timeline: January 2024 - April 2024

Role: UX/UI Designer

Tools Used:

◦ Figma

◦ Adobe Photoshop

◦ Wordpress

◦ Elementor

Timeline: January 2024 - April 2024

Role: UX/UI Designer

Tools Used:

◦ Figma

◦ Adobe Photoshop

◦ Wordpress

◦ Elementor

OVERVIEW

OVERVIEW

OVERVIEW

Sense Mind & Body, a home fragrance brand, recently purchased a domain for their brand and aims to build a website to expand their online presence alongside their existing Amazon shop. To achieve this within a limited budget, I conducted a Client Questionnaire to understand their specific needs. Following this, I developed a Creative Brief and Proposal. Upon agreement, a Contract was signed, outlining the project scope. We decided to use WordPress and Elementor for the website development, ensuring a cost-effective and efficient solution.

View Website

DESIGN PROCESS

DESIGN

PROCESS

DESIGN PROCESS

Client Assessment & Planning

Understand the specific needs and requirements, outlining the project scope, deliverables, and timelines.

Creative Design

Craft UI designs reflecting brand consistency through incorporation of branding colors, logo, videos, and images.

Technical Development

Build the website using WordPress and Elementor, and conduct functionality and usability testing before launch.

UNDERSTAND

THE USER

Personas

UNDERSTAND THE USER

UNDERSTAND THE USER

Personas

SITE MAP

SITE MAP

SITE MAP

WIREFRAME

WIREFRAME

Wireframes clarified the website's layout and functionality, ensuring it met our design goals.

UI DESIGN

Home, Products and About Page Details

Design Resolution

Design Resolution

Simplified layout with Home, Products, and About pages.

Directing users to the existing Amazon shop.

Minimalist design for easy navigation and quick access to product listings.

View Prototype

UI DESIGN

UI DESIGN

Home, Products and About Page Details

STYLE TILE

STYLE TILE

MAPPING USER JOURNEYS

Understanding Through User Flows

NEXT STEP

NEXT STEP

NEXT STEP

Implement the WooCommerce tool to integrate a shopping cart function into their website, ensuring a seamless and effective shopping experience while maintaining brand consistency.

@fiazhang2024