Porcelanosa Partners

The project consisted in a website redesign from scratch, following a detailed briefing given by the client. I worked alongside engineers and business analysts to scope the project and provide a proof of concept.

Started from a list of objectives to be accomplished and problems to be solved with this new website. I was in charge of the decision making process in creating the information architecture, navigation flows and all the interface and interaction design elements taking into consideration a clean and minimal design style required in the client's briefing.

Check out the website at porcelanosapartners.com
(Many years passed by, but still following some of my original guidelines)

Project

Professional

Role

UX / UI designer

Year

2019-2020

Porcelanosa Partners website homepage

Briefing

The main goal at a client's level was to display effectively the 12 advantages program in order to attract and convert more clients online. At a product's level, the main objective was to create a more dinamic and interactive website with easily accesible informations regarding the program and it's benefits to reduce the amount of contacts about concerns and doubts and improve client conversion online.

Briefing document
Wireframe page: Noticias

Wireframing

The previous website was basically a landing page with a simple structure, generating lots of contacts requesting more information and details about the program and very little conversions through the online platform.

Our strategy was to provide a rich in content website, displaying all the information and details clients once asked through contact forms. This information had to be efficiently compartimentalized and easily accesible at the menu.

A 'news' and 'events' sections were conceptualized to generate curiosity and interest in order to attract potencial clients to these events. Later on the client approved this idea.

Flowmap

Home Page

Since the main objectives were to display the 12 advantages program with all the information necesary and to improve client convertion, the home page was designed to fullfil these desires.

All the essential aspects of the program were to be displayed in the first page of the website as well as the different ways to achieve a partnership. The main section consists in a video showing different advantages, as the user scrolls down they're all displayed together in the next section.

UI design
Home page
Advantages selection

Advantages selection

This is the project's core. The most important aspect about this site are the 12 advantages. They're displayed together at the home page and as the user clicks in one advantage,he goes to the advantages section, wich shows each one individually and it's posible to navigate naturally and easily through each one.

Home page
Home page
Home page
Home page
Home page
Home page
Home page
Home page
Home page
Home page
Home page
Home page
Home page
Home page

Mobile

All pages were designed to be displayed correctly in mobile devices.

Briefing document
m m m
Admin panel mockup

Admin panel

We created a personalized PHP dashboard for the client, making it posible to edit the website's easily so there's no need to write code lines every time changes are necesary.

Icons

Custom iconography designed for the admin panel.

Admin panel icons
Edit videos
Edit title
Edit subtitle
Change images
Visit Porcelanosa Partners website

More work

Nomad Room

01

Nomadroom ui design Nomadroom ui design

Google ads performance

03

Klarenz Google ads performance landing page Klarenz Google ads performance landing page Klarenz Google ads performance landing page

The Tattoo House

04

The Tattoo House coworking The Tattoo House coworking mockup

Face Program

05

Face orthodontics program website Face orthodontics program website

Can Xurrades

06

Can Xurrades ui design Can Xurrades mockup

Make your browser window wider

This screen size is too small to appreciate all the details shown in this website.
Please make your browser window wider, or use your mobile device.