4niture

Design

4niture

4niture

Industry: Interior design and furnitures.

Challenge: Design a one page model for home products + dark mode functionality. Also, making sure the responsiveness.

Role: Intercative UX/UI designer.

☝️

About the project

Design a one page model website for selling home products like furnitures ensuring responsiveness and dark mode functionality.

About the challenge

The main challange was to use variables to make the design responsive as well as with the dark mode. Also, was created some interaction with gradients and zoom in/out image effect in figma.

Research stage

Project goals

The project goal is to showcase the UI for a one page model website with follwing requirements:

  • Responsiveness.
  • Dark/light mode.
  • Image interaction.
  • One page navigation (linking sections).

Ideate and creation phase

Iteration phase

Prototype

Here we can find the prototype of 4niture project showcasing the two modes and the overall one page website.

Final design

Mobile view, light mode - 4niture website

Tablet view, light mode - 4niture website.

Desktop view, light mode - 4niture website.

Desktop view, dark mode - 4niture website.

Tablet view, dark mode - 4niture website.

Mobile view, dark mode - 4niture website.

4niture