Marta Duarte
product designer
Marta Duarte

Jumbo Home

Jumbo Home is a section within the jumbo website where are showcased the home decoration collections. This was a UX - UI project which aimed to integrate a lot of inspirational content within a product-based structured website. 

Marta Duarte

Role, Research, UX, UI, prototyping

Context, t_insight under Camila Silva creative direction

Year, 2019

Tools, Photoshop, Adobe XD, Invision

The Problem

Jumbo product directory is all mixed up and home department products were spread between a lot of categories on the website. There was a  printed home catalog coming out every year and people wouldn’t be able to find these home collections on the website, which meant a very small amount of sales of this kind of product through the website.

There was a lot to technical restrictions since the website is build using an intricate and old technology. 

Goal

The goal was to make home products easier to locate on the website and increase the sales of this kind of products through this channel. It was expected to work as a digital and functional complement of the printed home catalog.  

Research

The goal was to make home products easier to locate on the website and increase the sales of this kind of products through this channel. It was expected to work as a digital and functional complement of the printed home catalog.  

Key Finds

- Most Home decor sellers take an inspirational approach (inspirational images and decor tips);

- Products categorized by room;

- Mainly two ways to search: trend and room;

Marta Duarte

Examples of category display from La Redoute, Target, and Continente.

Inspirational content from Target, Ikea, and La Redoute.

Marta Duarte

Solution

We created a separate area for all the home products and collections on the website. This new area looked like an independent space within the website where we could easily browse trough an index of all the home sub-categories of products and also view the seasonal campaigns in an inspirational way, taking ideas, interacting with the images and easily navigating to the product page where it would be possible to add it to the shopping cart.

Site Map and User Flow

Marta Duarte

Sketching

First design sketches:

Marta Duarte

Closest sketches to the final solution:

Marta Duarte

Visual Design

Jumbo Home Homepage

Campaign highlight banner.
This banner would disappear whenever there are no ongoing campaigns. From here is possible to access the campaign catalog details.

Categories - Organised by room
This is a dynamic grid to allow the introduction or elimination of new categories.

Blog Slider
This slider links to all home-related articles published at Jumbo Moda Blog

Decor Tips
Simple and practical decorations tips

Catalog Archive
Every campaign catalog is stored in this section where the user can always access older catalogs and campaigns

Marta Duarte

Campaign Page
Each campaign is divided into various collections. Those can be accessed from this page. From here, it’s also possible to access the products within the campaign by category.

Collection Detail
This page showcases every collection within the present campaign. It uses the inspirational imagens and occasional highlighted products. The images have hotspots that, when clicked trigger a pop up with the details of the product and the possibility to add it to the basket.

Marta Duarte
Marta Duarte

Category / Home Area

Marta Duarte

Category / Home Area
In this page, there is an index of the products within this category.


Prototyping