Stock Beacon

StockBeacon aims to help young adults make their first investment with confidence.

Stock Beacon

StockBeacon aims to help young adults make their first investment with confidence.

Stock Beacon

StockBeacon aims to help young adults make their first investment with confidence.

Learntoinvestwithaplatformmadeforyoungpeopleenteringtheworldoffinance.UseinnovativetoolstoexploreBitcoin,ETFs,andbonds.Buildafuturethatgrowsstrongereveryday.

Learntoinvestwithaplatformmadeforyoungpeopleenteringtheworldoffinance.UseinnovativetoolstoexploreBitcoin,ETFs,andbonds.Buildafuturethatgrowsstrongereveryday.

Learntoinvestwithaplatformmadeforyoungpeopleenteringtheworldoffinance.UseinnovativetoolstoexploreBitcoin,ETFs,andbonds.Buildafuturethatgrowsstrongereveryday.

Learntoinvestwithaplatformmadeforyoungpeopleenteringtheworldoffinance.UseinnovativetoolstoexploreBitcoin,ETFs,andbonds.Buildafuturethatgrowsstrongereveryday.

Research

Through competitive research and user interviews, I found that most brokerage platforms offer an unfriendly experience for beginner investors. About 40% of users feel overwhelmed by barriers when they first start investing.

Research

Through competitive research and user interviews, I found that most brokerage platforms offer an unfriendly experience for beginner investors. About 40% of users feel overwhelmed by barriers when they first start investing.

Research

Through competitive research and user interviews, I found that most brokerage platforms offer an unfriendly experience for beginner investors. About 40% of users feel overwhelmed by barriers when they first start investing.

Robinhood

Public

Webull

Competitive Analysis

Robinhood is beginner-friendly with a trendy, youth-focused design. Public helps newcomers with clear term explanations and strong AI integration. Webull’s classic interface and full features cater to advanced users.

The stock and investment market is already well-developed. However, beginners can still feel lost, especially when faced with overly complex terminology.

Interview Analysis

Investors care most about platform fees and the safety of their funds before they begin investing.

All five interviewees hope that investing can serve as a long-term goal for increasing their income. About 40% of new investors feel confused by complex technical terms and how to get started.

Affinity Map

Robinhood

Public

Webull

Competitive Analysis

The stock and investment market is already well-developed. However, beginners can still feel lost, especially when faced with overly complex terminology.

Robinhood is beginner-friendly with a trendy, youth-focused design. Public helps newcomers with clear term explanations and strong AI integration. Webull’s classic interface and full features cater to advanced users.

Interview Analysis

Investors care most about platform fees and the safety of their funds before they begin investing.

All five interviewees hope that investing can serve as a long-term goal for increasing their income. About 40% of new investors feel confused by complex technical terms and how to get started.

Affinity Map

Robinhood

Public

Webull

Competitive Analysis

The stock and investment market is already well-developed. However, beginners can still feel lost, especially when faced with overly complex terminology.

Robinhood is beginner-friendly with a trendy, youth-focused design. Public helps newcomers with clear term explanations and strong AI integration. Webull’s classic interface and full features cater to advanced users.

Interview Analysis

Investors care most about platform fees and the safety of their funds before they begin investing.

All five interviewees hope that investing can serve as a long-term goal for increasing their income. About 40% of new investors feel confused by complex technical terms and how to get started.

Affinity Map

Robinhood

Public

Webull

Competitive Analysis

The stock and investment market is already well-developed. However, beginners can still feel lost, especially when faced with overly complex terminology.

Robinhood is beginner-friendly with a trendy, youth-focused design. Public helps newcomers with clear term explanations and strong AI integration. Webull’s classic interface and full features cater to advanced users.

Interview Analysis

Investors care most about platform fees and the safety of their funds before they begin investing.

All five interviewees hope that investing can serve as a long-term goal for increasing their income. About 40% of new investors feel confused by complex technical terms and how to get started.

Affinity Map

Questions & Solutions

Questions & Solutions

Questions & Solutions

How might we help first-time investors quickly understand essential investment information?
How might we help first-time investors quickly understand essential investment information?
How might we help first-time investors quickly understand essential investment information?
How might we help first-time investors quickly understand essential investment information?
Show simplified key information on the homepage and provide short screen-recorded videos explaining essential investment steps.
Show simplified key information on the homepage and provide short screen-recorded videos explaining essential investment steps.
Show simplified key information on the homepage and provide short screen-recorded videos explaining essential investment steps.
Show simplified key information on the homepage and provide short screen-recorded videos explaining essential investment steps.
How might we reduce confusion around investment terminology for new users?
How might we reduce confusion around investment terminology for new users?
How might we reduce confusion around investment terminology for new users?
How might we reduce confusion around investment terminology for new users?
Offer a beginner-friendly glossary and FAQ with clear, concise explanations of common investment terms.
Offer a beginner-friendly glossary and FAQ with clear, concise explanations of common investment terms.
Offer a beginner-friendly glossary and FAQ with clear, concise explanations of common investment terms.
Offer a beginner-friendly glossary and FAQ with clear, concise explanations of common investment terms.
How might we make the platform visually appealing to younger users?
How might we make the platform visually appealing to younger users?
How might we make the platform visually appealing to younger users?
How might we make the platform visually appealing to younger users?
Use a modern, tech-driven visual style with stylized illustrations and subtle animations to attract younger users.
Use a modern, tech-driven visual style with stylized illustrations and subtle animations to attract younger users.
Use a modern, tech-driven visual style with stylized illustrations and subtle animations to attract younger users.
Use a modern, tech-driven visual style with stylized illustrations and subtle animations to attract younger users.

User Personas

Based on my research and survey findings, I created two personas to clarify user behavior patterns: one represents a first-time investor, and the other represents an experienced investor.

User Personas

Based on my research and survey findings, I created two personas to clarify user behavior patterns: one represents a first-time investor, and the other represents an experienced investor.

User Personas

Based on my research and survey findings, I created two personas to clarify user behavior patterns: one represents a first-time investor, and the other represents an experienced investor.

User Personas

Based on my research and survey findings, I created two personas to clarify user behavior patterns: one represents a first-time investor, and the other represents an experienced investor.

Task Flows

To move the design toward implementation, I defined two key task flows that best represent the app’s core functionalities.

Task Flows

To move the design toward implementation, I defined two key task flows that best represent the app’s core functionalities.

Task Flows

To move the design toward implementation, I defined two key task flows that best represent the app’s core functionalities.

Task Flows

To move the design toward implementation, I defined two key task flows that best represent the app’s core functionalities.

Find an Article

Find an Article

Find an Article

Find an Article

Explore Homepage

Explore Homepage

Explore Homepage

Explore Homepage

Logo and Design Language

Logo and Design Language

Logo and Design Language

Logo and Design Language

AI Genrated

I first used Canva’s AI tools to generate and iterate on a batch of Beacon logo concepts, then refined the final design manually. AI helped me quickly explore stylistic directions, but due to its limited training samples, the outputs tended to repeat similar motifs and often misinterpreted my revision instructions. As a result, the final logo is an improved version based on an AI-generated draft.

I first used Canva’s AI tools to generate and iterate on a batch of Beacon logo concepts, then refined the final design manually. AI helped me quickly explore stylistic directions, but due to its limited training samples, the outputs tended to repeat similar motifs and often misinterpreted my revision instructions. As a result, the final logo is an improved version based on an AI-generated draft.

I first used Canva’s AI tools to generate and iterate on a batch of Beacon logo concepts, then refined the final design manually. AI helped me quickly explore stylistic directions, but due to its limited training samples, the outputs tended to repeat similar motifs and often misinterpreted my revision instructions. As a result, the final logo is an improved version based on an AI-generated draft.

Brand Color

#0055FF

Brand Color

#0055FF

Brand Color

#0055FF

Brand Color

#0055FF

UI Primary Color

#01040A

UI Primary Color

#01040A

UI Primary Color

#01040A

UI Primary Color

#01040A

Secondary Color

#09265E

Secondary Color

#09265E

Secondary Color

#09265E

Secondary Color

#09265E

Aa

Roboto

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuywxyz

1234567890.,:;?!/

Aa

Roboto

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuywxyz

1234567890.,:;?!/

Aa

Roboto

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuywxyz

1234567890.,:;?!/

Aa

Roboto

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuywxyz

1234567890.,:;?!/

Aa

Figtree

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuywxyz

1234567890.,:;?!/

Aa

Figtree

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuywxyz

1234567890.,:;?!/

Aa

Figtree

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuywxyz

1234567890.,:;?!/

Aa

Figtree

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuywxyz

1234567890.,:;?!/

AI Wireframes

During wireframing, I experimented with Framer’s Wireframer AI, which can quickly create web layout templates and placeholder text. The first draft helped outline the general site structure, but the specific content still required extensive adjustments afterward — including refining the internal structure of each section and the styling of individual content cards.

AI Wireframes

During wireframing, I experimented with Framer’s Wireframer AI, which can quickly create web layout templates and placeholder text. The first draft helped outline the general site structure, but the specific content still required extensive adjustments afterward — including refining the internal structure of each section and the styling of individual content cards.

AI Wireframes

During wireframing, I experimented with Framer’s Wireframer AI, which can quickly create web layout templates and placeholder text. The first draft helped outline the general site structure, but the specific content still required extensive adjustments afterward — including refining the internal structure of each section and the styling of individual content cards.

AI Wireframes

During wireframing, I experimented with Framer’s Wireframer AI, which can quickly create web layout templates and placeholder text. The first draft helped outline the general site structure, but the specific content still required extensive adjustments afterward — including refining the internal structure of each section and the styling of individual content cards.

Final Designs

The final deliverables include the homepage, the Learning Hub page, the All Articles page, the Article page, and the full task flow for “Find an Article.”

Final Designs

The final deliverables include the homepage, the Learning Hub page, the All Articles page, the Article page, and the full task flow for “Find an Article.”

Final Designs

The final deliverables include the homepage, the Learning Hub page, the All Articles page, the Article page, and the full task flow for “Find an Article.”

Final Designs

The final deliverables include the homepage, the Learning Hub page, the All Articles page, the Article page, and the full task flow for “Find an Article.”

Homepage
Homepage
Homepage
Homepage

The homepage introduces capital protection methods, investment products, investment strategies, multi-platform accessibility, the Learning Hub, membership content, and an FAQ section.

Learning Hub
Learning Hub
Learning Hub
Learning Hub

The Learning Hub includes a search bar, featured articles, and an investment glossary.

Find an Article
Find an Article
Find an Article
Find an Article

The “Find an Article” task flow guides users from the Learning Hub to the All Articles page and ultimately to viewing an article in detail.

AI-Generated Videos
AI-Generated Videos
AI-Generated Videos
AI-Generated Videos

Two videos generated using the AI video platform Pika were incorporated into the homepage.

Reflections

Reflections

Reflections

Reflections

Overall, this project was a very rewarding design experience. To differentiate each of my four design projects, I assign a unique theme to each one. For this project, the theme was “design integrated with AI.” My goal was to experiment with new tools—exploring where AI provides convenience, what future capabilities it may offer, and where its current limitations remain. Through this process, I aimed to understand which of my skills best complement AI and remain resilient in the long term.

Create a free website with Framer, the website builder loved by startups, designers and agencies.