Face Program

I was asigned to design the site map, navigation flows and the website's information architecture, conceiving some kind of private social media for the active members of this program. Created hi-fi wireframes and prototypes for usability testing.

Project

Professional

Role

UX / UI designer

Year

2019

FACE Orthodontics Program

Briefing

The objective was to develop a digital library with case studies and academic articles for their students and teachers. After receiving the research from the UX team, I started to create the sitemap with the navigation structure.

Briefing document
Flowmap
Wireframes

Lo-fi wireframes

After creating the basic navigation structure, the next step was to start wireframing ideas ad disposing the content in different ways in order to choose the best approach.

The low fidelity wireframes shown below are the approved basic layout of the website's main pages.

Flowmap

Hi-fi wireframes

After the basic layout was approved by the team, it was time to put it in a more real perspective. The hi-fi wireframes were created to show a more realistic approach of how the website would look like once finished.

High fidelity wireframes
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

More work

Nomad Room

01

Nomadroom ui design Nomadroom ui design

Porcelanosa Partners

02

Porcelanosa Partners ui design Porcelanosa Partners ui design Porcelanosa Partners 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

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.