Skip to content (Press Enter)
Teresa Marques

Teresa Marques

UX/UI

  • Portfolio
  • About Me
  • Contact
COHESU Home Page
UX/UI

COHESU App

Cohesu is an app designed to help every human being understand the impact their choices have on themselves and the world. The goal is to create awareness in topics that move nowadays world, such as health, environmental sustainability and sustainable consumption, whilst changing real lives.

Areas

UI & UX
App Design
Gamification

Tools

Adobe XD
Adobe Illustrator
Adobe Photoshop

Concept

The app revolves around three main areas of interest for the user: health; consumption; sustainability. In this area the user can understand their impact and change their habits with the minimum effort possible.

How it works

The user registers information throughout the days/ weeks/ months that will give them an overview of the impact of their choices in the different areas of their life and what they need to change to improve it or reduce it. To make this task less time consuming and simpler some strategies were defined. Such as incorporating external apps, taking advantage of phones automatic registering to simplify many categories. The app works with a point system as base taking into consideration gamification elements that would keep the user motivated and engaged while seeing real change.

https://teresamarques.com/wp-content/uploads/2020/12/video-defesa-2.mp4

Overview and Structure

To define the overall structure of the app and its structure I resorted 1st to sketching and then information hierarchy and organisation.

Sketches with information hierarchy

Overview of Cohesu App

Layout

I started by creating a lot of sketches and low fidelity wireframes to organise all the information according to the overview scheme. Sketching is important to define the basics before being tied to colour, typography and other branding elements that could clutter our overall vision.

Low fidelity sketches

To distribute and organise the information I finally opted for a 4 column layout with 16dp of margins and gutters. In addition a grid of 8px was used.

Layout used for the app

 

Visual Identity

To define the visual identity I gave a lot of emphasis in the three areas and make then distinguishable from each other. Three colours were chosen for this purpose.

The typography is Poppins a geometric with smooth edges typeface, that maintains good legibility in small screens.

Visual Identity of COHESU

Naming

The word COHESU comes from the unification of the three main areas that the app is based on: COnsumption; HEalth; SUstainability. It also reminisces on the word cohesion, which is the main purpose of the app.

COHESU Naming

Related Projects

OSDM Homepage

OSDM

October 15, 2020

Protected: Video Bingo Games

October 3, 2022
All images and texts on this website belong to Teresa Marques. Do not use without written permission. Elegant Portfolio | Developed By Rara Theme. Powered by WordPress.