top of page
cosmo-h.png

Cosmo finance Application

Cosmo is a personal finance application that connects all your banking needs. It tracks spending, creates budgets, and makes it easy to manage receipts. For this project, I designed Cosmo's logo,  app interface, and high-quality prototype. Scroll down to view the final prototype!

​

Logo Ideation

This logo design represents Cosmo, a new personal finance application. To create this brand, I wanted to design a logo that combined the "C" of Cosmo and some aspect of outer space. I used positive space, negative space, and closure to suggest the planet's shape within the "C." I also lowered the opacity of the planet's outline just so one concept did not overpower the other.

cosmo-logo_edited.jpg
IMG_2568_edited.jpg
IMG_2566.JPG

Paper Prototypes

For the Cosmo app design, I started off sketching low-quality prototypes and planning the overall navigation. As a banking app, Cosmo's navigation is vital to the users' experience. So, a large portion of this project was research and user testing.

Detailed Prototypes

twlattuSVKmiMnygxf8exZHHF5mxrza2StYHU7TdsT8sIRNOORACcDwxwNKuLAJe_WpiFtoVUUMjJhMtj1SHwwLWBd

Then, I began prototyping the app in Adobe XD. These are detailed interface examples including potential navigation options and color schemes. I decided to use orange, dark blue, and violet for Cosmo's interface.

qWbpthd66qGTzIlNrMBvAadf5XyU3L1toaqcBx607O_YiDGsDEm2CzV8_8nqTgc-XRP8s51rICV5LQ5Mhx3ODytAvw
Josiah Img.jpg
Erin Img.jpg
Tom Img.jpg

User Research and Observation

Once I finished designing a fully functional prototype of the app, I began conducting user research and received initial feedback from each user. This stage of the design process was significantly beneficial to the final Cosmo application design.

6_h4SZmNpv4aGbK5N8dxxLy9Ayb6q4O5UlVKGyZrL3BR7Xx-HZtSOXptZuQeyn486hBHiFi3nJiw0o4_iZuPIm_zDm

FINAL PROTOTYPE

Based on the user feedback, I was able to make many improvements! Some of these include implementing animations, adding custom icons, and expanding the navigation options. 

80q3N3wpdM7ZZn83Lxt2P4CBX5cHQSUVuc3buBb8J0RPXsnM04i1q4aAS5l5rekHQCmparTzJnEIpXs7uNDxIkVbBP
ypj1BVWS_mPyhse7fNqTA7TwTuPQ9tIK7ugmWe7OT46ecZ7gBzG5Xa-8rQHpe6e5aXHKg5SxJP4lLLANeKqfM3Dp5d

FINAL Application Design

hero-shots 3.png
1UyIyjtDPtz8uM0gL1Rw98nWXSB34w7-XESWm9e4QiWoSJgiQEmiWPcQTh5pJs8LslWHjndihMgKpGY7i_7mDH7t6m
v2NHltFNfxb_ZIysU4NvSoUWc5x8EI8nVmCAbMOEFNtdSTV2jDdCkPdNJs_G_ZrMPEKa2TuYXG54Ws7YCIcBu5fFL7
NB.png

©2022 by Natalie Barnes. Proudly created with Wix.com

bottom of page