Costa

It's been a long time and I stop working on this material.

Costa is an Italian shipping company dedicated to the cruise business.

The design consisted in the production of the website, exclusively mobile, and navigable through the emerging smartphones of those years, Android and iPhone. The Design was the result of collaboration with a colleague Designer, while in parallel I conceived the interfaces for the Favolosa app

Wireframe

The first design approach involved the wireframe phase in order to study a navigation that would make the website accessible to all customers interested in the cruise activities offered by Costa. This phase was also an opportunity to experience the nature of a Layout structure for mobile use along with the technologies at that time. For example, the home page featured a counter to promote the new Costa Favolosa ship with the promise of new itineraries around the world.

Canvas
Canvas
Wireframe
Wireframe
Wireframe
Wireframe
Wireframe
Wireframe
Wireframe
Wireframe
Wireframe
Wireframe
Wireframe
Wireframe
Wireframe
Wireframe

User Interface Design

The production of the interfaces followed the guidelines of the Style Guide in such a way as to distribute Costa's style with visual continuity. The design followed a design in tune with the web technologies available in those years. At the same time, Costa's requests were accepted to highlight some fundamental points of their service, such as promoting the new Costa Favolosa ship by means of the meter.

Canvas
Canvas
Canvas
Mockup
Mockup
Mockup
Mockup
Mockup
Mockup
Mockup
Mockup

Front End Development

During the Ui production, the colleague Developer took care of transforming the interfaces into a mobile website that can be navigated by smartphones. The collaboration produced the result presented here

Script
Script
Script
Script
Script
Script
Screenshoot
Screenshoot
Screenshoot