Cool.leccion

Cool.leccion

Online Store

Online Store

Client

School project

Responsibilities

Lead Product Designer, Graphic Designer

Team Size

2

Timeline

4 weeks

Tools

Figma, Trello, Google Forms, Google Drive

Context

Product Design

Understanding The Problem

We carried out a User Persona to better understand our potential users and to be able to empathize with the motivations and needs related to electronic businesses dedicated to the collectionism world in particular.

We carried out a User Persona to better understand our potential users and to be able to empathize with the motivations and needs related to electronic businesses dedicated to the collectionism world in particular.

We carried out a User Persona to better understand our potential users and to be able to empathize with the motivations and needs related to electronic businesses dedicated to the collectionism world in particular.

MVP

A content audit is created to identify the necessary functionalities in order to create a Minimum Viable Product (MVP) for its launch on the market, and thus be able to create an information architecture that allows a good navigation flow by the user.

The content audit consisted of:

  • Homepage

  • Product catalog

  • Currency exchange


  • Product display


  • Purchasing process

  • Shopping basket

  • Purchase data

  • Payment confirmation

  • Order data


  • User account

  • Personal information

  • Name

  • Mail

  • Payment method

  • Address


  • Orders history

  • See order

  • Order tracking

  • Problem with my order

  • Contact with the seller

A content audit is created to identify the necessary functionalities in order to create a Minimum Viable Product (MVP) for its launch on the market, and thus be able to create an information architecture that allows a good navigation flow by the user.

The content audit consisted of:

  • Homepage

  • Product catalog

  • Currency exchange


  • Product display


  • Purchasing process

  • Shopping basket

  • Purchase data

  • Payment confirmation

  • Order data


  • User account

  • Personal information

  • Name

  • Mail

  • Payment method

  • Address


  • Orders history

  • See order

  • Order tracking

  • Problem with my order

  • Contact with the seller

A content audit is created to identify the necessary functionalities in order to create a Minimum Viable Product (MVP) for its launch on the market, and thus be able to create an information architecture that allows a good navigation flow by the user.

The content audit consisted of:

  • Homepage

  • Product catalog

  • Currency exchange


  • Product display


  • Purchasing process

  • Shopping basket

  • Purchase data

  • Payment confirmation

  • Order data


  • User account

  • Personal information

  • Name

  • Mail

  • Payment method

  • Address


  • Orders history

  • See order

  • Order tracking

  • Problem with my order

  • Contact with the seller

Wireframing

The wireframes were designed so that the user understands where each function of the App is, while taking into account the Material Design guidelines and applying them to our brand in order to reduce the user's learning curve, as they are already familiar with how the elements are positioned.

The wireframes were designed so that the user understands where each function of the App is, while taking into account the Material Design guidelines and applying them to our brand in order to reduce the user's learning curve, as they are already familiar with how the elements are positioned.

The wireframes were designed so that the user understands where each function of the App is, while taking into account the Material Design guidelines and applying them to our brand in order to reduce the user's learning curve, as they are already familiar with how the elements are positioned.

Interactive Prototype

A simple prototyping style is used without many micro-interactions so as to reduce cognitive load and allow users to reach their goal, which is to finish the purchase process.

A simple prototyping style is used without many micro-interactions so as to reduce cognitive load and allow users to reach their goal, which is to finish the purchase process.

A simple prototyping style is used without many micro-interactions so as to reduce cognitive load and allow users to reach their goal, which is to finish the purchase process.

I'm open to hearing from new and exciting projects.

Let's create something awesome, together!