ForYouPage: Growth-Led Web Redesign
In my 10-week summer internship, I redesigned the ForYouPage (FYP) website to make its mission and calls-to-action immediately clear for visitors. The redesign brought a bold, structured layout, streamlined user pathways, and a visually energetic design system to highlight FYP’s role and make getting involved intuitive. Although my work was not launched in the end, it still set the framework for future updates.
+
%
User Satisfaction
-
%
Bounce Rate
+
%
CTA Click-Through Rate
+
%
Mission Clarity & Scroll Depth
Team
Responsibilities
Type
Duration
Context
Designing Structure for a Mission-Driven Community
ForYouPage is a youth-led community that supports young people launching social impact projects in areas like mental health, sustainability, and local environmental action. When I joined as their first design intern, the team was passionate and mission-driven but had limited experience with UX/UI, which meant part of my role was also to introduce design thinking and common practices.
Problem
Low Discoverability of Mission and Engagement Paths
To understand the core issues, I began by exploring the ForYouPage website as if I were visiting it for the first time. Even after going through the pages multiple times, I still could not answer basic questions like “What does this organization do?” and “Why should people get involved?” This lack of clarity surfaced three key problems that I later visualized:
"How might we help newcomers quickly understand what ForYouPage is and how they can get involved?"
Solution
01. Crafting a Mission-Centered Landing Page
The new landing page is designed to be straightforward and easy to use. With clear navigation, a simple mission statement, and easy-to-follow steps, newcomers can quickly find what they're looking for and how to participate. FAQs and simple donation form now make it easier to join or provide support, encouraging more youth to get involved.
02. From Values to Action in One Clear Flow
The updated About page is designed to clearly show FYP's support for youth. It matches each core value with a simple explanation. The layout, moving from values to team to donation, presents a straightforward and reliable story. This design offers a logical next step for visitors, unlike the confusing structure of the previous site.
03. Guided Contact Form
Instead of just listing an email address, the new Contact Us gives visitors a clear, structured form with name, email, topic, and message fields, plus visible address and email info. This reduces friction, makes it easier to reach out with the right context, and feels more approachable and professional than the old “email us manually” pattern.
User Research
Understanding First-Time User Perceptions
To gain insight into a clear direction for ForYouPage, I collected feedback from both new users (n=13) and current users(n=13) to understand their initial perceptions of the website. After browsing several pages, many users struggled to answer basic questions including “What does this organization do?” and “Why should someone get involved?” These prompts surfaced top clarity gaps and confirmed assumptions from the initial audit. The results created a user-informed baseline for establishing information that must be communicated at the top of the funnel during onboarding.
Content Audits
Do we have the right content, in the right place, for the right users?
I performed a content audit, going through each page and evaluating it across six key criteria, to determine how well the current content helped support understanding and user engagement. It identified content that was unclear, didn't serve its audience, or didn't guide the user to take the right action. I used the audit to prioritize, restructure, and refine the content.
Design Constraints
Foundational UX Constraints
ForYouPage did not have an existing design system, UX guidelines, or design practices to build from. This meant the work had to start at the bottom, focusing on establishing the foundation and key design principles as well as a set of reusable components before it was possible to do more wide-reaching UX improvements. This set the scope and order of the work, keeping an eye on consistency and scalability for the future.
Usability Testing & Impact
Improving Understanding, Trust, and Action
Usability testing was conducted to evaluate whether the redesigned website improved mission clarity and user understanding. Same participants from prior survey were asked to explain the organization’s purpose and identify an appropriate next step while navigating the site. Compared to the original experience, users demonstrated clearer comprehension of the mission, engaged more deeply with key content, and moved toward actions with less hesitation. These findings indicate that the redesign reduced confusion, strengthened trust, and better aligned the site structure with user expectations.
Reflection
Designing Within Real-World Limitations
Working on this redesign with a nonprofit organization was a positive and meaningful experience, reinforcing the importance of clarity and trust in mission-driven design. The project required navigating constraints such as the absence of an existing design system, limited analytics access, and internal operational limitations, which shaped both the process and outcomes. While the redesigned experience could not be publicly launched due to internal constraints, the project provided valuable insight into designing thoughtfully within real-world limitations and advocating for user-centered decisions in resource-constrained environments.