Frame objective inquiry questions and identify underlying operational friction points.
Project-based Internship Programme
Design and Test a Student Mobile Experience in a UI UX Design Internship Project
This UI UX design online internship with certificate is a fee-based, project-based internship programme. This UI UX design online internship with certificate is a fee-based, project-based internship programme that focuses on research-driven digital product design. You complete an end-to-end mobile UX case study for CampusConnect, moving from user discovery and flow mapping to accessible component design systems, interactive prototyping, and evidence-based usability evaluation.
Decision note 01
Who this project fits and who it does not
A useful fit if…
- You want to build a design portfolio piece grounded in real user research rather than surface-level aesthetic mockups.
- You value structured design thinking: translating messy user feedback into actionable wireframes and tested prototypes.
- You want to learn how design systems, WCAG accessibility guidelines, and usability feedback drive justifiable interface revisions.
Choose another route if…
- You want to write frontend HTML/CSS or React code; our Frontend Development programme focuses directly on code implementation.
- You only want to create decorative social media graphics; this programme focuses on user experience engineering and interaction design.
- You expect to present unvalidated visual concepts without documenting research rationale or usability test evidence.
Official assigned project
CampusConnect Mobile App UX Case Study
Great user interfaces are never created by accident; they are the result of deliberate inquiry, rigorous user workflow mapping, and evidence-based refinement. In this UI/UX Design project, you design CampusConnect, a mobile platform solving common campus friction points such as course resource tracking, event discovery, and administrative inquiries. You document user needs, build structured wireframes, establish a compliant mobile design system, and test your clickable prototype with real users to prove task completion.
Task brief
CampusConnect Mobile App UX Case Study - Deliver a research-led UX case study from user needs through tested high-fidelity prototype.
Catalogue deliverables
- User research synthesis document with privacy-safe student personas and pain points
- End-to-end user-flow map detailing decision nodes, system feedback, and error branches
- Low-fidelity wireframe set establishing layout hierarchy and content structure
- Reusable mobile design system covering typography scales, accessible color contrast, and component states
- Interactive clickable mobile prototype with documented usability evaluation findings and revisions
How the project works
From user research insights to tested high-fidelity mobile prototypes
A defensible UX case study begins with thorough problem framing. Instead of designing based on personal preferences, you synthesize research from student interviews and survey responses into structured, privacy-safe personas. You identify high-friction moments (such as locating updated classroom assignments during orientation) and define measurable design objectives for the mobile application.
User-flow mapping translates abstract needs into navigable paths. You diagram the step-by-step progression a student follows to accomplish critical tasks, mapping out positive outcomes, input validation warnings, and error recovery routes. By identifying navigation bottlenecks in wireframes before applying visual styling, you ensure the underlying product architecture is intuitive and efficient.
Visual design is structured through a repeatable design system. You establish a balanced typography scale, define accessible color palettes meeting WCAG AA contrast ratios (at least 4.5:1 for standard text), and create reusable UI components including navigation bars, cards, form fields, and status banners. You specify interactive component states (default, pressed, active, disabled, and error) to ensure consistent user feedback.
Usability evaluation closes the design loop. You place your high-fidelity clickable prototype in front of representative test participants, assign concrete scenario tasks, and observe where users succeed, hesitate, or encounter friction. Rather than defending initial design choices, you document these usability observations and implement justified revisions that directly improve task completion rates.
Submission evidence
What makes this work reviewable
- Synthesized user research findings and two distinct student persona profiles.
- Comprehensive user-flow map detailing task entry points, decision trees, and recovery paths.
- Full low-fidelity wireframe progression showing structural hierarchy across mobile viewports.
- Documented design system component library with explicit WCAG color contrast validation.
- Interactive prototype link accompanied by a usability test report documenting observed revisions.
Your build path
Move from question to reviewable evidence
Conduct discovery research to define student workflow challenges and synthesize privacy-safe personas. Define research questions, synthesize qualitative student input, and construct evidence-based personas.
Map out the core campus services task flow, identifying friction points and decision milestones. Map end-to-end task flows, resolve information architecture, and expose potential user friction points.
Draft low-fidelity wireframes to resolve layout hierarchy and navigation prior to visual styling. Construct low-fidelity screen layouts prioritizing visual hierarchy, tap targets, and content clarity.
Construct a component-driven design system enforcing WCAG accessibility standards and mobile touch targets. Build a reusable component library with accessible contrast tokens, responsive typography, and state variants.
Evaluate the interactive prototype with representative users, document completion metrics, and iterate. Conduct task-based usability testing sessions, record participant feedback, and execute documented design revisions.
Private self-check
Is this project a reasonable learning fit?
Your answers remain in this browser tab and are not stored or sent.
Use these prompts for reflection; they are not an eligibility test.
Skills notebook
Build capability in a realistic order
These are general domain-learning suggestions, not confirmed HireeBridge tool requirements.
User Research & Discovery
Synthesize user demographics, goals, technical constraints, and behavioural tendencies.
Define concise 'How Might We' design opportunities backed by observed evidence.
Information Architecture & Layout
Design logical navigation branches with clear success criteria and error states.
Establish structural layout and hierarchy across 390px mobile viewport boundaries.
Organize complex campus datasets into scannable, mobile-friendly screen cards.
Design Systems & Testing
Define systematic typography, elevation, spacing units, and color tokens.
Ensure 48x48px minimum touch targets and WCAG AA contrast standards.
Formulate realistic test scripts, observe user friction, and document iterative design changes.
Review before submitting
Common UI/UX Design project mistakes
- 01
Skipping low-fidelity wireframes to design visual mockups immediately
Premature visual styling distracts from fundamental navigation flaws; validate content layout and flow hierarchy first.
- 02
Designing only happy paths and ignoring error states
Mobile users frequently encounter poor connectivity or form validation errors; design explicit empty, loading, and error states.
- 03
Ignoring touch target standards on mobile screens
Interactive buttons and tap zones must measure at least 48x48 physical pixels to avoid frustrating mis-taps on handheld devices.
- 04
Relying on low-contrast text for modern minimalism
Subtle gray text often fails accessibility benchmarks; verify that every text element exceeds the 4.5:1 contrast threshold.
- 05
Failing to document how user feedback shaped revisions
A case study is compelling because of its iteration; explicitly highlight before-and-after screens based on usability observations.
What reviewers check
Completeness against the assigned brief and deliverables; functional correctness; domain-relevant logic, data, metrics or implementation; required edge cases and failure handling; reproducible setup and submission evidence; and clear documentation of the completed work.
Reviewer
GreyRocks team
Catalogue validation notes
Evaluate core task completion with representative users and check accessibility basics.
Evidence language
Draft an honest CV bullet
Keep placeholders until you can replace them with evidence from your own project.
- Authored an end-to-end mobile UX case study in Figma for [project name], driving a [metric]% task completion rate in usability trials.
- Constructed a WCAG AA-compliant mobile design system comprising [number] reusable components, tokens, and responsive variants.
- Mapped user journeys and task flows across [number] screens, reducing navigation steps for core user tasks by [percentage].
- Conducted usability testing sessions with [number] representative participants, synthesizing findings into [number] evidence-based UI iterations.
- Documented design specifications, touch target guidelines, and accessible color tokens for developer handoff.
Project readiness
Prepare a strong project submission
Certificate and verification
Completion comes before the credential
GreyRocks administers the review and credential verification infrastructure for HireeBridge programmes. Programme enrolment grants access to the project specification, design system criteria, and review rubrics; it does not grant an automatic credential upon payment. To qualify for credentialing, you submit your completed case study documentation, interactive prototype links, and usability testing evaluation records. A design reviewer examines your research alignment, accessibility compliance, and iterative rationale. Approved submissions receive a verifiable credential featuring a unique credential ID and scannable QR verification code.
- Complete
- Submit
- Review
- Approval
- Credential ID and QR
Read the certificate process · Verify a credential on GreyRocks
Duration: 1 Month / 4 Weeks.
Plan inclusions: Each domain maps to an assigned project and task specification. Reference repositories and comprehensive materials depend on the selected plan; certificates follow task submission and explicit reviewer approval.
Questions from students
UI/UX Design internship FAQ
Do I need to know how to code to complete this UI/UX design internship?
No. This programme focuses strictly on user experience research, information architecture, design systems, and interactive prototyping using design tools like Figma or Penpot. No frontend coding is required.
What specific mobile app case study will I build?
You will design the CampusConnect mobile app, a comprehensive platform designed to streamline student campus life, including resource discovery, event registration, schedule tracking, and campus services navigation.
How do I prove that my design has been tested?
You formulate a structured usability test scenario with representative tasks, record user observation notes (documenting where participants succeeded or hesitated), and present before-and-after screen revisions showing how feedback improved the interface.
Which design software is recommended for this project?
Figma is the industry standard and highly recommended, though open-source alternatives like Penpot are fully accepted. You must provide public or shared review access to your interactive prototype and component library.
What is the difference between UI/UX Design and Frontend Development?
UI/UX Design centers on user research, empathy mapping, information architecture, accessible typography/colors, and prototype testing. Frontend Development focuses on writing the actual production code (HTML, CSS, JavaScript, React) that brings design files to life.
Does the design system need to comply with accessibility standards?
Yes. The evaluation criteria require compliance with WCAG AA accessibility standards, including text-to-background contrast ratios and ergonomic 48x48px touch targets for mobile thumb navigation.
How long does the programme take to finish?
The project is structured for completion within 4 weeks of self-paced learning, allowing students to systematically progress from discovery research to final usability reporting.
How can recruiters verify my UI/UX certificate?
Every approved certificate features a permanent GreyRocks credential ID and QR code that resolves to an online verification portal displaying your certified project scope and completion date.
Next step
Choose your plan and start building.
Review plan details, included resources and the assigned project scope before you begin.