HTML & CSS Project

HTML & CSS Project

Mission Nutrition DeForest

Mission Nutrition DeForest

Website Redesign & Devopment

Website Redesign & Devopment

Timeline: September 2023 - October 2023

Role: UX/UI Designer, Developer

Tools Used:

◦ Figma

◦ Adobe Photoshop

◦ Visual Studio Code

Timeline: September 2023 - October 2023

Role: UX/UI Designer, Developer

Tools Used:

◦ Figma

◦ Adobe Photoshop

◦ Visual Studio Code

OVERVIEW

OVERVIEW

I redesigned and developed the Mission Nutrition website, ensuring accessibility for all users and making the site responsive for all devices. This project not only enhanced the organization's online presence but also deepened my expertise in web design and development, emphasizing the critical importance of accessibility in creating inclusive digital experiences.

View Website

UI DESIGN

UI DESIGN

HTML Elements

HTML Elements

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.

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.

WAVE
Web Accessibility Evaluation

WAVE
Web Accessibility Evaluation

To ensure effective interaction with web content for people with disabilities, I made changes based on test results.

FINAL LOOK

@fiazhang2024