![](https://freight.cargo.site/t/original/i/c26f67b672a2c3ae9bcd539807c160cdd568b5dadf038fea5327872549ec7ab6/investedge-cover-11.png)
InvestEdge
AI that makes financial docs readable at a glance
Role
Product Designer
Product Designer
Class
Design of AI Products, spun off into personal project
Design of AI Products, spun off into personal project
Time
4 weeks
4 weeks
Problem
Only the biggest investment firms can afford analyze dense and unreadable SEC-filed documents (10-K, 10-Q, 8-K, and more). How can we bring Warren Buffet’s favorite investment strategy to individual investors?
With Large Language Models (LLMs), InvestEdge summarizes and extracts only the most critical information and bring it to investors.
Home page feed
Users can read the latest and most critical news about their portfolio.
Reading an annual report
Annual reports are summarized into digestible insights for users to skim. In addition, users can dive into the original text in context.
Annual reports are summarized into digestible insights for users to skim. In addition, users can dive into the original text in context.
![](https://freight.cargo.site/t/original/i/085c2c49ae0d800424c27f4d93951824113903581b7f6a1e4e55a0fb3feecf18/home-400.gif)
![](https://freight.cargo.site/t/original/i/38688f0e6e435c0cff8015633e577e4d6eab76c62afd479aead54e43dfbc4322/reader-3-400-low.gif)
Asking questions about a document
Users chat about insights from a document in a conversational UI.
Users chat about insights from a document in a conversational UI.
Voice narration
For hands-free interactions, visual impairment, or anyone who just wants to listen.
For hands-free interactions, visual impairment, or anyone who just wants to listen.
![](https://freight.cargo.site/t/original/i/34499624b00793cc44d3de82fd56d5030bf0375cc850d4d3558866658674d372/query-400-2.gif)
![](https://freight.cargo.site/t/original/i/3e101f2f759dcbce51442a7b49139d306e344247bc9b473fc67e8ade24ecd69d/narration-400.gif)
Onboarding
![](https://freight.cargo.site/t/original/i/a190d0920f10fbb8cd08e17457de65f9e6ef1a3652ac78a5e677d90f7147ff42/Screenshot-2023-08-25-at-9.25.14-PM.png)
![](https://freight.cargo.site/t/original/i/cde80dae04239fdfac1bd160a3781e430c196de42e0ee0335cba0ca19574b54d/Screenshot-2023-08-25-at-9.25.20-PM.png)
![](https://freight.cargo.site/t/original/i/d237113182a8abcb6d6e5d6a40a6d07a2871e158ed970135d00b232c762603ab/Screenshot-2023-08-25-at-9.25.24-PM.png)
Research
Designing for an emerging market of investors that do their research
$6B
Estimated size of portfolio management industry in the U.S.12M
Users of subreddits focused on individual stock pickingA recent Schwab study identifies a new cohort of investors after 2020 that are more sensitive to individual stocks and market volatility. Many of these investors carefully read about a company’s financial health and statements. Warren Buffett is famously known to read hundreds of pages of financial reports every day to learn more about his investments.
![](https://freight.cargo.site/t/original/i/88f981a6f666b2580f89042088c9e1e00049fd414910edf136be56904e098609/investor-needs.png)
From conducting user research, I found that different investors had different categories that they paid more attention to than others. To serve these different kinds of investors, I create categories that each bit of information could be categorized and grouped into.
Using a background in AI, I identified strengths of large-language models (LLMs) and matched them with user needs.
![](https://freight.cargo.site/t/original/i/b2f41a7bb55d7dbb79cfae03d93abd054ec47733d32e80cc27620ac094b1dd37/matchmaking-edges.png)
Wireframe + information architecture
I grouped features into two main categories: browsing and reading. All features are found only one tap away from the home page.
![](https://freight.cargo.site/t/original/i/203d4e76b9de59d1f79e3a407fc34035ff9832e00ffaad873ae3fb1641326d40/investedge_wireframescolor.png)
Interaction & visual design
How I ended up on this design
Iteration 1
When I was working with my team creating the initial concept, I started out with a techy feel, going for a visual direction for “people who want to use a bloomberg terminal”. This version of the product uses sentiment analysis, where AI would mark each statement as either positive or negative.
![](https://freight.cargo.site/t/original/i/44d9fefe22d90f29879ed4ae6274c83526c0d980877c38250df43b6939663a6b/process1.png)
Iteration 2
In my next iteration, I moved towards a more reliable-feeling, readable, less techy, and mobile-focused visual style. I drew inspiration from apps like Medium and Apple News to explore how reading content can be made for everyone.
I updated the visual style to use serifs, cool colors + cool greys, and a focus on comfort + readability. I wanted it to feel less “techy”, and more visually accessible to all investors.
![](https://freight.cargo.site/t/original/i/61fbe9d2fa2bbf4b3071b32305637e04279d08daaeb2736efa6ab163e8054159/process2.png)
![](https://freight.cargo.site/t/original/i/8f629221fb0ddd71e97a25d02c2b01f3fd9a2aed2c07f4c733a47304a8a1b13e/process3.png)
Previous design system
Iteration 3
I made UI changes that improved upon human-AI interaction, chart visualization, information architecture, and accessibility. On top of that, I felt that the previous design looked serious and not friendly. To bring in more life into the product, I created a more cheerful and dynamic visual system.
![](https://freight.cargo.site/t/original/i/03edc6cd0b050ae8cbbbf1693cf2f6b1f4d75a3c3b7f15959b1e537796b83a59/process4.png)
![](https://freight.cargo.site/t/original/i/a190d0920f10fbb8cd08e17457de65f9e6ef1a3652ac78a5e677d90f7147ff42/Screenshot-2023-08-25-at-9.25.14-PM.png)
![](https://freight.cargo.site/t/original/i/cde80dae04239fdfac1bd160a3781e430c196de42e0ee0335cba0ca19574b54d/Screenshot-2023-08-25-at-9.25.20-PM.png)
![](https://freight.cargo.site/t/original/i/1b6e786cde5805e8e7d49c7590a5bfa93752f2e2eee890a9998c50f8c2efb889/home.gif)
![](https://freight.cargo.site/t/original/i/34499624b00793cc44d3de82fd56d5030bf0375cc850d4d3558866658674d372/query-400-2.gif)
![](https://freight.cargo.site/t/original/i/3e101f2f759dcbce51442a7b49139d306e344247bc9b473fc67e8ade24ecd69d/narration-400.gif)