Woodlands

Woodlands is a sustainability-driven sneaker brand created to blend style, performance, and environmental responsibility. As part of this project, I designed and developed a fully functional e-commerce website that reflects the brand’s mission while delivering a clean, intuitive shopping experience for eco-conscious consumers.

CSS | HTML

UX/UX Design

Roles

Front-End Developer & UI/UX Designer

Web Development & UI/UX

Client

Woodlands – Eco-Lifestyle Brand

View Website

Tech Stack

VS Code

Front-End Coding

Figma

UI/UX Design

Project Vision

I designed the Woodlands website in Figma and fully developed it using HTML and CSS in Visual Studio Code. The result is a responsive, minimalist, and high-performing e-commerce platform that connects users with sustainable products through a refined and intuitive experience.

Snorax is a speculative smart pillow designed to combat student sleep deprivation through habit-forming UX, environmental control, and interSnorax is a speculative smart pillow designed to combat student sleep deprivation through habit-forming UX, environmental control, and interactive emotional check-ins. It merges wellness technology and human-centered design to promote better rest, improved focus, and healthier digital habits.active emotional check-ins. It merges wellness technology and human-centered design to promote better rest, improved focus, and healthier digital habits.

Key Features

Designed a complete user interface in Figma, focusing on visual clarity, brand consistency, and user flow
Coded the entire website using HTML and CSS, ensuring semantic structure, responsiveness, and cross-device compatibility
Built interactive elements such as hover reveals, product filters, carousels, and a preorder checkout process
Applied sustainable design principles through minimalist layouts, intuitive navigation, and accessible typography
Mapped user needs to business goals, integrating content like the brand mission, product showcase, and sustainability blog