Financial well-being matters.
Welcome to CoinCraft, the ultimate financial app designed to help you achieve your financial goals with ease and efficiency.
In today’s fast-paced world, managing your finances can be a daunting task. Whether you're trying to save for a rainy day, track your daily spending, or explore investment opportunities, having a reliable tool to assist you is crucial.
Overview
CoinCraft is more than just a financial app; it's your personal financial companion. Our team recognized an opportunity to create a tool that cater to all aspects of personal finance, ensuring that you stay on top of your money matters without the hassle.
The Audience
Initially, our team wanted to focus on novice investors, therefore we dedicated a section with tips and tricks for beginners who are interested in learning the ropes in the investment world.
But as we got more and more into the project, we recognized that this app is a companion for everyday banking needs, helping any users to manage their financial matters with ease.
The Opportunity
It all begins with an idea.
Our team was formed with people who were newcomers to Canada, and we all agreed there were no easy way to keep track of our spending and savings, let alone investing.
There is room for improvement in the currently available financial apps, hence the creation of CoinCraft.
My Role
I was in charge of the home page, and assisted other team members in creating investment page.
As a team we decided on the amount of pages required to create for this project, with the focus on mobile app version. Together, we came up with a design system, including a style guide and component board.
Design System
We wanted to convey a dark, clean tone to the final product. 3D icons were utilized to provide visual feedback for spending and investing categories.
Wireframes
The Final Product.
Full Figma file can be viewed here.
Log-in page.
Home page allows users to have a quick glance at their current accounts and top stock picks in form of carrousel.
Recent transactions are also included for ease of tracking.
This is where users can get an idea of how much they spent by category, with a pie chart on top for visual representation.
The total savings on this page is displayed clearly on top, with a list below to indicate in red any debit transactions and green for credit.
Users also have an option to toggle on/off automatic withdrawals from attached accounts to the app.
As mentioned, we want to make this app accessible even for novice investors. With that in mind, tips and tricks are displayed on the top in form of carrousel, with the current stock price and its volatility below.
This is the stock detail page, with its core information displayed. Buy/sell orders can also be executed here.
Buy order execution page.
This screen appears when “top up” button is selected.