Titulo
x
imagen

AhorrApp

Ahorrapp is a web application designed
to help people better manage their economy.

Brief

The goal was to create a web app that allows people to register their incomes and expenses; to provide them with clear information to make better economic decisions.

The team analyzed how to fulfill the appearance of an Android application, in an HTML environment. For the wireframe process, we had to think about how to translate each element into a CSS layout.

Role and Responsibilities:

  • Researcher: define and ideate.
  • Visual designer and engineer: prototype and code.
  • Tester: design test cases.
  • Duration of the project: 5 months.

From HTML to Material Design

Ahorrap
Ahorrap Ahorrap

The images above show the process of adapting the HTML structure to match the Material Design guidelines, using just CSS.

Codign

Ahorrap
Ahorrap Ahorrap

As my team role as a visual designer, I was in charge of coding the interface with CSS, working hand in hand with HTML layout designers and Javascript coders. Above you can find evidence of the code written for this project.

Responsive web app

Ahorrap Ahorrap

Test Cases

Ahorrap

Prior to launch, detailed test cases were designed and executed to verify proper operation. Several functions were improved thanks to the implementation of these tests.

go upGo up
Prev case studyPrev homeHome NextNext case study