DATE

5-12 January 2024

DATE

5-12 January 2024

Woodlands

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

CSS | HTML

UX/UX Design

UX/UX Design

Roles

Front-End Developer & UI/UX Designer

Category

Web Development & UI/UX

Client

Woodlands – Eco-Lifestyle Brand

Tech Stack

VS Code

Front-End Coding

VS Code

Front-End Coding

VS Code

Front-End Coding

Figma

UI/UX Design

Figma

UI/UX Design

Figma

UI/UX Design

Project Vision

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

hey@brayden.sg

Experience is key

Get in touch.

Whether it’s designing an interface, building a brand, or crafting a visual story. I’m here to help bring your ideas to life in a way that connects.

hey@brayden.sg

Experience is key

Get in touch.

Whether it’s designing an interface, building a brand, or crafting a visual story. I’m here to help bring your ideas to life in a way that connects.

hey@brayden.sg

Experience is Key

Get in touch.

Whether it’s designing an interface, building a brand, or crafting a visual story. I’m here to help bring your ideas to life in a way that connects.

hey@brayden.sg

Experience is key

Get in touch.

Whether it’s designing an interface, building a brand, or crafting a visual story. I’m here to help bring your ideas to life in a way that connects.