Educatly : Career Guidance Application

Client
Educatly : Career Guidance Application
Year
2026
Category
Education And Career Industry
Live Version
View Now
1. Introduction & App Overview
Educatly is a self-discovery and career guidance mobile application tailored for students in Egypt and the MENA region who face uncertainty around their academic and professional futures. The prototype is built around a persona named Mariam El-Sayed — a high school student navigating ambiguity between passions, practical constraints (family expectations, location, budget), and limited exposure to career paths.
The app comprises 42 primary screens (plus supporting profile and settings screens) organized across five core sections: Home, Journey, Discover, Chats, and Profile/Settings. Together, these sections form a cohesive guidance ecosystem that moves a user from first-time uncertainty to an evidence-backed, personalized career and education direction — all within a culturally grounded mobile experience.
2. Design Rationale
2.1 Onboarding & First Impressions
Design Decision: Emotional reassurance before utility
The First-Time User State (Screen 2 — Home — First-Time User State) opens with the headline "Welcome to Your Future" and a subheading that explicitly acknowledges emotional uncertainty: "It's okay to feel uncertain about what comes next." This was a deliberate departure from feature-first onboarding. The four value pillars presented — Self-Discovery (heart icon), Career Direction (compass), Major Matching (book), and University Guidance (building) — use soft iconography and a calm lavender/indigo palette (#5b6cff, #eff0ff) to communicate safety and exploration rather than urgency.
The CTA "Begin My Journey" replaces clinical language like "Get Started," reinforcing the metaphor of a personal journey rather than a transactional tool. A secondary option, "Skip for Now," reduces commitment anxiety for hesitant users.
A trust-building callout anchors the screen's intent: "Your journey is unique. There are no wrong answers—just honest exploration that leads to clarity." This single line encapsulates the entire product philosophy and sets the tone for every interaction that follows.
2.2 The Dashboard as a Living Companion
Design Decision: Persistent progress visibility with motivational framing
The Home Dashboard (Screen 1 — Home Dashboard) was designed to serve as a daily anchor. It surfaces the user's journey progress (shown as "42% Complete" on a persistent progress bar labeled "3 of 5 modules done"), a "Recommended Next Step" card, and early personality insights displayed as tag chips: Creative Thinker, Problem Solver, Tech Curious. This mirrors the structure of habit-forming applications — visible, streak-like progress creates return motivation. Career and education recommendations (e.g., UX Designer, Data Analyst, Computer Science, Business IT) are surfaced in split panels to give equal weight to career discovery and academic planning.
The Returning User State (Screen 3 — Home — Returning User State) reinforces this by greeting the user by name ("Welcome back, Nadia!") and immediately surfacing what changed since the last session: "3 new career matches based on your interests" and "2 mentors recommended for you." This creates a sense of the app working for the user even when they are offline — a subtle but powerful design choice that builds habitual return behavior.
The Notifications Center (Screen 10 — Home — Notifications Center) groups alerts temporally (Today / Yesterday / This Week) with contextual icons and action labels — "Urgent" (orange) for journey reminders, "Reply" for chat messages, and "View" for new recommendations — each designed to trigger distinct response behaviors without creating alert fatigue.
2.3 The Journey Architecture
Design Decision: Two-zone linear structure with emotional pacing
The Journey section is divided into two conceptually distinct zones:
Exploring Zone (Modules 1–5): Self-discovery — interests, values, skills, passions, dream careers
Decision Zone (Modules 6–10): Real-world prioritization — career criteria, education paths, location/budget, family considerations, final reflection
The Journey Overview (Screen 13 — Journey Overview) makes this architecture explicit with a visual module map, showing completed modules with blue checkmarks and locked future modules, creating a game-like sense of progressive unlocking. The Decision Zone is deliberately grayed out at the Exploring Zone stage, which serves a clear psychological purpose: it prevents cognitive overload and communicates that deeper decisions should only follow genuine self-reflection.
"4 of 11 modules completed" with 35% overall progress is shown. The Decision Zone section is labeled "Locked" with a grayed-out bullseye icon — using intentional visual restraint to preserve the integrity of the two-phase structure.
The Exploring Zone Intro (Screen 14 — Journey — Exploring Zone Intro) explicitly names what the zone is for: "This is your safe space to explore interests, passions, and possibilities—no pressure to decide anything yet." A privacy assurance card reads: "Your answers are private. Only you see your responses. This journey is yours alone." — critically important for a demographic that may be managing family pressure alongside personal aspiration.
2.4 Question Design Philosophy
Design Decision: Three question formats for different depth levels
Single-select (Screen 16 — Journey — Question Screen): Used for behavioral and personality questions. Example: "When working on a group project, which role do you naturally take?" presents four clearly differentiated options (Idea Generator, Organizer, Mediator, Executor). The selected answer is highlighted in lavender (#eff0ff) with a blue border, providing immediate visual confirmation without judgment. A "Skip this question" option is always available beneath the primary CTA, normalizing non-response on harder questions.
Multi-select chips (Screen 17 — Journey — Multi-Select Question Screen): Used for interests and values. Example: "What topics genuinely excite you?" presents 10 topic chips in a natural flowing layout. Selected chips are highlighted with the brand color; a count indicator shows "3 selected." The tip callout reframes self-reflection in behavioral rather than abstract terms: "Think about what you'd watch videos about, read articles on, or talk about with friends for hours."
Open-ended with guided chips (Screen 18 — Journey — Reflection Question Screen): Used for deep personal prompts. Example: "When you imagine your ideal future, what does a fulfilling day look like?" provides a text input with a humanized placeholder and optional inspiration chips (🎨 Being creative, 🤝 Helping others, 📊 Solving problems, 🌍 Making an impact). This respects users who struggle with blank-page anxiety while still encouraging authentic expression.
A reassurance banner appears at the top of the reflection screen: "Take your time with this one. There's no right or wrong answer — just what feels true to you," paired with a heart icon. This emotional checkpoint sustains psychological safety throughout the module — ensuring that the depth of the question does not become a barrier to completion.
2.5 Progress & Completion Mechanics
Design Decision: Celebrating micro-completions to sustain momentum
The Module Progress Screen (Screen 19 — Journey — Module Progress Screen) shows granular sub-sections completed (Personal background, Favorite activities, Learning preferences, Values exploration) alongside upcoming items (Skills assessment, Work environment preferences, Future aspirations). A motivational insight banner reads: "Complete this module to unlock your Interest Profile and first career suggestions!" — tying effort directly to tangible, personalized output.
The Module Completion Screen (Screen 20 — Journey — Module Completion Screen) uses a celebratory icon and headline "Module Complete!" followed by four specific, user-mirrored learnings:
You're drawn to creative problem-solving and hands-on projects
Technology and design spark your curiosity most
You prefer collaborative environments over solo work
Making an impact on your community matters to you
This transforms abstract questionnaire responses into meaningful self-knowledge, validating the user's effort and making the module feel formative rather than merely procedural. The "Insights Unlocked" section below communicates that analysis is actively underway, bridging naturally to the Loading / Generating Insights State (Screen 12 — Home — Loading / Generating Insights State), which frames the computational process with language like "Crafting Your Insights" — making the algorithmic feel personal and earned.
2.6 Discover Section: Exploration with Regional Relevance
Design Decision: Egypt/MENA market contextualization throughout
The Discover section was designed with hyper-local relevance as a core requirement. Career categories (Screen 26 — Discover — Career Categories) feature demand indicators specific to Egypt and MENA: Technology (+28% growth, High Demand), Healthcare (+19%), Business (Moderate, +8%), Creative (+15%), Engineering (+11%).
The Career Detail Page (Screen 27 — Discover — Career Detail Page) — shown for "Data Analyst" — includes salary ranges in EGP (8K–15K entry / 25K–45K senior) alongside the note "Gulf region: 2–4x higher ranges," directly addressing the common student consideration of regional migration. Market Demand charts show Egypt, UAE, and KSA separately with labeled demand levels.
The Career Pathway Screen (Screen 28 — Discover — Career Pathway Screen) visualizes realistic role progression: Student → Intern → Junior Developer → Specialist → Senior Engineer, with salary ranges and skill requirements at each stage. This gives students a concrete, honest picture of what a career trajectory actually looks like over time — information that is rarely communicated in traditional school guidance contexts.
University listings (Screen 31 — Discover — University Listing) include filtering by Country, City, Cost, and Ranking, and the Education Recommendation Preview (Screen 6 — Home — Education Recommendation Preview) specifically features AUC (Cairo), GUC (New Cairo), and Zewail City — universities directly familiar to Egyptian students — with MENA Regional Opportunities tagging Egypt as "High Tech Growth," UAE as a "Creative Hub," and Saudi Arabia with "Vision 2030 Jobs."
The Compare Careers screen (Screen 33 — Discover — Compare Careers) and Compare Universities screen (Screen 34 — Discover — Compare Universities) use identical side-by-side layouts with a user-priority insight panel at the bottom that reads: "Based on your priorities, we've mapped the best match for you" — connecting the Discover section back to the user's Journey data.
2.7 Chats Section: Peer Learning & Reduced Connection Anxiety
Design Decision: Structured empathy in person-to-person connections
Rather than a generic social messaging feature, Chats is designed as a guided peer mentorship platform. The Recommended People screen (Screen 39 — Chats — Recommended People) shows each person with a visible, contextual match reason:
Ahmed Mansour: "Shared interest: AI & Machine Learning"
Dr. Layla Hassan: "Matches your career goal: Tech Industry"
Nour El-Din: "Same country preference: Germany"
Omar Khaled: "Same major interest: Computer Science"
This design decision eliminates the fundamental anxiety of "why am I talking to this person?" — a common barrier in peer networking platforms, particularly for younger users who may not feel qualified to initiate professional conversations.
The Start Conversation Prompt (Screen 42 — Chats — Start Conversation Prompt) addresses first-message paralysis directly by offering categorized opener suggestions across four categories: Admissions, Student Life, Coursework, and Career Outcomes. Fully written example prompts are provided — ready to send or personalize — such as: "Hi Nour! I'm interested in applying to Cairo University for CS. What was the application process like for you?"
The Empty State (Screen 38 — Chats — Empty State) explains the connection ecosystem through three categories — Current Students, Working Graduates, and Career Mentors — with a specific value proposition for each, significantly reducing conceptual ambiguity before users begin.
The Conversation Screen (Screen 41 — Chats — Conversation Screen) includes a persistent "Why this connection matters" context card at the top of every conversation thread, ensuring the user never loses sight of the relevance of the person they're speaking with — even deep into a multi-message exchange.
3. Journey Observations
3.1 The Emotional Arc of the Journey Flow
Observing the full screen sequence from onboarding to final summary reveals a carefully considered five-phase emotional arc:
Phase 1 — Invitation (Screens 2, 14): The app invites rather than enrolls. Language across (Screen 2 — Home — First-Time User State) and (Screen 14 — Journey — Exploring Zone Intro) establishes psychological safety as a foundational layer: "safe space," "no pressure," "your answers are private."
Phase 2 — Engagement (Screens 15–19): Modules are short by design (8–15 minutes), with clear time estimates shown on each Module Start screen (Screen 15 — Journey — Module 1 Start). Progress indicators operate at two levels — macro (42% complete on the home dashboard) and micro (Question 3 of 8 at 38% in (Screen 16 — Journey — Question Screen)). This dual-layer progress visibility prevents abandonment during the most cognitively demanding phase.
Phase 3 — Reward (Screens 20–21): Module completion is followed by explicit insight summaries (Screen 20 — Journey — Module Completion Screen). The Exploring Zone Report Preview (Screen 21 — Journey — Exploring Zone Report Preview) reveals Passion Areas and Interest Clusters before the user reaches the Decision Zone, creating a meaningful reward cycle that validates the effort invested.
Phase 4 — Decision (Screens 22–23): The transition to the Decision Zone (Screen 22 — Journey — Decision Zone Intro) is handled with emotional acknowledgment: "You've explored who you are. Now it's time to turn insights into action." The Decision Criteria Screen (Screen 23 — Journey — Decision Criteria Screen) uses drag-to-rank ordering for six factors — Salary & Financial Stability, Passion & Interest, Location & Lifestyle, Study Duration, Job Availability, and Family Considerations. The explicit naming of Family Considerations acknowledges a cultural reality for Egyptian students that most Western career tools completely omit.
Phase 5 — Synthesis (Screen 24): The Final Journey Summary (Screen 24 — Journey — Final Journey Summary) consolidates all inputs — interests, priorities, career matches (UX Designer 92%, Product Manager 87%, Data Analyst 84%), education paths, and peer connections — into a single coherent view. A "Readiness Score: High" panel validates journey completion before directing the user to the full assessment report.
3.2 Navigation Architecture Observations
Across all screens, a consistent five-item bottom navigation bar appears: Home, Journey (route/map icon), Discover (compass), Chats (comments), and Profile (user icon). The active item uses the brand blue (#5b6cff) while inactive items use neutral gray (#a3a3a3), creating immediate orientation without cognitive friction.
The Journey tab's deliberate use of a route/map icon — rather than a checklist or calendar — reinforces the metaphorical framing of the experience as a personal journey rather than a task to complete. This single icon choice ripples meaningfully through the entire product language, from button labels to section headers.
3.3 Information Density & Scrollable Screens
Several screens are intentionally long and scrollable: the Major Detail Page (Screen 30 — Discover — Major Detail Page) extends to approximately 2,190px, the University Detail Page (Screen 32 — Discover — University Detail Page) to 2,204px, and the Career Detail Page (Screen 27 — Discover — Career Detail Page) to 1,781px. This design decision trades surface brevity for completeness — recognizing that for high-stakes decisions (choosing a major, selecting a university), students benefit from comprehensive information rather than truncated summary cards. Progressive disclosure is handled through clearly labeled section cards and visual dividers rather than pagination, preserving a sense of continuous, explorable depth.
3.4 Empty States as Onboarding Continuations
The Empty Recommendations State (Screen 11 — Home — Empty Recommendations State) does not display a passive "nothing here yet" message. It actively teaches with a 3-step visual flow: Start Your Journey → Complete Discovery Modules → Get Personalized Results, including the motivating detail: "Only 15 minutes to complete your first module." This transforms a traditionally dead-end state into an activation touchpoint.
The Chats Empty State (Screen 38 — Chats — Empty State) similarly explains the connection ecosystem rather than simply showing an empty inbox — reducing the learning curve for first-time users and directly converting confusion into an actionable next step.
4. Personal Journey Reflection
Designing Educatly required sustained engagement with a fundamental tension: how do you help someone make life-altering decisions through a mobile app without trivializing the weight of those decisions?
What emerged from this prototype is a design philosophy best described as guided autonomy — the app never tells the user what to do, but it creates a structured space where self-discovery becomes natural. Every question in the Journey section is framed as reflection, not assessment. The presence of "Skip this question" options throughout acknowledges that some days are not the right time for deep introspection, and that is acceptable.
Reflecting on the Chats section: the decision to surface why a connection was recommended emerged from a genuine observation that Egyptian students often feel unworthy of reaching out to senior students or professionals. The match reason card in every person's profile (Screen 40 — Chats — Person Profile Preview) serves as a permission slip — you have a reason to be here; this person is relevant to you. That single design choice has outsized implications for inclusion and confidence-building.
The Decision Zone's explicit naming of Family Considerations as one of six ranking factors in (Screen 23 — Journey — Decision Criteria Screen) was among the most culturally intentional choices in the entire prototype. In most Western career tools, family expectations are invisible inputs. In Egypt and MENA, they are often the loudest voice in the room. Acknowledging them — making them rankable rather than shameful or dismissable — signals to the user that their lived reality is seen and respected by the product.
The Loading / Generating Insights State (Screen 12 — Home — Loading / Generating Insights State) was designed to feel like a moment of transformation, not a technical delay. The step-by-step insight generation checklist (Analyzing interests → Mapping career possibilities → Generating education paths → Finalizing your report), combined with preview cards for what's coming, makes the computational process feel personal and earned — a receipt for the vulnerability the user has demonstrated.
Looking forward, I would explore more contextual personalization in Home Dashboard alerts. Currently they surface generally ("New career match: Product Manager"). There is a meaningful opportunity to increase specificity: "You've been away for 3 days — Sarah left you a message about university life at GUC" — connecting return motivation to real social threads rather than abstract product states.
Overall, this prototype represents a deeply considered attempt to meet a specific user — a 17-year-old in Cairo who does not yet know what to study next year — exactly where they are: uncertain, curious, and hoping to be genuinely seen.
Closing Statement
Educatly is built on the conviction that every student — regardless of where they are starting from — deserves a space to discover who they are before being asked to decide who they will become. Every design decision in this prototype, from the language of its first screen to the cultural honesty of its decision criteria, reflects a commitment to clarity, regional context, and student agency. The platform does not prescribe paths; it illuminates them. It does not judge hesitation; it holds it. That, ultimately, is what guided autonomy looks like in practice — and that is the standard to which every future iteration of Educatly should be held.
Design Rationale
Four-Section Architecture
The application employs a hub-and-spoke model with Home as the central coordination point. This structure reflects the understanding that career exploration is not linear—users need a consistent return point that adapts to their progress while providing access to three distinct pathways: structured self-discovery (Journey), independent exploration (Discover), and human connection (Chats).
Home screens (1-12) serve as adaptive interfaces that evolve from first-time onboarding through active exploration to personalized recommendation delivery. This progressive transformation acknowledges that users' needs shift dramatically as they engage with the platform.
Two-Phase Journey Design
The Journey section deliberately separates into Exploring Zone (screens 14-21) and Decision Zone (screens 22-24). This architecture recognizes that premature decision-making limits discovery. The Exploring Zone uses open-ended question formats—multi-select interest screens, reflection prompts, and single-question layouts—to help users identify patterns in their preferences without forcing conclusions.
The transition to Decision Zone introduces practical constraints through the Decision Criteria Screen (23), where users explicitly rank competing priorities: salary expectations, location preferences, family considerations, passion alignment, and job availability. This transition acknowledges the reality that MENA students often navigate complex family dynamics and economic pressures alongside personal interests.
Regional Contextualization
Every career and university detail screen includes Egypt/MENA-specific information: local salary ranges, regional program availability, and market demand indicators. This localization addresses the gap between global career information and regional realities. The inclusion of local relevance indicators on recommendation cards ensures users can immediately assess practical applicability.
Algorithmic and Human Balance
The design integrates computational recommendations (generated from journey module completion) with peer-to-peer connections. Career suggestions stem from algorithmic pattern matching, but chat features (screens 37-42) provide access to current students and graduates. This dual approach recognizes that career decisions require both data-informed options and emotional validation from those who have navigated similar paths.
Conversation starter prompts (screen 42) reduce initiation anxiety, while person profile previews (screen 40) establish context before users invest time in conversations.
Journey Observations
Onboarding and Initial Engagement
First-time users encounter an empty state (screen 2) that clearly articulates the platform's value proposition before requesting commitment. This contrasts with the returning user state (screen 3), which highlights completed modules and surfaces new recommendations—a design choice that reinforces progress and maintains momentum.
The daily action screen (screen 7) introduces micro-commitments, reducing the cognitive load of comprehensive career exploration by suggesting manageable tasks.
Question Screen Typology and Purpose
The Journey section employs three distinct question formats, each serving specific discovery needs:
Single Question Screens (16) isolate individual choices to prevent decision fatigue and cognitive overload during extended sessions.
Multi-Select Screens (17) capture the complexity of interests, values, and preferences without forcing false binary choices. This format acknowledges that career alignment often emerges from patterns across multiple selections rather than single preferences.
Reflection Prompts (18) introduce emotional and personal dimensions that quantitative questions cannot capture. These screens encourage metacognition—thinking about one's thinking—which research suggests improves decision quality.
Module Completion Cycle
Module progression follows a consistent rhythm: introduction screen setting expectations → question sequence → completion celebration (screen 20) → generating insights state (screen 12) → personalized recommendation delivery on Home dashboard.
This rhythm creates anticipation around recommendation delivery while the loading state manages expectations during processing. The completion celebration serves dual purposes: providing immediate positive reinforcement and creating a natural pause before returning to the Home hub.
Discovery Flow Integration
Journey completion unlocks personalized content in the Discover section. Career recommendations preview (screen 5) provides three suggestions rather than overwhelming users with comprehensive lists. This constraint forces prioritization while the "explore career paths" CTA enables deeper investigation.
The Discover section supports both guided exploration (through recommendation-driven entry points) and independent browsing (via category lists and search). Users can view career detail pages (27), examine realistic career pathways showing progression from student to senior roles (28), and initiate side-by-side comparisons (33).
The comparison feature addresses a critical decision-making need: users often narrow choices to two or three options but struggle to systematically evaluate trade-offs. Side-by-side layouts for careers (screen 33) and universities (screen 34) externalize this comparison process.
Search and Save Functionality
Search results (screen 36) group findings by type—careers, majors, universities, articles, and chat connections—acknowledging that users often have vague search intent. This categorization helps users recognize adjacent opportunities they hadn't explicitly considered.
The saved items screen (35) functions as a working shortlist, enabling users to accumulate options during exploration without immediate decision pressure.
Personal Journey Reflection
Designing for High-Stakes Decisions
Creating tools for young people facing major life decisions requires acknowledging the weight of these choices without amplifying anxiety. The inclusion of career pathway screens showing realistic progression (student → intern → junior → specialist → senior) grounds aspirations in achievable steps rather than presenting careers as single, monolithic destinations.
This design choice reflects a core belief: showing the path reduces overwhelm compared to only highlighting the endpoint.
Emotional Labor and Cultural Context
The Decision Criteria Screen's inclusion of family considerations as an explicit ranking factor acknowledges MENA cultural realities without judgment. Many educational platforms designed for Western markets assume individual autonomy that doesn't reflect lived experiences in regions where family input significantly shapes educational decisions.
Reflection questions (screen 18) create space for emotional processing within what might otherwise be purely transactional exploration. Career decisions aren't simply matching skills to job requirements—they involve identity formation, social positioning, and future self-imagination.
The Anxiety Reduction Challenge
Several design elements specifically target user anxiety:
Conversation starter prompts (screen 42) remove the blank-page paralysis of initiating contact with strangers.
Progress indicators throughout the Journey section (screens 8, 19) provide orientation during what can feel like an overwhelming process.
Empty state explanations (screens 11, 38) prevent confusion by clarifying when features appear and why they're currently empty.
These elements reflect an understanding that career exploration anxiety stems partly from uncertainty about process itself, not just outcomes.
Balancing Comprehensiveness with Clarity
One persistent design tension involves supporting thorough exploration while preventing analysis paralysis. The solution involves staged disclosure: early Journey modules cast a wide net (multi-select interest screens), middle modules introduce pattern recognition (exploring zone report preview), and later stages narrow focus (decision criteria ranking).
This sequence mirrors effective counseling approaches: divergent thinking before convergent thinking.
Connection as Confidence Builder
The decision to prominently feature peer connections reflects research showing that hearing firsthand experiences from slightly-ahead peers increases self-efficacy more than expert advice. A current university student describing their actual major experience provides both information and implicit permission: "Someone like me succeeded here."
The person profile previews include "reason for recommendation" context, ensuring users understand why a particular connection matters. This contextual framing increases conversation relevance and reduces aimless browsing.
Design Philosophy Evolution
This design likely emerged from recognizing that career information alone doesn't solve decision paralysis. Young users have unprecedented access to career data but often lack frameworks for self-assessment and decision-making. The Journey section provides that framework—not by making decisions for users, but by structuring the questions they should ask themselves.
The separation of Discover (information-seeking) from Journey (self-discovery) acknowledges that these are related but distinct activities. Users can browse careers without completing modules, but recommendations improve after self-reflection.
Future Considerations
The design raises questions about long-term engagement: does the Journey become irrelevant after completion, or should it evolve as users gain experience? The returning user state (screen 3) suggests ongoing utility, but the specific mechanisms for journey revisiting remain implicit.
Additionally, the balance between local (Egypt/MENA) and international opportunities deserves continued attention. While localization grounds recommendations in practical reality, overly constrained geographic framing might limit aspirational thinking for students considering international education.
Emotional-First Onboarding
The first-time experience opens with reassuring language: "It's okay to feel uncertain about what comes next." This non-judgmental tone establishes trust from the start. Before requesting commitment, the app clearly explains four core benefits:
Self-discovery
Career direction
Major matching
University guidance
The primary call-to-action, "Begin My Journey," is motivating yet pressure-free, supported by secondary options like "See Overview" and "Skip for Now."
Two-Phase Journey Structure
Exploring Zone
This initial phase focuses on discovering interests, passions, values, strengths, and preferences. The language consistently reinforces that there are no wrong answers—critical for users facing external pressure from family, school, or society.
Decision Zone
This phase transforms self-knowledge into practical decisions by introducing real-world trade-offs: salary expectations, location preferences, study duration, job availability, passion alignment, and family considerations. This creates an essential bridge between emotional discovery and realistic planning.
The progression system motivates without overwhelming. Users see progress percentages, completed modules, remaining steps, and estimated time, making life-changing decisions feel manageable through incremental achievement.
Personalized Dashboard
The Home Dashboard serves as a command center that immediately answers: "Where am I, what have I learned, and what should I do next?" It includes:
Personalized greeting
Journey progress tracking
Recommended next step
Personalized insights
Career and education previews
Student connection recommendations
Alerts and reminders
Identity-affirming labels like "Creative Thinker," "Problem Solver," and "Tech Curious" help users recognize patterns and build self-confidence.
Discover Section: Research Space
After gaining initial clarity, users can explore deeper through:
Career categories relevant to Egypt/MENA (Technology, Healthcare, Business, Creative, Engineering)
Career detail pages with regional salary ranges
Major detail pages explaining curriculum, fit, and outcomes
University listings with filters (country, city, cost, ranking, programs)
Comparison tools for careers and universities
These features support the transition from abstract interest to concrete decision-making.
Human Connection Through Chats
Recognizing that information alone is insufficient, the Chats section connects users with current students, graduates, mentors, counselors, and university contacts. The "Start Conversation Prompt" feature reduces anxiety by suggesting opening messages. Each recommendation includes match reasoning (shared major, target university, career interest, or region), making connections feel purposeful.
Privacy and Trust Mechanisms
Given the personal nature of collected data, the platform includes:
Privacy controls
Assessment result privacy settings
Profile visibility options
Chat availability settings
Data download and account deletion
Clear reassurance about answer privacy
This design encourages authentic self-reflection by establishing trust.
Gradual and Emotionally Safe Progression
The user journey follows a deliberate sequence: emotional safety → self-reflection → insights → options → decision-making. This order acknowledges that career choices are not purely logical—they involve identity, confidence, family expectations, finances, and imagined futures.
Effective Progress Feedback
Progress appears at multiple levels:
Question progress within modules
Module completion tracking
Zone progress indicators
Overall journey percentage
Completed and remaining steps
Milestones and badges
This multi-layered feedback creates continuous forward momentum and breaks overwhelming decisions into achievable steps.
Differentiated Reflection Experience
Reflection Question Screens distinguish themselves through emotional tone, text input fields, inspiration chips, and reassurance. The prompt "When you imagine your ideal future, what does a fulfilling day look like?" moves users beyond quick multiple-choice responses to deeper aspiration expression, focusing on lived experience rather than job titles.
Transparent Recommendations
Career and education recommendations include match percentages, contextual explanations, and clear reasoning. This transparency builds trust and understanding, helping users feel confident in exploring suggestions rather than confused by algorithmic outputs.
Starting With Empathy
Designing Educatly required confronting a fundamental challenge: how do you guide someone who doesn't know where they're going? Early iterations focused too heavily on assessment tools and data collection. The breakthrough came from reframing the problem—students don't need more pressure to decide; they need permission to explore.
Learning to Design for Emotional States
The most valuable lesson was recognizing that uncertainty is an emotional state, not an information gap. This shifted the design approach from "provide more career data" to "create safety for self-discovery." The Exploring Zone's emphasis on "no wrong answers" emerged from understanding that judgment—real or perceived—shuts down authentic reflection.
Balancing Structure and Freedom
A persistent tension existed between providing helpful structure and allowing open exploration. The two-zone framework (Exploring, then Decision) resolved this by sequencing emotional and practical work. Users needed freedom first, then constraints. Reversing this order would have created anxiety rather than clarity.
The Power of Human Connection
Initially, the platform relied heavily on algorithmic matching and content recommendations. User research revealed a critical insight: students trust experiences shared by people like them more than any algorithm. This led to prioritizing the Chats feature and designing conversation prompts that lower the barrier to reaching out.
Privacy as a Design Foundation
Implementing comprehensive privacy controls wasn't just regulatory compliance—it was recognizing that vulnerable self-disclosure requires trust. Students exploring identity and future possibilities need assurance that their doubts, questions, and evolving interests remain private. This principle influenced every data collection point.
Iterating on Progress Indicators
The multi-level progress system evolved through testing. Early versions showed only overall completion, which felt discouraging during lengthy exploration. Breaking progress into question-level, module-level, and zone-level indicators created frequent wins and maintained motivation through extended journeys.
Cultural Contextualization
Designing for the Egypt/MENA region required going beyond translation. Salary ranges, career categories, university filters, and even the family considerations in the Decision Zone reflected regional realities. Global platforms often feel irrelevant to local contexts—this needed to feel like it was built for Egyptian students specifically.
What Would I Do Differently
If starting over, I would involve students earlier in the design process, particularly in crafting reflection prompts and conversation starters. The language that feels supportive to designers might not resonate with the target audience. Additionally, more attention to the post-decision experience—supporting students after they've chosen a path—would create a more complete guidance journey.
The Core Insight
The most profound realization was that career guidance isn't about finding "the right answer"—it's about building the confidence to make a choice and move forward. Educatly's value isn't in having perfect recommendations; it's in creating a space where students can think clearly, explore honestly, and connect meaningfully during a confusing life transition.

Vodacom V‑Live (South Africa)
///Telecomunications Industry

Samsung Wallet/Pay – Digital Payment Platform
///Fintech Industry

O2 Entertainment Germany – Digital Content Portal
///Customer Loyalty Industry

Orange Corner Games – Mobile Gaming Portal for Romania
///Entertaiment Industry

Orange Juegos — Mobile Gaming Portal (Spain)
///Gaming Industry

Orange Corner – Digital Lifestyle Portal (Romania)
///Lifestyle Industry
