logo-white-g-cidades.png

G-Cidades (G-City) is a platform for public services for small towns.

A web and mobile solution for registering areas in need of maintenance and repairs using georeferencing.

use-of-mobile-phone-in-city-2021-08-29-07-40-10-utc.jpeg

Cities are smart

Cities are increasingly connected and interactive. Offering services that move from analog to digital world.

mockup-of-two-iphones-12-pro-max-with-a-plain-background-5014-el1.png

Create a simple and intuitive interface to be used by city hall workers.
Users have little tech skills and need something simple to understand to accomplish their tasks.

Challenge

wireless-connection-technology-in-city-2021-08-29-15-55-17-utc.jpeg
logo-color.png

User Flow Chart

FlowChart Cadastro - G•Cidades.png

Strategy

Design an experience with as few steps as possible, with tasks that are quick and simple to understand.
Bringing the same experience to the web platform in a more complete way for a more experienced user who will have to manage the requests coming from the mobile.

workers-on-asphalting-paver-machine-during-road-st-2022-02-17-20-05-46-utc.jpeg

Solutions

My solution was to create an intuitive and integrated platform with a dashboard in the web solution that would provide the user with all the information in a playful and self-explanatory way.
Leaving the web solution with few features to facilitate the access by people with little experience in technology devices.

Guidelines

Desktop & Laptop

Resolution: 1920px - 1440px

Margin: 165px - 50px

Desktop HD (1).png

Mobile

Resolution: 320px - 767px

Margin: 16px

Mobile.png

Typograhy

SF Pro Display

Base Value: 16 - Scale: 1.25

typescale.png

Colors

color-pallete.png

Mobile App

Login.png
Onboarding 1.png
Cadastrador.png
Cadastrador - Interação menu.png
Área Verde 1.png
Cadastrador - Interação area selecionada.png
Salvar Área verde.png

Cross platform

The solution was designed and developed to work on different devices and screen sizes. From the simplest cell phones of street workers to the most sophisticated computers of secretaries and mayors.

Login.png
Pagina inicial.png
Visão geral - Dashboard.png
Ordem de serviço.png
Relatórios.png
Cadastros.png
using-macbook-at-the-office-wide.png

Thank you