🎯 OVERVIEW
Park Investment is a startup and mobile app that aims to simplify investments. With accessible explanations of financial terms and a calculator that recommends you how much to invest and where, Park is dedicated to helping anyone new to personal finance.
My role in this project had various work; I developed the visual brand of Park with a design system, designed the logo, and created wireframes for the app’s interface.
DESIGN SYSTEM
The name “Park“ comes from founders Brian and Zinnia, who were inspired by the startup’s origin. After regular meetups in parks to brainstorm, the idea of this app was born.
Thus, my inspiration for color palette was drawn from the concept of a natural public space— think Central Park in New York. Plenty of nature, but still within the hustle and bustle of a modern environment. The greens aren’t the stormy tones of an isolated forest, but the bright and welcoming colors of flowers and people in a city.
In both typography and color choice, I felt it was important to keep a playful tone. The main selling point of Park is simplification of niche investment ideas, so I opted for sans-serif over a traditional serif, and saturated colors over muted ones for a casual energy.
design system
LOGO DESIGN
I began sketching logo designs with a minimal approach to match how the mobile interface would eventually look, then converted them into vectors on Adobe Illustrator. The rest of the team liked the two non-abstract trees, and suggested adding a bench to make it more recognizable as a park.
lofis
final logo
LO-FI WIREFRAMES
The team expressed that the Park app would revolve around the home page: the calculator. After inputting various numbers such as monthly income, cost of living and more, the user could view a graphic of how to distribute their money.
With this in mind I began to flesh out how the main page could work. Would a card view be better, or a pie chart? How can the descriptions for each investment pop up? How will the user input values into the calculator? After discussion with everyone and some reflection, I found a couple issues.
Firstly, the calculator input method was small and not very readable. The cards and pie chart had no indicators to show they could be expanded to show more information.
MID-FI WIREFRAMES
In the second iteration, I enlarged all text, started to incorporate the colors from the design system into the app, reworked the calculator input fields, and added a toggle between card and pie-views. At this point the developers were working on these two pages, so I focused on these sections.
MOCKUP
To demonstrate the user flow, I created a prototype animation on Figma.
