Internship field

UI/UX Design

A product design track that follows one problem all the way through: research it, structure it, design it, prototype it, test it, then write it up as a portfolio case study.

User researchPersonasInformation architectureWireframingDesign systemsFigmaPrototypingUsability testing
Program length:4 weeks · PKR 700

Week 1 — UX fundamentals

Define the problem before designing anything.

Objectives

  • Write a problem statement
  • Build a research-backed persona
  • Map the user journey

Tasks (3)

  1. 1. Problem statement

    Choose a product area and write the problem statement, target user and success measure.

    Deliverable: PDF or Figma frame.

    10 pts
  2. 2. User persona

    Create one primary persona backed by at least five short user interviews or survey responses.

    Deliverable: Persona document plus raw responses.

    20 pts
  3. 3. User journey map

    Map the current journey with stages, actions, pain points and opportunities.

    Deliverable: Journey map image or PDF.

    20 pts

Week 2 — Structure and wireframes

Decide what goes where before deciding how it looks.

Objectives

  • Build an information architecture
  • Produce low-fidelity wireframes
  • Design for mobile first

Tasks (3)

  1. 1. Information architecture

    Produce a sitemap or screen map with every screen and the paths between them.

    Deliverable: Diagram image or PDF.

    15 pts
  2. 2. Mobile wireframes

    Wireframe at least six mobile screens in low fidelity, with annotations.

    Deliverable: Figma link or PDF.

    20 pts
  3. 3. Desktop wireframes

    Adapt four of those screens to desktop and note what changes and why.

    Deliverable: Figma link or PDF.

    15 pts

Week 3 — Visual system

Build the design system you will apply everywhere.

Objectives

  • Define a colour system with contrast in mind
  • Set a type scale
  • Build reusable components

Tasks (3)

  1. 1. Colour and type

    Define a palette (primary, neutrals, semantic) and a type scale. Check text contrast meets WCAG AA.

    Deliverable: Figma file or PDF with contrast checks.

    20 pts
  2. 2. Component library

    Build at least ten components: buttons, inputs, cards, nav, modal, table, badge, avatar, tabs, toast — with states.

    Deliverable: Figma link.

    25 pts
  3. 3. Usage guidelines

    Write one page on when to use each key component and the spacing rules.

    Deliverable: PDF.

    10 pts

Week 4 — Landing page design

Final project

Apply the system to a high-fidelity marketing page.

Objectives

  • Design a full landing page
  • Build a clear content hierarchy
  • Write interface copy

Tasks (2)

  1. 1. Landing page

    Design a complete landing page in desktop and mobile using your system.

    Deliverable: Figma link plus exports.

    25 pts
  2. 2. Copy pass

    Write the real headline, subheading, section copy and CTA labels. No placeholder text.

    Deliverable: Figma link plus a copy document.

    15 pts