Format group

UX | UI

Aug 20, 2024

Format

Description

Format needed to have a website that houses its extensive catalog of products. This new website had to serve as a sales tool for the commercial area and it was important that collections could be created to share with their clients.
They also needed to adapt the company's new image and begin a positioning strategy that places it as a focus of inspiration within the world of architecture and space decoration.

Team

Strategy & UX: Armando Ojeda
Lead UI: Aaron Márquez
Senior Design: Armando Ojeda
Front end dev: Luis Rios
Back end dev: Juan Carlos Montoya

Furniture style chairs and tables
Furniture style chairs and tables

We want to be a source of inspiration for our clients, transforming common spaces into unforgettable spaces.

We want to be a source of inspiration for our clients, transforming common spaces into unforgettable spaces.

We want to be a source of inspiration for our clients, transforming common spaces into unforgettable spaces.

wireframes for format website

The process

1.Database organization

The first step in the project was to organize all the content of the website together with the client, the products had multiple categories and were numerous, starting with the organization of the products we were able to create a simple and clear navigation so that users do not get lost in the meantime.

2.Creation of wireframes

We proposed different ways to navigate the products and show other sections without leaving aside the visual aspect, the images shown had to be an important part of the decision-making process for users.

3.User testing

We tested our hypotheses with real Format users, through interviews we learned a little more about whether our prototype met the problems of different types of users, as well as detecting new opportunities for improvements and implementation of new features for the web.

4.Visual design

The visual design of the website was supervised by Aaron Márquez Art Director of Legacy Studio. At this stage we adapted the company's new brand manual to the wireframes already approved by the client and worked on the adaptations to the different devices.

5.Delivery to development

The designs are always worked on by having conversations with the area in charge of development in order to optimize the use of resources in all aspects.

Visual design for format website