UI/UX Training in Calabar
Learn How to Design Beautiful, User-Friendly Websites and Apps
By Emmanuel Essiet
Course Duration: 6 Months
What you’ll learn
In this hands-on course, you’ll learn how to design websites and apps that people love to use. Here’s what you’ll cover:
Create Stunning Web and Mobile Projects using cutting-edge tools adopted by top companies in 2024.
Get Hired as a Designer or launch a freelance career, with the flexibility to work from anywhere for clients worldwide—designers are in high demand.
Master Figma to create professional designs, then learn how to transform them into functional HTML and CSS websites.
Build an Impressive Design Portfolio that’s professionally curated for you by the end of the course.
Master Web and Mobile Design Principles and learn how to create high-quality designs, from initial sketches to fully-realized, client-ready products.
Design for All Devices with Figma and other leading design tools used by top professionals in the industry.
Bring Your Designs to Life with HTML5 and CSS3, creating fully functional websites.
Learn Industry Best Practices that take years to master in the design world.
Design Professional Logos and Branding for diverse needs.
Master UI/UX Best Practices using the latest trends to craft exceptional user experiences.
Gain a Rare Combination of Skills as both a designer and web developer—an in-demand skill set in today’s job market!
Course Content
Introduction to UI/UX Design
- What is UI/UX Design?
- Differences between UI (User Interface) and UX (User Experience)
- Importance of UI/UX in product design
- The role of a UI/UX designer
- The design thinking process
- UI vs. UX
- UI design elements: buttons, typography, colors, spacing, icons
- UX principles: user research, usability, interaction design, information architecture
- Key differences in their goals and responsibilities
- Overview of the Design Process
- From research and ideation to wireframing and prototyping
- How UI/UX fits into the overall development lifecycle
User Research and Personas
- The Importance of User Research
- Understanding users’ needs, behaviors, and pain points
- Techniques: surveys, interviews, focus groups, analytics
- Competitive analysis and market research
- Creating Personas
- Defining user personas: what are they and why are they important?
- How to gather data for persona creation
- Translating research into actionable insights
- User Journeys and Empathy Mapping
- Mapping out the user journey: stages, touchpoints, pain points
- Creating empathy maps to understand users’ emotions, thoughts, and behaviors
Information Architecture and Wireframing
- Information Architecture (IA)
- Organizing and structuring content for easy navigation
- Creating site maps and user flow diagrams
- Best practices for designing intuitive navigation
- Wireframing Basics
- Introduction to wireframes and low-fidelity design
- Tools: Balsamiq, Figma, Adobe XD, Sketch
- Creating wireframes for websites, apps, and other platforms
- Understanding layout grids, spacing, and basic UI elements
- Project: Create a wireframe for a simple website or mobile app
Visual Design Principles
- Color Theory and Typography
- Understanding color psychology and how to choose color schemes
- Typography basics: choosing fonts, font pairing, and readability
- How to use contrast, hierarchy, and alignment for visual impact
- Design Systems and Style Guides
- Introduction to design systems
- Creating a cohesive style guide (colors, fonts, buttons, icons, spacing)
- Understanding consistency in UI design
- Icons, Imagery, and Graphics
- Best practices for choosing icons and images
- Using graphics effectively in UI design
- Creating custom icons and vector graphics
- Project: Design a UI style guide and apply it to a wireframe
Prototyping and Interaction Design
- Prototyping Basics
- What is prototyping and why it is important?
- Different types of prototypes: low-fidelity vs high-fidelity
- Tools for prototyping: Figma, Adobe XD, InVision, Sketch
- Creating Interactive Prototypes
- Building clickable prototypes to demonstrate user flow and interactions
- Adding animations and transitions to enhance user experience
- Microinteractions
- Importance of microinteractions in UX design (hover effects, button animations)
- Designing effective microinteractions to improve user engagement
- User Testing on Prototypes
- Conducting usability testing on prototypes
- Gathering feedback and refining designs
- Project: Create a high-fidelity interactive prototype for a web or mobile app
UI/UX for Mobile and Web Applications
- Mobile UI/UX Design
- Designing for small screens: mobile-first approach
- Responsive design principles: creating fluid layouts
- Mobile-specific UI elements and gestures
- Optimizing user experience on mobile apps
- Web UI/UX Design
- Designing for larger screens: desktop-first approach
- Creating responsive websites that work across multiple devices
- Best practices for web navigation, accessibility, and performance
- Accessibility in UI/UX Design
- Importance of making designs accessible for all users
- Designing for users with disabilities (color contrast, alt text, etc.)
- Project: Design a mobile app and a responsive website, focusing on usability and accessibility
Usability Testing and Feedback Integration
- Usability Testing Techniques
- Types of usability tests: A/B testing, remote testing, moderated testing
- Recruiting users and setting up a testing environment
- Analyzing usability test results
- Analyzing Data and Making Design Improvements
- How to gather actionable insights from user testing
- Iterating on designs based on feedback
- Using heatmaps and analytics to improve UI/UX
- Project: Conduct a usability test on your design and integrate feedback into an updated version
Advanced UI/UX Techniques and Trends
- UI/UX Design for Emerging Technologies
- Designing for voice user interfaces (VUI) and artificial intelligence (AI)
- UX in augmented reality (AR) and virtual reality (VR)
- Current Trends in UI/UX
- Dark mode, neumorphism, glassmorphism, and other modern design trends
- Microinteractions, chatbots, and immersive experiences
- Creating Designs for the Future
- Designing with sustainability and inclusivity in mind
- Building adaptive interfaces for diverse user needs and devices
UI/UX Design Tools and Workflow
- UI/UX Design Tools
- Overview of tools: Figma, Sketch, Adobe XD, InVision, Axure, Balsamiq
- Collaborative design and feedback tools
- Integrating design tools with developer workflows (handoff tools like Zeplin)
- Design Handoff to Development
- Creating design specifications for developers
- Understanding the developer’s perspective on UI/UX
- Communicating effectively with development teams
- Project: Design a complete UI/UX project, including high-fidelity prototype and design handoff to a developer
Building a Portfolio and Career in UI/UX Design
- Creating a UI/UX Portfolio
- What to include in a strong UI/UX portfolio: process, case studies, and results
- How to showcase a variety of projects and design challenges
- Portfolio presentation techniques
- Freelancing and Job Opportunities
- Finding freelance opportunities and clients
- Networking, job hunting, and leveraging LinkedIn
- Preparing for job interviews in UI/UX design
- Industry Trends and Continuing Education
- Staying updated on UI/UX trends
- Certifications, online courses, and conferences for continued learning
Capstone Project
- Overview
- Create a complete UI/UX project (e.g., a website, app, or system) from research to final prototype
- Include user personas, user journeys, wireframes, visual design, prototype, and usability testing
- Document the design process with case studies to showcase in your portfolio
What You Need to Get Started
- A free account on Figma (you can sign up on their website).
- No prior knowledge or experience in UX Design, UI Design, or Figma is required.
- No previous design or technical skills are needed.
Course Overview
Hi there! I’m Dan Ntuk, and I’m thrilled to welcome you to our UI/UX Class.
In this course, we’ll start from scratch and cover everything you need to know to work as a UX Designer using Figma. Whether you’re new to design, curious about UX/UI, or unsure where to start, this course will guide you step by step.
We’ll explore how to use Figma to design beautiful, user-friendly interfaces and build interactive prototypes. But that’s not all! You’ll also learn how to meet client expectations and succeed as a UX Designer in the real world.
What You’ll Learn
- Understanding UX Design
- What UX design means and why it’s important.
- How to read and interpret a client’s brief.
- Working with user personas to design better experiences.
- Creating Your First Designs
- Starting with simple wireframes to plan layouts.
- Choosing colors, fonts, and images that work well for websites and mobile apps.
- Designing custom buttons, icons, and other UI elements.
- Mastering Advanced Tools
- Using Figma’s components, constraints, and variants—explained in plain English!
- Speeding up your work with free UI kits and Figma plugins.
- Design Systems & Style Guides
- Building a style guide for consistent and professional designs.
- Preparing your designs for seamless handoff to developers.
- Prototypes & Interactions
- Creating simple and advanced animations, page transitions, and micro-interactions.
- Building fully interactive prototypes that impress clients and stakeholders.
- Real-World Application
- Working on a complete project from start to finish.
- Collaborating with teammates and preparing files for handoff to developers.
- Understanding industry terms, techniques, and workflows.
Hands-On Learning
Throughout the course, you’ll work on assignments and practical projects. These tasks are designed to build your skills and give you something unique to add to your portfolio. By the end, you’ll have real-world designs and prototypes to showcase your abilities.
Why This Course Is Unique
- Beginner-Friendly: We start with the basics and build up your knowledge step by step.
- Practical Skills: Learn tools and techniques you’ll actually use in your career.
- Portfolio Development: By the end of the course, you’ll have completed projects to showcase your skills.
- Industry Insights: Get tips on how UX projects are run and what clients expect from you.
Who This Course Is For
- Beginners who want to learn Figma from scratch.
- Anyone looking to start a career in UX/UI Design.
- Designers who want to add UX Design to their skills and portfolio.
- People who are curious about creating user-friendly websites and apps.
Let’s Get Started!
This course will help you go from complete beginner to someone ready to take on real-world UX projects. Whether you want to freelance, build a portfolio, or join a team, this is your first step.
It’s time to level up your skills and become a Figma Hero!
N200,000 N250,000
This course includes:
Instructor: Emmanuel Essiet
Duration: 6 Months
Lessons: 60
Certifications: Yes
Contact Us
WHY ENROLL TODAY
In a fast paced technology advancing age, there is every need to acquire a tech skill that will help promote your personal growth and set you up for job oppurtunities. At Digitech, we offer you the chance to learn from scratch or to upskill with hands-on practical classes. This training is handled by experts in each field and they follow. Digiteck Nigeria Limited is in partner with UK company to ensure that they offer international standard of learning.