Product Designer
cover03-03-03.png

Airline / Microsite

Airline Microsite

desktop11-04.png
Overview.png

Overview

A responsive website or sales tool for the Travel Agents to understand more about the Corporate program, it’s benefits, travelers and travel professionals to sell a better experience and destinations.

Tools Used

Tools used.png
framework.png

framework

Facilitates data gathering, and guides us to user oriented solutions to create a product that solves a problem and brings satisfaction to the user.


DEFINE


LAT_Sitemap.png

Sitemap

A sitemap structures and clarifies the different features and content. Those become the pages and sections in the website, this way we make sure every part of our website is reinforcing our strategy goals.


DESIGN


 

Low-Fidelity Mockups

A pencil and a piece of paper inspires my creativity. I can be fast and loose with my ideas. During this process we focus on creating new ideas or approaches for the website. Ideas to talk about with the team.

 
sketches.png

Wireframes

Wireframes.png

Wireframes made in collaboration with the other UX Designer in the team.

Hi Fidelity Mockups

mockups-05.png

Home Page

Hi fi mockups.png

Mobile Version

mobilee1-02.png

LAUNCH


IXD Animations

Micro-interactions are events which have one task, delight the user, and create a moment that is engaging and welcoming.

mockup_1.gif

Home Page

- Parallax effect

- Carousel

- Data information transitions

annotations.png

Annotations

Wireframe annotations are important because they give clients and web developers clear explanations to the design decisions.

Every detail based on what the user does and the system reacts it’s been shown in the annotations.

- Annotations in collaboration with the other UX Designer in the team.