JM

Sylvan opening

tools

React.js

Tailwind

CSS

Firebase

Redux

Node.js

Express.js

Stripe

Heroku

Framer Motion

Locomotive Scroll

GSAP

Cloudinary

Figma

Year

2023

Duration

2.5 weeks

Roles

frontend

backend

creative direction

web design

Introducing Sylvan Furniture, the ultimate destination for exquisite luxury furniture to make your home shine! Our curated collections are meticulously designed to transform living spaces into havens of sophistication. At Sylvan, we hold a steadfast commitment to customer satisfaction, understanding that every home is unique.

I took on the challenge of designing and developing Sylvan Home Furniture, a full-stack ecommerce site for luxury furniture. I used various coding languages and subtle 2D animations to enhance the user experience without overcomplicating it. I used Figma to guide the design layout and typography and ensure that aesthetics and functionality worked together seamlessly. As I continued to work on it, Sylvan became a passion project, so I invested many, many hours in its development for days at a time, leading me to complete it in just 2.5 weeks, for both the design and development. Using Tailwind CSS deeply quickened the process, which made the responsiveness aspect of the project a lot less headache than if I were to use vanilla CSS or SCSS. Working with Firebase, I ensured smooth data handling and user authentication, keeping everything running effortlessly in the backend.

graphic card with elegant furniture at the background
lighting with sleek text
view of account page
laptop view of sylvan hero section on home
view of error page
mobile view of login and shop page
view of lookbook page
mobile phone perched on the edge of elegant couch
displays of sylvan homepage and detail page in laptop and mobile view
ipad mockup of sylvan's product detail page
displays of sylvan homepage and detail page in laptop