melanierosson / mysavei

Website containing condensed savings & investment advice for those that are intimidated by traditional financial documentation. Built with React JS using functional components + hooks with Router.

Home Page:http://mysavei.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

mysavei

🤑 Website containing condensed savings & investment advice for those that are intimidated by traditional financial documentation or simply don't have easy access to such information. Coded in React JS using functional components + hooks with Router.

In Progress: http://mysavei.com

goals

high-level

  • make it easier for younger generations and underprivileged groups to get started with personal savings & investing (outside of any employer 401K plans)
  • decrease the wealth gap by encouraging and promoting long-term wealth-building strategies that are not always accessible to everyone

specific

  • make the stock market and investing less intimidating by breaking down some of the most important concepts into manageable, easily understandable portions
  • endorse tools (mobile apps) that will be recognizable, free (or extremely inexpensive), and user-friendly for today's smart phone users (almost everyone)
  • ensure the informative content and process for beginning to invest takes as little of the users time as possible

developer

  • gain more experience with React JS and React Router
  • host a React website and connect it to search engines via various available tools
  • practice incorporating structured data to improve SEO
  • incorporate as much accessibility-friendly design as possible (which may include a toggling grayscale color skin for color blind viewers)

user flow

Website User Flow

market research

I only did a small amount of market research via online search engines. I couldn't find much more than articles and Youtube videos. None of the sources I found accomplished all of mySavei's goals.

ui

sketches

wireframes

prospective

final

mocks

prospective

final


While developing, I experimented with some more white-dominant page designs that are easier on the eyes.

development

in progress

This is in a functional state on http://mysavei.com but there are many bugs and refinements that need attention. Plus, I need to add the front page video outlining why individuals should invest their money in the first place! When the aforementioned items are complete, I'll be incorporating Gatsby, and then finally transferring the hosting to Netlify.

About

Website containing condensed savings & investment advice for those that are intimidated by traditional financial documentation. Built with React JS using functional components + hooks with Router.

http://mysavei.com


Languages

Language:JavaScript 36.7%Language:SCSS 32.0%Language:CSS 29.4%Language:HTML 1.9%