ProgrammesCertificateWeb Designing
Web Designing
A full six months of UI/UX design in Figma, run as two stages. The first three months build the foundation — design principles, the Figma workspace, typography, colour, components, wireframes and a complete website UI. The next three take it to professional standard: user research and journeys, design tokens and shared libraries, interactive prototypes, a documented design system, four real product surfaces, and the client and career skills to work from it.
What You’ll Learn
A carefully sequenced journey from core engineering foundations to building, deploying, and scaling real AI systems.
What UI and UX actually are, the Figma workspace, where good design comes from, and the tools and structure a layout is built on.
What You’ll Learn
What interfaces are, what separates UI from UX, and the principles a good screen obeys before any tool is opened.
Outline
Outcomes
Written comparisons of UI and UX from real apps, and three UI/UX job roles researched with their required skills.
What You’ll Learn
The workspace itself — pages, frames and layers, the panels, shortcuts, plugins and how work leaves Figma.
Outline
Outcomes
A Figma account and first project file, a plugin installed, and a design exported as PNG and PDF.
What You’ll Learn
Where good work comes from: studying what already exists, analysing competitors, and gathering it into a mood board.
Outline
Outcomes
A mood board for a chosen project, built from five saved designs and two competitor sites analysed.
What You’ll Learn
Every tool in the toolbar, then the structure underneath a layout — alignment, auto layout, constraints, grids and type.
Outline
Outcomes
Milestone 1: First monthly test, plus an icon set, a 12-column grid frame and a font-paired type sample.
Quarter Outcome
Confident movement around Figma, a mood board from real research, and the first monthly test passed.
Hierarchy, colour and whitespace, then the reusable components every interface needs, then a full homepage assembled from them.
What You’ll Learn
Hierarchy, colour and the quiet parts — iconography, imagery and the whitespace that makes a layout readable.
Outline
Outcomes
A five-colour brand palette with psychology notes, five custom icons, and a cluttered layout redesigned.
What You’ll Learn
The pieces every interface reuses, designed properly once — with all their states — and collected into a library.
Outline
Outcomes
Deliverable: a component library page of reusable elements, including a button set with every state.
What You’ll Learn
From low-fidelity sketch and user flow to planned responsive layouts, then the first real high-fidelity screens.
Outline
Outcomes
A homepage wireframe planned for desktop, tablet and mobile, plus four high-fidelity screens.
What You’ll Learn
Building a homepage section by section, then assembling the whole page from the parts.
Outline
Outcomes
Milestone 2: Second monthly test, plus one complete homepage assembled from all its sections.
Quarter Outcome
A component library and one complete homepage, designed section by section and assessed by the second monthly test.
Getting the work in front of people, then taking one project all the way to a presented, submitted standard.
What You’ll Learn
Getting the work seen — a professional Behance profile, a chosen selection, and the ability to talk about it.
Outline
Outcomes
A professional Behance profile with two completed projects uploaded and a two-minute presentation prepared.
What You’ll Learn
Starting the final website UI, and the practices that separate a finished design from a nearly-finished one.
Outline
Outcomes
A final project with an accessibility check run, spacing made consistent, and CARP principles applied.
What You’ll Learn
Closing gaps: free resources worth keeping, outstanding assignments, and preparing the file for assessment.
Outline
Outcomes
A personal resource list of fonts, icons and plugins, and the final project file ready for assessment.
What You’ll Learn
Feedback incorporated, the work tested and reviewed, then presented and submitted.
Outline
Outcomes
Capstone: the basic-stage final project presented and the portfolio submitted.
Quarter Outcome
A live Behance portfolio and a final website UI project presented and submitted.
The professional stage opens where design really starts — business goals, real users, journeys, and the grid and spacing systems underneath.
What You’ll Learn
Design starts before Figma: what the business needs, what competitors do, and what the research methods actually are.
Outline
Outcomes
Documented business goals, a competitor comparison matrix, and a research methodology planned.
What You’ll Learn
Turning research into people and paths — interviews, personas, empathy maps, journeys and an information structure.
Outline
Outcomes
Three to five user interviews documented, empathy maps for two personas, and a site map produced.
What You’ll Learn
Wireframes at both fidelities, responsive layout planning, and typography and colour taken to a professional standard.
Outline
Outcomes
Low-fidelity wireframes for five key pages and an accessible colour palette with two typeface families paired.
What You’ll Learn
The systems that hold a design together at every breakpoint — grids, visual effects and a documented spacing scale.
Outline
Outcomes
Milestone 3: A 12-column grid set up for all breakpoints, a documented spacing scale, and the design principles quiz.
Quarter Outcome
A researched, evidenced design direction with personas, journeys, an information architecture and a documented spacing scale.
Components that scale, prototypes that behave, and a documented design system somebody else could build from.
What You’ll Learn
Components that actually scale — auto layout, variants and properties, design tokens and shared libraries.
Outline
Outcomes
A responsive component system with design tokens for colour, typography and spacing in a shared library.
What You’ll Learn
Boolean drawing, the plugin ecosystem, and getting a properly named asset library out of the file.
Outline
Outcomes
Milestone 4: A complete asset library exported with proper naming, and the monthly test on advanced Figma.
What You’ll Learn
Making the design behave — transitions, micro-interactions, and testing it on real people.
Outline
Outcomes
A clickable prototype of the key user flows, usability tested with three users.
What You’ll Learn
From a set of screens to a documented system somebody else could build from.
Outline
Outcomes
Deliverable: a documented design system with 15+ reusable components and a full style guide.
Quarter Outcome
A tokenised component library, a usability-tested prototype, and a full design system with its style guide.
Four real product surfaces, a portfolio treated as its own design project, the career skills around the work, and a final capstone.
What You’ll Learn
Four real product surfaces, each with its own constraints — landing page, multi-page site, dashboard and e-commerce.
Outline
Outcomes
Four finished project surfaces designed to a professional standard.
What You’ll Learn
Your own portfolio treated as a design project, and the case studies that explain the thinking behind the work.
Outline
Outcomes
A designed portfolio site, a professional Behance profile, and two to three detailed case studies.
What You’ll Learn
The work around the work — personal brand, client communication, developer handoff and interviews.
Outline
Outcomes
An optimised LinkedIn profile, a presentation deck, and handoff documentation prepared.
What You’ll Learn
Using AI as part of the design workflow, then an end-to-end client-style project presented and reviewed.
Outline
Outcomes
Capstone: a complete end-to-end client-style project presented, with the portfolio submitted for final review.
Quarter Outcome
A professional portfolio, case studies, handoff documentation and a presented end-to-end capstone project.
Step-by-Step Path
Follow a proven sequence designed for real results.
Build Real Projects
Apply your skills with hands-on projects every quarter.
Expert Guidance
Learn from industry experts and community support.
Career-Ready
Graduate with production experience and confidence.
Powered by our own classroom technology
Every class runs through Aisha Cahn College’s own AI-Lab platform — attendance, assignments, and grading, all automatic.
Schedule
24 weeks · 4 days per week · 2 hours per day · 192 contact hours
Assessment
4 Tasks per Week1 Quiz per WeekMonthly Test (Weeks 4, 8, 12, 16, 20 & 24)Final Project (Week 12)Compulsory Capstone Project (Week 24)
Capabilities
8 automated
tap to expand
Learn from the Experts
Learn from people who do the work, not just teach it. Gain practical insights, real-world guidance, and knowledge shaped by industry experience.
Mr. Muhammad Mohsin Raza
Web Design Instructor
Ready to start?
Apply for Web Designing
Admissions open
New batch begins 30 September.
Seats in each batch are limited. Message us and we will reply the same working day — or come and see the campus first.
- CampusMuslim Hands Educational Complex, Wazirabad, Punjab
- Office hoursMonday to Saturday, 9:00 AM – 4:00 PM
- WhatsApp+92 300 1453445
Other Certificate Programmes
CertificateAI Fundamentals
Practical AI Skills for Every Profession
Real fluency with everyday AI tools, for any working professional whatever their background — from a first controlled conversation through writing, images, data and cited research, to packaging your own expertise into a reusable AI assistant. Verification habits and safety judgment are built alongside every skill.
View details →
CertificateDigital Marketing
SEO, Social, Paid & Email
Employable, hands-on skills in digital marketing and search engine optimisation — from keyword research and on-page, off-page and technical SEO through content, social media, paid search, email and YouTube, finishing with freelancing. The course is built around practical tasks rather than theory, so what a student leaves with is work they have actually done.
View details →
CertificateE-Commerce
Build Your Online Business
Learn how products become businesses online. From setting up a store to reaching customers and managing sales, gain the skills to launch and grow your own digital venture.
View details →