Web Design and UX-UI
Next intake:
6th July 2026
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
£1395
PAY IN 4
£ 349.00
x4 payments
PAY IN 7
£ 200.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
Angela Barker
Such a great experience
I’ve recently completed the Graphic Design course at Blue Sky Graphics with Jack as my tutor, and I couldn’t be happier with the experience. Jack is an outstanding tutor - professional, encouraging, and incredibly supportive. Over just seven months, he pushed me to achieve far more than I thought possible, and I now have a portfolio website I’m truly proud of.
Kristine Vile Berzina
Dragan was the best tutor ever
Dragan was the best tutor ever, thoughtful, practical and patient. I learned so much and will definitely be looking into other courses. If you are considering learning more about Graphic design and attain great base for any of the future design aspirations, this is a very good first step.
Lauren Rice
The best decision!!
I’ve recently finished a graphic design course with BlueSky with Kosh as my teacher. This was probably the best decision I could’ve made and has landed me my first role in the industry!was an amazing teacher, so thorough and patient! I will be looking into doing another course with BlueSky. Highly recommend!
Daena Wahid
If you're unsure, don't be. It'll be the best decision you make!
Last year, I enrolled on the Graphic Design course with Han. Having never used Adobe he was super clear, thorough and patient with me as I progressed through the software. A great tutor and just who I needed at the time.
I finished the GD course feeling confident with my new set of skills aware of how much I had learnt from beginning to completion.
Alexie Bruh
Amazing Graphic Design Journey with Blue Sky Graphics
The Graphic Design course has been an amazing experience, and I’ve learned so many new things. I’ve especially gained confidence in using the software, learned how to work smarter, and developed a strong understanding of graphic design fundamentals.I had Jack as my tutor, and he’s been the best tutor I could ask for. Even when we were learning something new each lesson, we always had laughs.
Thank you, Jack!
Alexie 🙂
Adam Garner
Can't recommend highly enough
This was my first course at Blue Sky Graphics. My tutor was Dragan and he was great - extremely patient, relaxed but with a huge amount of knowledge and is able to explain things in a really practical and easy to understand way.
I would definitely recommend!
Mariela Malova
Useful, inspiring and fun
I took the Graphic Design course with Blue Sky Graphics to brush- and top-up my skills so that I could be more confident and eficient at my job. Best decision I made - I learned so much, and in such fun and relaxed way. I found every lesson with Jack super inspiring and always looked forward to the next class, knowing that I would learn something new, something cool!
Melanie Patterson
Excellent Graphic Design Course
The Blue Sky Graphic Design course was excellent. Better than I could have expected! One:one lessons meant the course was delivered at my pace and focused on my areas of interest. Dragan was an excellent tutor. Very patient and happy to explain things in a different way if I didn't understand. Always happy to repeat something I'd forgotten from a previous lesson.
Next Intake: 6th July 2026
Apply for
this course
Complete the below form or Call 0207 459 43 42
"*" indicates required fields
