Category: UI Design

Discovery Maldives is a web portal dedicated to the wonders of Maldives. The website was designed to provide a search tool for divers who want to discover the most interesting dive sites on the area. The information was compiled by experienced divers and marine biologists.

Besides being a guide for the most interesting places in the area, it was used to sensitize tourists on environmental issues of Maldivian fauna and flora.

The main actions was:
– Definition of product goals and time schedule;
– Benchmark competitors and similar tools;
– Collection of data from stakeholder;
– Definition of personas and scenarios;
– Content Strategy
– Sitemap and Navigation paths development;
– Wireframes creation;
– Mockups design.

The result was a flexible, dynamic website with a powerful “search dive” tool.

Software:
Adobe Photoshop©, Adobe Illustrator©, Axure©, Balsamiq Mockups©

See it on Behance: Here

SmartShow iPad App.

Software:
Adobe Photoshop©, Adobe Illustrator©, Balsamiq Mockups©

Wasper is a traditional hardware store, with three branches in Lombardy, who wants to bring the quality of its products and the convenience of its prices in the rest of the country with an online store. The client has been successful with other ventures, but this is his first time building an ecommerce: I will offer guidance on the web-based marketing strategy.

The main steps was:

1. Explainin to the client, and partners involved, the design process;
2. Taking the client through the research phase to define the expected users, features, and product goals using personas;
3. Creating a map of the entire website to show how the pages are accessed and connected;
4. Creating wireframes to show content, product details, and purchase process;
5. Define design features with mock-ups;
6. Development;
7. Delivery.

The research phase was composed by: stakeholder interviews, competitive analysis, personas, weighing and prioritizing features.
The information architecture phase was composed by: task flow definition, diagrams, site mapping and wireframing.
The visual design phase was composed by: color scheme definition, pattern definition and mock-ups.

Software:
Adobe Photoshop©, Adobe Illustrator©, Axure©, Balsamiq Mockups©

Website design for Timbertek company. A brand consistent look for a well organized new website.

Software:
Adobe Photoshop©, Adobe Illustrator©,Axure©, Balsamiq Mockups©

Website design for the applied robotics company e6pos. A minimalist look and sturdy to keep the site organized and present the offered company services.

Software:
Adobe Photoshop©, Adobe Illustrator©, Axure©, Balsamiq Mockups©