App • B2C • EDTECH
Preedu
Sole UX/UI Designer & Researcher (Passion Project)
Displayed customized and affordable higher education resources with tailored degree plans and alternative credit options.
Jump To FINAL IMAGESOverview
Preedu is an intuitive mobile app designed to simplify the process of discovering and accessing alternative sources of college credit. The app was created with a clear mission: to guide students, particularly returning adult learners, toward affordable higher education options. In a landscape dominated by traditional education paths that often lead to significant student debt, Preedu provides users with a customized degree plan, connecting them to alternative credit sources such as community colleges, industry certifications, and competency-based programs.
Process
Discovery, Ideation, Design, Testing, Reflection
Role
Sole UX/UI Designer & Researcher (Passion Project)
Tools
Figma, FigJam, Miro, Loom, Google Forms, Zoom, Calendly
Duration
8 Weeks
Problem
Many students are unaware of affordable educational pathways beyond the traditional college route. The complexity of finding and navigating these alternatives leaves students overwhelmed. Adult learners face added barriers—such as juggling work, family, and previous academic credits—making it difficult to complete degrees.
Solution
Preedu offers a platform that curates and personalizes educational options tailored to students’ individual goals, learning styles, and financial constraints. By presenting alternative credit options and streamlining the application and preparation processes, Preedu empowers students to make more informed decisions, helping to reduce the burden of student debt and improve educational access.
DISCOVERY
Problem Statement
Traditional education routes, with rising tuition costs, have resulted in a student debt crisis. Students, particularly those new to higher education or returning adults, struggle to find budget-friendly alternatives to expensive degree programs. Many are unaware that free or low-cost options, like community colleges, competency-based institutions, or tuition reimbursement programs, exist. The lack of awareness leads to poor financial decisions, overwhelming debt, and a sense of regret over missed opportunities.
Secondary Research
I began by conducting secondary research to understand the depth of the student debt issue and the lack of financial literacy around educational options. I found that:
74%
of U.S. citizens with student loans regret not doing more to minimize their debt burden (Citizen Bank, 2019).
47%
of graduates would have chosen more affordable schools or different financing methods if given the chance (Consumer Reports, 2016).
48%
wished they had learned about personal finance earlier (Givling, 2022).
Primary Research
I distributed screener surveys to individuals who had completed or attempted a degree and experienced regret over their financial choices. I then conducted interviews to gather in-depth insights into their decision-making process, financial challenges, and thoughts on alternative credit sources.
Investigation Questions
Before diving into exploratory research, I sought to understand the underlying factors influencing students' decisions about education and debt. These questions guided my interviews with individuals directly affected by the issue, helping uncover key motivations, systemic challenges, and gaps in available resources.
• Why do individuals commit to significant debt without a clear understanding of the post-college job market, especially if they lack strong passion for their chosen field and have no concrete plan for repayment? What factors motivate this choice, and what systemic issues contribute to it?
• What resources are missing in pre-college education that could help prevent students from taking on unnecessary debt? What tools could be provided to better equip them?
• What information and support do students need to make more informed decisions about their educational and career paths?
Screener Surveys
To gain deeper insight into the challenges students face in higher education, I conducted a screener survey to select participants for in-depth interviews. I focused on individuals who experienced:
• Financial Missteps: Many regretted not attending community college first or pursuing scholarships, which would have saved them from significant debt.
• Guidance Issues: School counselors often prioritized the institution’s interests, leaving students uninformed about more affordable options.
• School Choice Influences: Students often chose schools based on personal preferences or external pressures (e.g., friends, family), while cost was a secondary consideration.
47%
felt unprepared when it came to strategies for securing an affordable education.
31%
wished they had been informed about cost-effective credit options.
52%
believed there should have been more resources available to help them navigate their education choices.
20%
regretted the amount of student loans they had taken out.
Exploratory Interviews
To gain firsthand insight into students' decision-making processes, I conducted virtual interviews with participants selected from the screener survey. I explored their reasons for choosing a college, their awareness and use of cost-saving strategies, whether their learning needs were met, and their understanding of student loans at the time of borrowing. These conversations provided a deeper look into the challenges they faced and the advice they would give their younger selves before pursuing a degree. By listening to their experiences, I gathered valuable perspectives that helped shape user-centered solutions in the design process.
“It’s important to talk one-on-one to people to understand their educational journey and seek advice about what they would have done if they could go back in time.”
– High School Math Teacher/Coast Guard Reserves Soldier from San Francisco, CA
Affinity Mapping
I synthesized the interview responses into key themes, including motivations for attending college, cost-saving strategies, and financial frustrations. Recurring topics included a lack of preparation, advice they would give to their younger selves, and factors that influenced their choice of college. Participants also shared their financial successes and struggles, as well as reflections on their educational and career journeys. Lastly, they discussed their preferred learning styles and whether their educational experiences aligned with those preferences.
Empathy Maps
I organized the quotes and insights from my affinity mapping into two empathy maps: one for New Students and another for Returning Students. Key sentiments included feeling pressured to quickly develop a plan, a desire to make their parents proud, and the stress of seeing friends recruited by prestigious schools. Both groups expressed concerns about rising living costs and doubts about being able to pay off future debt. They feared missing out but reassured themselves that everything would work out, despite losing sleep over financial worries. Many saw student loans as a normal part of life, often signing contracts without fully understanding interest rates or repayment terms. For many, college was simply the next expected step, regardless of whether their degree aligned with their future career plans.
Personas
I developed two primary personas based on my research:
Marie – The New Student
Goal – Marie wants a prestigious college experience but didn’t plan for the financial realities. After failing to secure a scholarship, she’s looking for affordable options to continue her education.
Pain Point – Marie is overwhelmed by the lack of guidance and affordable options for continuing her education without massive debt.
Andrew – The Returning Student
Goal – Andrew is a working father looking to complete his degree. Time and money are his biggest concerns as he juggles family responsibilities and part-time education.
Pain Point – Andrew needs a flexible and affordable path to degree completion, ideally using previously earned credits.
“How Might We…” Questions
To frame my design solutions, I created problem statements:
• How might we help students feel confident they’re taking the right steps to afford their education?
• How might we reduce the overwhelming feeling of navigating complex credit options?
• How might we provide users with personalized educational pathways that fit their budget and learning style?
Ideation
User Stories
I wanted to put myself in the shoes of my users, so I created user stories to keep the designs centered around real-life scenarios. These stories clearly outline user needs, guiding the design of the app to ensure it effectively supports their goals.
#1
As someone new to the process, I want to define my educational and financial priorities in a customized profile so I can gain direction and take ownership of my academic path.
#2
As a user overwhelmed by options, I want to filter my results based on eligibility so I can focus on the opportunities that are the best fit for me, such as affordable colleges, scholarships, or low-cost credit sources.
#3
As an adult learner with credits from various institutions, I want to catalog them all in one place so I can view my academic progress and plan how to apply those credits toward a degree.
User Low-Fidelity Sketches
I began by sketching possible layouts and features, ensuring that accessibility and ease of use were central to the design. To explore a range of ideas quickly, I used the Crazy 8 Method, which allowed me to generate eight different layout concepts within eight minutes. This rapid ideation process helped me identify the strongest elements of each design. Key screens included a Degree Planner, where users could input their educational goals and receive a personalized plan, and a Credit Database for browsing alternative sources of college credits.
• Setting up a user profile with financial and educational preferences.
• Setting up a user profile with financial and educational preferences.
• Browsing and filtering affordable credit options.
• Tracking previously earned credits and creating a plan for degree completion.







Site Map
To create the framework for Preedu, I began by organizing the key pages and their corresponding subpages, ensuring the app’s content would be intuitively structured for users. Understanding that users needed to find resources that aligned with their lifestyle, educational goals, and budget, I prioritized the layout based on how frequently each feature would be accessed. Critical tools like the Credit Database, Degree Planner, and Financial Aid were strategically placed in a left-to-right flow, following natural reading patterns. This order reflected the level of user engagement, with the most frequently navigated sections positioned first to streamline the experience. Each section was crafted to guide users through the steps of ersonalized educational planning, ensuring the app remained practical, accessible, and user-friendly.
User Flows
I mapped out each action a user might take, from exploring the Credit Database to building a personalized Degree Plan, considering not only the starting and ending points but also the specific decisions, clicks, and interactions that would guide them. For example, if a user wanted to search for alternative credits, they would first browse the Credit Database, apply filters to narrow their options, select a program, and then be prompted to add it to their Degree Planner—all while staying within a logical, seamless path.
Mid-Fidelity Wireframes
Moving from sketches to mid-fidelity wireframes, I mapped user flows for essential tasks:
• Personalized Degree Plan: Users input their goals, preferences, and financial constraints, and Preedu generates an optimal path to obtaining college credit.
• Personalized Degree Plan: Users input their goals, preferences, and financial constraints, and Preedu generates an optimal path to obtaining college credit.
• Credit Database: A curated list of alternative sources of credit, filtered by affordability and learning style.
• Guided College Prep Tasks: Step-by-step guidance through applications, financial aid, and course selection.
Design
Design System: Initial Style Guide
I wanted Preedu to feel warm, practical, and approachable, so I developed a brand style guide featuring earthy tones to evoke a sense of comfort and groundedness, aligning with the app’s mission to guide users through complex decisions with ease.
Branding Vision
The brand’s identity is rooted in a balance of warmth and practicality, designed to make users feel supported and empowered. It embodies a friendly yet knowledgeable presence—like a trusted guide who provides clarity and insight without overwhelming the user. Every element, from messaging to visuals, aligns with this vision, creating an experience that feels both inviting and purposeful. The brand’s personality is a blend of reliability, encouragement, and innovation, ensuring users feel confident and in control of their journey.
Moodboard & Inspiration
Inspired by themes of exploration and discovery, the moodboard reflects a sense of adventure grounded in practicality. Earthy tones, soft textures, and approachable typography create an environment that is both calming and motivating. Imagery and UI elements were carefully curated to evoke a feeling of guidance—like a field map that helps users navigate complex decisions with confidence. This visual direction ensures that every design choice reinforces the brand’s mission while making the experience feel intuitive and inviting.
High-Fidelity Screens
After addressing usability concerns, I refined the app’s UI, improving both its functionality and aesthetics. The final prototype featured a streamlined experience, with intuitive navigation and enhanced information hierarchy. Key features included:
• For individuals new to the process and unsure where to begin, the app enables the creation of a personalized member profile. This allows users to define their educational and financial priorities, providing a sense of direction and ownership over their goals.
• For individuals new to the process and unsure where to begin, the app enables the creation of a personalized member profile. This allows users to define their educational and financial priorities, providing a sense of direction and ownership over their goals.
• For those feeling overwhelmed by the sheer number of options, the app offers filtering features that match users to opportunities based on a low/medium/high likelihood of eligibility. This helps narrow down potential options, such as affordable colleges, scholarships, or low-cost credit sources, making the decision-making process more manageable.
• For individuals new to the process and unsure where to begin, the app enables the creation of a personalized member profile. This allows users to define their educational and financial priorities, providing a sense of direction and ownership over their goals.
Testing
Usability Testing
The goal of this testing phase was to assess the overall usability, design, and functionality of the Preedu app. Specific objectives include gathering feedback on the app's layout, ease of navigation, and whether users could comfortably filter credit options, update their degree plans, and access relevant information. The insights gained from this testing guided improvements to ensure Preedu effectively supports students in making informed educational choices.
Prototype
I created an interactive prototype of the key user flows and conducted usability testing via video conferences. Testers were asked to navigate the app, complete tasks, and provide feedback on its design, functionality, and clarity.
Objectives
The following questions were designed to gather insights on user impressions, ease of interaction, and potential areas for improvement.
• What is the overall impression of the app's layout, color scheme, design elements, and terminology?
• What is the overall impression of the app's layout, color scheme, design elements, and terminology?
• Is navigation within the app intuitive and effective in helping users find what they need?
• Are users able to easily exit sections and dismiss popups without difficulty?
• Can users successfully complete the tasks provided?
• Are there any additional features that would enhance the user experience when completing tasks?
• Are there any features that seem unnecessary or redundant?
• Are there any problem areas or obstacles in key user pathways within the app?
Tasks
To evaluate the intuitiveness and ease of use of the application, users were asked to complete the following tasks with no guidance. They were encouraged to navigate naturally, providing honest feedback—both positive and negative—knowing that every insight would be highly valued to refine the user experience.
#1
Update your profile with details about your educational preferences.
#2
Filter available credits and mark those that align well with your goals as favorites.
#3
Submit previously completed courses to update and customize your degree plan.
Results & Redesign
Usability testing revealed issues with button labels, navigation, confirmation pop-ups, and unclear directional guidance. In response, I refined the UI to improve functionality and aesthetics. The final prototype featured intuitive navigation, clearer information hierarchy, and a streamlined user experience, resulting in a more cohesive and user-friendly app.
Navigation Issues: Users found some buttons hard to click, as the clickable area was too small.
• Solution: Increased touchpoint areas to cover both icons and text for easier interaction.
Disorienting Pop-Ups: Confirmation pop-ups didn’t clearly indicate task completion.
Disorienting Pop-Ups: Confirmation pop-ups didn’t clearly indicate task completion.
• Solution: Added overlays behind pop-ups to better indicate that the task was finished.
Terminology Confusion: Some users were unfamiliar with terms like “high transfer-in policy.”
• Solution: Implemented pop-up tooltips to explain unfamiliar terms.
Reflection
Debriefing
Through Preedu, users could explore educational pathways that prioritize affordability and personal fit. By simplifying complex tasks like credit transfers and financial aid applications, Preedu equips students to make better, more informed decisions about their education—potentially reducing student debt and increasing graduation rates, particularly for non-traditional learners.
This project was deeply fulfilling as it combined my passion for accessible education with the application of UX/UI design principles to solve a real-world problem. I loved seeing users engage with Preedu and express a desire for such a tool in their own lives, which made it even more rewarding to know that I had created a solution that could potentially ease the financial burden of higher education. The challenge of designing a complex yet user-friendly app was enjoyable, especially after receiving positive feedback from testers who wished such a resource had been available during their educational journeys.
If I could do it over, I would have revisited the site map throughout the project to refine content organization rather than sticking with the initial version. I also would have prioritized creating more detailed navigation paths earlier in the design process, considering granular decisions and user scenarios from the start.
Looking ahead, I plan to expand Preedu's features by adding tools like a college prep checklist, scholarship matching, a student loan repayment calculator, and deeper credit cataloging. These additional tools will further empower students to take control of their education and finances, making informed decisions that align with their long-term goals.