Prototyping - Alpro case study

Desktop and Mobile Prototypes for Alpro website.

Redesign of Alpro User Interface for desktop and mobile version. Creation of a complete UI Kit to obtain consistency through the project. Design of user flow, interactions and animations, with the aim of creating a usable prototype to test with users.

PROJECT GOALS:

• Create a complete UI Kit, analyzing colors, accessibility and elements interaction.
• Prototype the User Flow to test in the following project.
• Redesign the Mobile and Desktop versions of Alpro website.
• Insert interactions to make the prototype functional.

WORKING METHOD:

The work has been divided into two parts.

In the first phase:

• Creation of the UI Kit.
• Analysis of colors, accessibility, and interactions.
• Design of the Desktop prototype of Alpro website.
• Design of the User Flow.

In the second phase:

• Design of the Mobile Prototype.
• Design of the User flow.

The redesign of Mobile and Desktop versions of Alpro website has enabled to create a functional prototype to test in the following project.

TOOLS USED:

• Figma
• Keynote