Cover Image 01.png

Clarity App

hero image.png
 
 

Objective

Help people save money quickly in preparation for a big purchase or expenditure.

 
 
 

What

A responsive website, web app, and/or mobile app allowing all data on income and expenses to be recorded easily, on the go, and from a variety of devices. The tool displays data on the user’s finances (how much money they spend and on what), and tells them what they can do to cut costs and save money in a certain amount of time.

 
 
 

When

Users will utilize the tool in the period before a planned expense. During this period, they will input data when spending and receiving money so they can view accurate information on their finances and dynamic information on what they can do to save more money.

 
 
 

Where

The tool can be used from anywhere and using any device to ensure income and outgoings are easily recorded.

 
 
 

Why

Saving money can be really hard, especially when you don’t have a long time to do so. By providing personalized information on how a user can save based on their actual finances, the tool itself can provide financial advice during these finite periods of saving.

 
 
 

Who

This tool is for people who want to save money, quickly, for a particular reason. For example, a wedding, big trip, or new car. The users are not new to technology but do not like working with their finances. So, they require that the information they receive via the tool is accessible, and clearly tells them what they can do to better save.

 

 
 
 
project-scoope.png
 
 

 
 

Target Users

I interviewed three different users based on their traits. The target users were architecture designers, architecture enthusiasts and casual travelers.

 
 
 

Initial Hypothesis

  • People visit cities to discover architecture specifically

  • Architecture enthusiasts and/or architects are the target users for architecture tour apps

  • Users would rather follow a guided tour instead of creating one on their own

  • Users have used a architecture/tour guide app before

  • People like using tour guide apps instead of having a real person guide them

 
 
 

Insights from user interviews

 
 
 

User Feedback Summary

All users, despite having a background in architecture were interested in learning about architecture. However, users with the background in architecture cared more about the holistic details on buildings as well as visiting cities for the sole purpose of discovering architecture. The architects/architectural designers would be the target users.

 
 
 

Learning About Architecture

Learning random facts about buildings would be interesting. Topics such as water features, front facade and interesting hierarchy elements.

 
 
 

Discovering Architecture

All users liked the idea of discovering new and hidden gems of architecture. Being in the city so long and there’s information that’s not there. Users want to find buildings and have a deeper wealth of information on it. People have blogs on certain topics within the architecture community but there’s not that much information in them.

 
 
 

Traveling and Tours

Architectural users typically have an idea of what to do when visiting city. The experience is both planned and organic. Sometimes they like to go placed based on what draws them. If there’s an interesting museum or market, they will just walk there.

 
 
 

User Personas

 
 
Joshua Burger.png
Luis Peterson.png
 
 
 

User Stories

 
 
User Stories.png
 
 
 

The MVP

The MVP for this application is discovering architectural projects via a map with a curated list of projects. User can search for projects or filter their search down to narrow their results down to the architect’s name. The app will display the metadata such as: project name, type, architect name, year, description and photos. The list of architecture will come from a curated list based on existing architectural site, blogs and google maps.

 
 
 
Final-user flow.png
 
 
Wireframes-mockup.png
 
 

Design Definition

 
 

The wireframes help During this phase, I explored screen layout, iterated on UI design patterns, defined the mood board and the style guide. overall layout and define functionality based on our user stories

 
 
 

Wireframes

Creating wireframes as the first attempt towards designing based on user feedback and must haves. I used the crazy-8 method to explore the layouts and UI design against key features.

 
 
 

Mood Board

 
 

This mood board aimed to reflect a clean, professionally design application that used a mood setting photographs and vibrant iconography.

 
 
 
moodboard.png
 
 
 

Styleguide

 
 
 
styleguide.png
 
 
mockup-transition.png
 
 

Key Features

 
 

The final mockups aimed to make discovery of architecture easy and interesting. The design purposefully was clean and simple in order to reduce cognitive load.

 
 
 
 

 
 

Learn about buildings

All projects are designed by the top architects in the architectural community. 

Learn about the ideas behind a project from the architects themselves. View interior and exterior photography, drawings, and architectural and engineering details.

mockups-01.png
 
 
 
 

 
 

Explore Architecture in your neighborhood

Locate architectural projects near your location and the app will help you get there.

 
mockups-02.png
 
 
 
 

 
 

Follow Art Lessons

Each class will have a top-rated instructor who will guide students with step-by-step instructions on a number of projects.

 
mockups-03.png
 
 
 

All Screens

 
 
 
All screens.png