Ginetta Portfolio

lizzy

lizzy

Moving with less hectic

As a new tenant of a rental property, it’s easy to overlook small damages and defects during the initial walkthrough of a property. After having moved in, the new tenant has between 10 and 30 days to report any of the overlooked defects. Indeed 80-90% of Swiss tenants create such a list after having moved in, as legally speaking, this can take any form, be it an email, a spreadsheet or a handwritten letter. lizzy is the first app of its kind in Switzerland, making the work of tediously documenting defects a quick and easy process. The app allows tenants to submit their lists on-time and provides the respective property management or landlord with a standardized, structured document.

From kick-off to App Store in 3 months

This innovative project was realized in close collaboration with our client, Mobiliar. Ginetta designed and implemented the application for iOS in just 3 months. The Android app followed a month later.
Project timeline
Project timeline

Potential for improvement

Before lizzy, the experience of handing in a list of defects was fraught with mistrust, lack of knowledge and numerous tedious tasks. We saw the greatest potential for improvement in optimizing for efficiency and minimizing the administrative effort for the user. Additionally, we wanted to give users the security of submitting a formal document with all the right information.

The user journey
Mapping the user journey to uncover areas of opportunity

After having conducted various user interviews, we identified the so-called “Admin Junkie” as our primary persona-type. Admin Junkies are rational, realistic planners, who want to feel that they have the upper hand in situations of all kinds and at all times.

Documenting defects has never been easier

Fast, easy, secure: The concept

Design principle

lizzy’s structure is built to reflect a virtual tour through an apartment. It follows the structured approach of our primary user, the Admin Junkie, as they make a complete round through their apartment. Users can easily add and remove rooms to the list, or create new rooms that do not conform to the standard list.

User guidance

The app provides the user with an immediate sense of accomplishment, by first inviting them to take a picture of the defect. In the steps that follow, he is presented with features that most-likely need his attention. The design of the app takes advantage of common UX patterns, making it easy to learn and intuitive to use. Additionally, the interface animates users to provide any metadata that will allow lizzy to create a well-organized and easily scannable PDF.

Reduction of user input

In order to ensure a smooth experience throughout the app, any data that the user provides is then automatically saved and prefilled in other fields. This way, users only need a glance to make sure their information is complete, and can thus move quickly through the process of preparing their PDF to send to the landlord.

A lighter administrative load

With the user’s input, lizzy then creates a structured PDF document with all the relevant information. The app even proposes a formal text for the attached email to the landlord, and allows the user to customize it easily.

Playfully serious: The visual design

Bold, human

Brand elements such as the product name, logo and graphical style were treated with utmost priority. In a second step, we defined the specific colors for the interfaces. In each case, we began with a bold gradient, which we ultimately used as a first touchpoint with the app (splash screen, login, marketing communication). Within the app, the color gradient was reduced, in order to give prominence to accent colors for clickable elements and system feedback.
Palette 1
Palette 2
Palette 3
Palette 4
Style tiles were used to evaluate potential color palettes

Fun, dynamic and secure

The visual language reflects the young and dynamic target group. Hard edged shadows and reduced typography contrast the human and emotional colours. It was particularly challenging to create a fun experience that still conveys safety and security. Our goal was for the user to feel comfortable and cozy, but at the same time actively supported.
lizzy Icons
We designed some branded icons to give lizzy a face and the user a better orientation

One step ahead: The implementation

Flexible frameworks

This was our most significant project to date developed using React Native. Due to their support for both platforms iOS and Android, the use of React Native and Expo allowed us to deliver a high quality product, despite a challenging project timeline. Our frontend developers new to React Native were able to gain a great deal of knowledge, while those already accustomed to the framework could further strengthen their expertise.

The backend technology we used was Cockpit CMS, as its flexibility and ease-of-use allows for optimal, individual solutions. For the business case lizzy, especially, the headless architecture was a perfect fit. As a foundation, we used an OpenShift/Kubernetes stack, this now enables us to easily scale the backend-capacity, if the user demand increases.
App Store logoGet it on Google Play
  • Frank Salathé

    Frank Salathé

    Strategy

  • Jessica Goodson

    Jessica Goodson

    Design

  • Andrea Aebersold

    Andrea Aebersold

    Design

  • Pierre Berchtold

    Pierre Berchthold

    Frontend

  • Joël Bez

    Joël Bez

    Frontend

  • Rafaela Guerra

    Rafaela Guerra

    Frontend

  • João Rodrigues

    João Rodrigues

    Frontend

  • Artur Heinze

    Artur Heinze

    Backend

  • Gian-Marco Schmid

    Gian-Marco Schmid

    Research

  • Dominik Bruderer

    Dominik Bruderer

    Frontend

  • Sophia Littlejohn

    Sophia Littlejohn

    Frontend