Training Trains logo

UI/UX Design Internship

Design apps and websites people find easy to use: user research, wireframes, prototypes in Figma, usability testing and design systems.

FigmaFigJamMaze / usability testingDesign systems

What you'll work on

Full syllabus: all 60 graded tasks

These are the actual tasks the internship portal assigns for this domain. You submit each one with proof (a GitHub link or document) and a mentor reviews it.

Level 1: Foundations (22 tasks)
  1. Set up Figma and learn the basics. Create frames, shapes, text, auto layout and components. Share a link to a file with one practice screen.
  2. Redesign a login screen. Pick a real app's login screen, list 5 usability problems and design an improved version in Figma.
  3. Typography scale. Create a type scale (H1-H6, body, caption) for a mobile app with sizes, line heights and weights, and use it on one screen.
  4. Colour palette and contrast. Build a palette (primary, secondary, neutrals, success, error) and check every text colour pair passes WCAG AA contrast.
  5. Heuristic evaluation. Evaluate a college website against Nielsen's 10 heuristics with screenshots and a severity rating for each issue.
  6. User persona. Interview 3 students and create 2 personas with goals, frustrations and a typical day.
  7. User journey map. Map the journey of a student applying for an internship online: stages, actions, feelings and pain points.
  8. Wireframe a food-ordering app. Low-fidelity wireframes for 6 screens: home, menu, item, cart, checkout and order status.
  9. Icon set. Design 12 consistent icons on a 24 px grid for a learning app and export them as SVG.
  10. Spacing and grid system. Define an 8-point spacing system and a 4/8/12 column grid, then apply it to a landing page.
  11. Copy for buttons and errors. Rewrite 15 unclear buttons and error messages from real apps so they say what happens next.
  12. Study a design system. Analyse Material Design or Apple HIG: list 10 components and the rules for using them, with screenshots.
  13. Competitor UX analysis. Compare 3 apps in the same category on onboarding, navigation and checkout with annotated screenshots.
  14. Sketch 8 ideas in 8 minutes. Do a Crazy 8s exercise for one screen and pick the best idea with reasons.
  15. Empty, loading and error states. Design all three states for 3 screens of an app.
  16. Microcopy style guide. Write a voice-and-tone guide with do/don't examples for buttons, errors and empty states.
  17. Mobile gestures and patterns. Document 10 common mobile patterns (pull to refresh, swipe actions, tabs) and when to use each.
  18. Gestalt principles. Show proximity, similarity, closure and continuity with examples from real apps.
  19. Colour theory for UI. Build primary, secondary and semantic colours with tints and shades, and test them in dark mode.
  20. Illustration and imagery. Choose an illustration style for an app and create 3 consistent empty-state illustrations.
  21. UX writing exercise. Rewrite an onboarding flow's text to be shorter and clearer, and test understanding with 3 people.
  22. Inspiration board. Collect 20 UI examples by pattern (cards, forms, nav) with notes on what works.
Level 2: Building real features (20 tasks)
  1. Design system in Figma. Build components with variants (buttons, inputs, cards, nav, modal) and styles for colour, text and effects.
  2. High-fidelity mobile app. Design 10 screens for an internship-tracker app using your design system, in light and dark mode.
  3. Interactive prototype. Link your screens into a clickable prototype with transitions and one micro-interaction.
  4. Usability test. Test your prototype with 5 users on 3 tasks. Record success rate, time and quotes, then list fixes.
  5. Responsive website design. Design one landing page for desktop, tablet and mobile breakpoints, showing how layout and type change.
  6. Accessibility review. Check your design for focus order, touch target size, contrast, alt text and screen-reader labels. Fix and document.
  7. Dashboard design. Design an admin dashboard with charts, filters, a table and empty/loading/error states.
  8. Form design. Design a multi-step application form with validation, progress and error states, following form best practices.
  9. Information architecture. Card-sort a college website's content with 5 people and propose a new navigation with a sitemap.
  10. Hand-off to developers. Prepare dev-ready specs: spacing, tokens, assets and component notes, using Figma Dev Mode or a written spec.
  11. Onboarding flow. Design a 3-step onboarding with permission requests explained before the system prompt.
  12. Search and filters. Design search with suggestions, filters, sort and no-results state for a job portal.
  13. Checkout redesign. Redesign a checkout to reduce steps and errors, and test it with 3 users.
  14. Data table design. Design a responsive data table with sorting, filters, bulk actions and mobile layout.
  15. Notification design. Design in-app, push and email notifications for one event, consistent in tone and timing.
  16. Variables and modes in Figma. Use Figma variables for colours and spacing with light/dark modes switching automatically.
  17. Advanced prototyping. Use conditional logic and variables in a prototype (cart count, form errors).
  18. Landing page conversion. Design a landing page with clear value proposition and CTA, and list what you would A/B test.
  19. Wearable or TV interface. Design 3 screens for a smartwatch or TV app and explain the constraints.
  20. Interview users remotely. Run 3 remote interviews with a script, record insights and build an affinity map.
Level 3: Professional work and capstone (18 tasks)
  1. End-to-end case study. A full UX case study for one product: research, problem, ideas, wireframes, final UI, testing and results.
  2. Redesign a real product. Pick a public app, research its users, redesign a key flow and measure improvement with a usability test.
  3. Build your design in code. Turn 3 of your screens into HTML/CSS or React that matches the design closely, and deploy it.
  4. Design tokens. Export colours, spacing and type as design tokens (JSON) and use them in a small coded component library.
  5. A/B test plan. Design two versions of a sign-up screen and write a test plan: hypothesis, metric, sample size and how to decide.
  6. Motion design. Create 5 purposeful animations (loading, success, page transition, hover, pull-to-refresh) in a prototype or Lottie.
  7. Portfolio website. Publish a portfolio with 3 case studies, an about page and contact link. Submit the live URL.
  8. Present your work. Record a 5-minute walkthrough presenting your best case study as you would in a design interview.
  9. Design sprint. Run a 5-day mini design sprint (understand, sketch, decide, prototype, test) and document each day.
  10. Accessibility audit of a live site. Audit a real website with WCAG 2.2 checks, prioritise issues and propose fixes with mock-ups.
  11. UX metrics plan. Define success metrics (task success, time, SUS score) for your product and how you would measure them.
  12. Design system documentation. Document your components with usage rules, do/don't examples and accessibility notes.
  13. Mentor review and iteration. Get feedback from a mentor or senior designer on your case study and publish the improved version.
  14. Service blueprint. Map front-stage and back-stage steps for an internship application service.
  15. Design critique session. Run a critique of a peer's design with structured feedback and document the changes made.
  16. Redesign for accessibility. Redesign a screen for low vision and motor impairments, then test with assistive tools.
  17. Design ops. Set up file structure, naming, version history and hand-off rules for a team of designers.
  18. Freelance-ready project. Complete a real or simulated client brief from brief to delivery with invoice and feedback.

Real software work, not just training

Every UI/UX Design task is reviewed by our team and saved to your portfolio. Interns who pass the readiness check can take real work from Training Trains, W3AppDevelopers and DomainHostly projects on the Company Work board.

Full Stack Web Application DevelopmentMobile Application Development
See the software we build →

Frequently asked questions

Do I need experience to join the UI/UX Design internship?+

No coding is needed. An eye for detail and willingness to talk to users matter more than drawing skills.

What will I do in the UI/UX Design internship?+

You complete 60 graded tasks in three levels: foundations, real features, and professional work. Each task is submitted with GitHub or document proof and reviewed. The final capstone is: Freelance-ready project.

Do I get a certificate for the UI/UX Design internship?+

Yes. After your required tasks are approved, your attendance is above 75% and you pass the proctored final exam, you get a graded completion certificate that anyone can verify at trainingtrains.com/verify.

Can I do the UI/UX Design internship online?+

Yes. You can do it fully online from home, or offline at our Erode and Perundurai branches. Tasks, quizzes and mentor reviews are the same in both modes.

Available both online (work from home) and offline at our Erode and Perundurai branches - see the full internship program details for departments, duration, and the application process.

Apply for the UI/UX Design internship