Web Design and UX-UI
Next intake:
5th November 2025
Limited spaces availableCourse Overview
Commitment
Price
Delivery
Contents
Take on real-world design challenges
The Web Design and UX-UI course is a structured 7 month dynamic programme ideal for career-focused web or app designers or UI/UX designers and creative professionals looking to master the tools, techniques, and thinking behind exceptional digital experiences. At its core is Figma, the industry-standard interface design tool used by top studios worldwide. For those who request it, we also offer additional guidance in Adobe XD, allowing you to tailor the experience to your goals.
Throughout the course, you’ll take on real-world design challenges in a structured, supportive setting working one-to-one with your tutor in live, interactive sessions. From planning user journeys and wireframing to building responsive layouts and high-fidelity prototypes, you’ll gain a deep understanding of both UX strategy and visual interface design. You’ll also learn how to build and launch a fully functional WordPress website using Elementor, a powerful no-code platform perfect for bringing your designs to life without needing to write a single line of code.
More about the course
Learn how to create wireframes, user flows, and high-fidelity prototypes
As a Blue Sky Graphics student, you’ll learn to create industry scale wireframes, user flows, and high-fidelity prototypes that clearly communicate ideas.
The course covers building and maintaining design systems using grids, typography, colour palettes, and reusable components vital for scalable, professional design.
Is this a professional course?
Yes. The Web Design with Figma & Elementor course reflects the latest in creative industry trends, equipping you with the skills to design and build user-focused, professional websites using today’s most in-demand tools. You’ll learn to use Figma for interface design and prototyping, creating layouts, components, and design systems that translate seamlessly into real sites.
You’ll also master Elementor, a powerful drag-and-drop WordPress builder, to create visually striking, SEO-friendly pages with ease. Throughout the course, you’ll design and launch live websites that highlight both your creative vision and technical skills.
Training covers UI/UX design, colour theory, responsive layouts, and niche site creation. You’ll gain hands-on experience with Figma, Photoshop, Illustrator, WordPress, and Elementor, graduating with the confidence and skills to succeed in the digital design world.
Why learn web design and UX-UI?
UX Design has been created to give you the best possible education in UX—one that sets you apart in a competitive industry. Using Figma’s real-time collaboration tools, you’ll gain experience working in teams, sharing assets, and collecting feedback. Core UX principles like accessibility, usability, and user testing are applied to real-world design challenges.
You’ll also learn to annotate files for smooth developer handoff and use interactive elements, micro-interactions, and Figma plugins to improve workflow and user experience. By the end, you’ll be equipped to design user centred websites and digital products with clarity, polish, and purpose.
Who’s this course for?:
Ideal for aspiring professionals or those enhancing existing skills, the course teaches both artistic and technical aspects of web design and UX-UI. We welcome absolute beginners as well as those that are a bit rusty and need to brush up on their design skills and update their portfolio.
You’ll graduate with a professional portfolio, website and the ability to create apps and websites through Figma, as well as a Certificate of Completion ready to launch or grow your career in e-commerce, web design, marketing and beyond.
Our course is geared towards making sure our graduates have the best possible chance of employment as we ensure that they have the skills needed to become a practising graphic designer in the industry. Our Adobe course is Affinity recognised and certified as a portfolio course. You will gain the technical and conceptual skills needed to become a practising graphic designer, as well as industry-relevant skills needed.
You will graduate with a portfolio, so you can immediately get into the industry. In the design industry, the emphasis above any qualifications is your work and that’s where a strong portfolio is necessary. A portfolio is a must-have for every graphic designer or anybody working in the creative industry–no questions asked. A portfolio displays your originality and serves as a platform for potential clients to view your work.
Build your portfolio
By the end of the course, you will have designed and prototyped in Figma, built and launched a fully functional WordPress website with Elementor, and developed a professional UX/UI portfolio including case studies, prototypes, and a live project. In design, your portfolio is your currency. More than qualifications, it is the body of work that showcases your originality, creativity, and capability. It is what potential employers and clients want to see.
That is why we place such emphasis on helping you build both an online portfolio—essential in today’s market—and a printed folio for traditional presentation.
What does the course give me?
You’ll graduate with a professional portfolio, advanced UX-UI skills, and a Certificate of Completion ready to launch your own website or app, perfect for those looking to break into or grow within the digital design industry.
You will build the confidence, skills, and portfolio you need to start a successful career in UX and UI design. Gain hands-on experience with Figma, user testing, prototyping, and accessibility key skills top employers are looking for.
You’ll learn one-to-one with expert tutors who guide you through industry-relevant briefs and design challenges and graduate with a job-ready portfolio that showcases your ability to solve real UX problems with clarity and creativity.
What prospects are there after the course?
Our course is geared towards giving graduates the best possible chance of employment, ensuring you have the industry-relevant skills to step directly into practice. It is also Adobe Affinity recognised and certified as a portfolio course, which means that alongside gaining technical and conceptual knowledge, you will leave with the single most valuable tool for securing work in the design industry: a strong portfolio.
Graduating from this course also means joining our wider creative network, where collaborations, job postings, and professional advice are regularly shared. We partner with job boards, studios, and design agencies that are often on the lookout for fresh talent, giving you direct access to opportunities and connections that can help launch your career.
Payment options
PAY IN FULL
£1999
(£1799 early bird discount)
PAY IN 4
£ 449.00
x2 payments
PAY IN 7
£ 259.00
x7 payments
UK Blue Sky Graphics Limited may change, alter or modify instalment plans at any time.
KUSH GLORIA
Graphic Design Course
“I now feel confident and excited to pursue my passion for graphic design.”
Blue Sky Graphics has been an absolute game-changer for me… I now feel confident and excited to pursue my passion for graphic design.
Dragan hasn’t just taught me how to use design software; he’s taught me how to think like a designer, always striving for excellence in every project.
Course syllabus
- UX vs UI – Explore the difference between how something works (UX) and how it looks (UI), and how the two come together to create seamless digital experiences.
- Usability Principles – Learn about affordance, feedback, accessibility, and other usability fundamentals that underpin effective design.
- Design Language – Understand how to create consistency through design systems, patterns, and reusable components.
- User Personas – Research and define realistic user profiles that guide your design decisions.
- User Journeys – Map out pathways and touchpoints to understand how users interact with products.
- Problem Solving – Translate creative briefs into actionable solutions through ideation, prototyping, and testing.
- Wireframing – Develop low-fidelity wireframes to test ideas before moving into detailed design.
- Layout & Composition – Use spacing, alignment, and contrast to organise content effectively and make designs intuitive.
- Grid Systems – Apply responsive grid systems to ensure scalability and maintain consistency across screen sizes.
-
Typography & Colour in UI – Apply digital colour theory and typographic hierarchy for clarity and impact.
-
Branding in Digital Design – Maintain consistency across pages by applying brand identity principles.
-
Shared Styles & Libraries – Use Figma’s shared styles and design libraries to streamline collaborative workflows.
-
Clickable Interactions – Build interactive prototypes that demonstrate functionality.
-
Animated Transitions – Add smooth transitions and micro-animations to elevate user experience.
-
Mock-ups & Presentations – Present your designs in realistic device frames, preparing polished visuals for clients or portfolios.
-
Introduction to Elementor – Learn how to use Elementor, a powerful drag-and-drop builder, to create responsive websites without coding.
-
Headers, Footers & Page Structure – Design branded and functional site elements for consistent navigation.
-
Landing Pages – Create high-conversion landing pages tailored for campaigns, clients, or personal projects.
-
Responsive Design – Ensure your websites adapt seamlessly to mobile, tablet, and desktop using Elementor’s breakpoints and preview tools.
-
Blog Integration – Add and structure a blog to enhance SEO and content marketing.
-
Animation in Web Design – Use Elementor’s animation and motion effects to guide attention and enrich user engagement.
-
Essential Plugins – Discover the best plugins for SEO, lead capture, and automation (forms, pop-ups, email integrations).
-
SEO Marketing Fundamentals – Optimise metadata, images, and content structure to improve search engine visibility and marketing practices.
-
Lead Generation Tools – Design effective funnels using forms and pop-ups that convert visitors into leads.
-
Google Analytics – Set up tracking to measure visitor behaviour, conversions, and engagement.
-
Google Search Console – Monitor indexing, fix errors, and improve site visibility.
-
Data-Driven Iteration – Learn to refine designs and strategies using performance insights.
-
Client Communication and Work Search – Best practices for presenting design work and incorporating feedback. Getting work and landing your first job.
-
Developer Handoff – Use Figma’s collaborative and handoff features to bridge the gap between design and development.
-
Portfolio Development – Curate a strong UX/UI portfolio showcasing projects, case studies, and a live website build.
Your tutors
Our tutors are true experts in their field and know their subject area very well so they can give you all the invaluable insight, advice, tips and industry secrets in order to be successful in this area.
JACK
HAN
MARCO
CHEN
LORI
ASHLEY
BEATRICE
DAVID
JEN
CHANELL
KOSH
DRAGAN
Why Blue Sky Graphics?
Since 2006, we have been passionately teaching graphic design. Through one-to-one classes we deliver specialized training in graphic design, web & UX-UI design, digital illustration and motion graphics. We create, prepare and nurture future graphic designers by enhancing creativity skills.
Comprehensive support
All our courses are online one-to-one with your private tutor
Courses designed with industry standards in mind
We empower our students with the latest graphic design techniques and skills to enter their dream careers
WE'RE 5 STAR RATED
Next Intake: 5th November 2025
Apply for
this course
Complete the below form or Call 0207 459 43 42
"*" indicates required fields
