{"id":162,"date":"2024-11-13T13:20:16","date_gmt":"2024-11-13T13:20:16","guid":{"rendered":"https:\/\/edc.nsuk.edu.ng\/?page_id=162"},"modified":"2026-02-03T09:56:37","modified_gmt":"2026-02-03T09:56:37","slug":"ui-ux-design","status":"publish","type":"page","link":"https:\/\/edc.nsuk.edu.ng\/?page_id=162","title":{"rendered":"UI\/UX Design"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"162\" class=\"elementor elementor-162\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2d998e5 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"2d998e5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a9df1a elementor-widget elementor-widget-spacer\" data-id=\"1a9df1a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;htmega_fe&quot;:&quot;no&quot;}\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9455d07 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"9455d07\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b5f8037 elementor-widget elementor-widget-html\" data-id=\"b5f8037\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;htmega_fe&quot;:&quot;no&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* ===== GLOBAL ===== *\/\r\n.edc-container {\r\n  max-width: 1200px;\r\n  margin: auto;\r\n  font-family: inherit;\r\n  color: #1f2937;\r\n}\r\n\r\n.edc-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 30px;\r\n}\r\n\r\n.edc-card {\r\n  background: #ffffff;\r\n  border-radius: 12px;\r\n  padding: 22px;\r\n  box-shadow: 0 8px 20px rgba(0,0,0,0.06);\r\n}\r\n\r\nh1, h2, h3 {\r\n  margin-top: 0;\r\n}\r\n\r\nul {\r\n  padding-left: 18px;\r\n}\r\n\r\nli {\r\n  margin-bottom: 8px;\r\n}\r\n\r\n\/* ===== TAGS ===== *\/\r\n.edc-tags span {\r\n  display: inline-block;\r\n  background: #e6f7ee;\r\n  color: #0f766e;\r\n  padding: 4px 10px;\r\n  border-radius: 20px;\r\n  font-size: 12px;\r\n  margin-right: 6px;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n\/* ===== BUTTONS ===== *\/\r\n.edc-buttons a {\r\n  display: inline-block;\r\n  margin-right: 10px;\r\n  margin-top: 10px;\r\n  padding: 10px 18px;\r\n  border-radius: 8px;\r\n  font-size: 14px;\r\n  text-decoration: none;\r\n}\r\n\r\n.btn-primary {\r\n  background: #16a34a;\r\n  color: #fff;\r\n}\r\n\r\n.btn-outline {\r\n  background: #fff;\r\n  border: 1px solid #16a34a;\r\n  color: #16a34a;\r\n}\r\n\r\n\/* ===== WEEK GRID ===== *\/\r\n.edc-week-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 25px;\r\n}\r\n\r\n\/* ===== CENTER TEXT ===== *\/\r\n.edc-center {\r\n  text-align: center;\r\n}\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n@media (max-width: 768px) {\r\n  .edc-grid,\r\n  .edc-week-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"edc-container\">\r\n\r\n  <!-- HERO -->\r\n  <div class=\"edc-grid\">\r\n    <div>\r\n      <h2>UI\/UX Design (Beginner Friendly)<\/h2>\r\n      <p>\r\n        Learn how to design clean, user-centered digital products from scratch.\r\n        This training introduces you to <strong>User Interface (UI)<\/strong> and\r\n        <strong>User Experience (UX)<\/strong> Design using industry-standard tools like\r\n        <strong>Figma<\/strong>.\r\n      <\/p>\r\n\r\n      <p><strong>Facilitator:<\/strong> Abdulkadir Masud Adeiza<\/p>\r\n\r\n      <div class=\"edc-tags\">\r\n        <span>Beginner-friendly<\/span>\r\n        <span>100% Practical<\/span>\r\n        <span>Portfolio-ready<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"edc-buttons\">\r\n        <a href=\"#\" class=\"btn-primary\">Register Now<\/a>\r\n        <a href=\"#\" class=\"btn-outline\">Download Class Outline<\/a>\r\n        <a href=\"#\" class=\"btn-outline\">See Schedule<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"edc-card\">\r\n      <h3>Why Join?<\/h3>\r\n      <ul>\r\n        <li>No design or tech background required<\/li>\r\n        <li>Learn UI\/UX from basics to real projects<\/li>\r\n        <li>Hands-on design using Figma<\/li>\r\n        <li>Industry-relevant design process<\/li>\r\n        <li>Portfolio guidance and mentorship<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- LEARN \/ WHO -->\r\n  <div class=\"edc-grid\" style=\"margin-top:40px;\">\r\n    <div class=\"edc-card\">\r\n      <h3>What You\u2019ll Learn<\/h3>\r\n      <ul>\r\n        <li>UI vs UX concepts and principles<\/li>\r\n        <li>User research and design thinking<\/li>\r\n        <li>Wireframing and information architecture<\/li>\r\n        <li>Visual design fundamentals<\/li>\r\n        <li>Designing with Figma<\/li>\r\n        <li>Prototyping and presentation<\/li>\r\n        <li>Building a complete UI\/UX project<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <div class=\"edc-card\">\r\n      <h3>Who This Is For<\/h3>\r\n      <ul>\r\n        <li>NSUK students<\/li>\r\n        <li>Beginners interested in design<\/li>\r\n        <li>Developers who want design skills<\/li>\r\n        <li>Entrepreneurs & product builders<\/li>\r\n        <li>Anyone interested in digital products<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- WEEKLY BREAKDOWN -->\r\n  <div style=\"margin-top:50px;\">\r\n    <h2 class=\"edc-center\">6-Weeks Training Roadmap<\/h2>\r\n\r\n    <div class=\"edc-week-grid\">\r\n\r\n      <div class=\"edc-card\">\r\n        <h3>Week 1: Introduction to UI\/UX Design<\/h3>\r\n        <ul>\r\n          <li>Definition of UI and UX design<\/li>\r\n          <li>Differences between UI and UX<\/li>\r\n          <li>Importance of UI\/UX in digital products<\/li>\r\n          <li>Overview of websites and mobile applications<\/li>\r\n          <li>Roles and responsibilities of a UI\/UX designer<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"edc-card\">\r\n        <h3>Week 2: User Experience (UX) Fundamentals<\/h3>\r\n        <ul>\r\n          <li>Understanding users and user needs<\/li>\r\n          <li>Introduction to design thinking<\/li>\r\n          <li>User research basics<\/li>\r\n          <li>Creating user personas<\/li>\r\n          <li>User journey mapping and user flows<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"edc-card\">\r\n        <h3>Week 3: Wireframing & UX Structure<\/h3>\r\n        <ul>\r\n          <li>Introduction to wireframes<\/li>\r\n          <li>Low-fidelity & high-fidelity wireframes<\/li>\r\n          <li>Information architecture<\/li>\r\n          <li>Layout and screen structure<\/li>\r\n          <li>Introduction to Figma workspace<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"edc-card\">\r\n        <h3>Week 4: User Interface (UI) Design Basics<\/h3>\r\n        <ul>\r\n          <li>Principles of visual design<\/li>\r\n          <li>Color theory and usage<\/li>\r\n          <li>Typography fundamentals<\/li>\r\n          <li>Spacing, alignment & visual hierarchy<\/li>\r\n          <li>UI components (buttons, forms, cards, navigation)<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"edc-card\">\r\n        <h3>Week 5: Designing with Figma<\/h3>\r\n        <ul>\r\n          <li>Using Figma tools and features<\/li>\r\n          <li>Creating frames and components<\/li>\r\n          <li>Designing web & mobile interfaces<\/li>\r\n          <li>Responsive design basics<\/li>\r\n          <li>Prototyping and presentation<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"edc-card\">\r\n        <h3>Week 6: Complete UI\/UX Design Project<\/h3>\r\n        <ul>\r\n          <li>Selecting a real-world project<\/li>\r\n          <li>Applying UX process from research to design<\/li>\r\n          <li>Designing complete UI screens<\/li>\r\n          <li>Creating interactive prototypes<\/li>\r\n          <li>Project presentation & portfolio guidance<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n<style>\r\n\/* ===== CTA SECTION ===== *\/\r\n.edc-cta {\r\n  background: #ffffff;\r\n  border-radius: 16px;\r\n  padding: 30px 35px;\r\n  box-shadow: 0 10px 25px rgba(0,0,0,0.08);\r\n  max-width: 1200px;\r\n  margin: 50px auto;\r\n}\r\n\r\n.edc-cta h2 {\r\n  margin-top: 0;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.edc-cta p {\r\n  font-size: 16px;\r\n  color: #374151;\r\n  max-width: 900px;\r\n}\r\n\r\n.edc-cta-actions {\r\n  display: flex;\r\n  align-items: center;\r\n  flex-wrap: wrap;\r\n  gap: 14px;\r\n  margin-top: 20px;\r\n}\r\n\r\n\/* ===== BUTTONS ===== *\/\r\n.edc-btn-primary {\r\n  background: #065f46;\r\n  color: #fff;\r\n  padding: 12px 22px;\r\n  border-radius: 10px;\r\n  text-decoration: none;\r\n  font-weight: 600;\r\n}\r\n\r\n.edc-btn-secondary {\r\n  background: #f97316;\r\n  color: #fff;\r\n  padding: 12px 22px;\r\n  border-radius: 10px;\r\n  text-decoration: none;\r\n  font-weight: 600;\r\n}\r\n\r\n\/* ===== CONTACT ===== *\/\r\n.edc-contact {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  font-weight: 600;\r\n  color: #111827;\r\n}\r\n\r\n.edc-contact a {\r\n  text-decoration: none;\r\n  font-size: 18px;\r\n}\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n@media (max-width: 768px) {\r\n  .edc-cta {\r\n    padding: 25px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"edc-cta\">\r\n\r\n  <h2>Ready to Start?<\/h2>\r\n\r\n  <p>\r\n    Your ideas deserve great design. Join the next <strong>UI\/UX Design Training<\/strong>\r\n    at <strong>EDC NSUK<\/strong> and learn how to design user-centered digital products\r\n    from scratch \u2014 no prior design experience required.\r\n  <\/p>\r\n\r\n  <div class=\"edc-cta-actions\">\r\n    <a href=\"#\" class=\"edc-btn-primary\">Register Now<\/a>\r\n    <a href=\"#\" class=\"edc-btn-secondary\">Download Class Outline<\/a>\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>UI\/UX Design (Beginner Friendly) Learn how to design clean, user-centered digital products from scratch. This training introduces you to User Interface (UI) and User Experience (UX) Design using industry-standard tools like Figma. Facilitator: Abdulkadir Masud Adeiza Beginner-friendly 100% Practical Portfolio-ready Register Now Download Class Outline See Schedule Why Join? No design or tech background required Learn UI\/UX from basics to real projects Hands-on design using Figma Industry-relevant design process Portfolio guidance and mentorship What You\u2019ll Learn UI vs UX concepts and principles User research and design thinking Wireframing and information architecture Visual design fundamentals Designing with Figma Prototyping and presentation Building a complete UI\/UX project Who This Is For NSUK students Beginners interested in design Developers who want design skills Entrepreneurs &#038; product builders Anyone interested in digital products 6-Weeks Training Roadmap Week 1: Introduction to UI\/UX Design Definition of UI and UX design Differences between UI and UX Importance of UI\/UX in digital products Overview of websites and mobile applications Roles and responsibilities of a UI\/UX designer Week 2: User Experience (UX) Fundamentals Understanding users and user needs Introduction to design thinking User research basics Creating user personas User journey mapping and user flows Week 3: Wireframing &#038; UX Structure Introduction to wireframes Low-fidelity &#038; high-fidelity wireframes Information architecture Layout and screen structure Introduction to Figma workspace Week 4: User Interface (UI) Design Basics Principles of visual design Color theory and usage Typography fundamentals Spacing, alignment &#038; visual hierarchy UI components (buttons, forms, cards, navigation) Week 5: Designing with Figma Using Figma tools and features Creating frames and components Designing web &#038; mobile interfaces Responsive design basics Prototyping and presentation Week 6: Complete UI\/UX Design Project Selecting a real-world project Applying UX process from research to design Designing complete UI screens Creating interactive prototypes Project presentation &#038; portfolio guidance Ready to Start? Your ideas deserve great design. Join the next UI\/UX Design Training at EDC NSUK and learn how to design user-centered digital products from scratch \u2014 no prior design experience required. Register Now Download Class Outline<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_joinchat":[],"footnotes":""},"class_list":["post-162","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/edc.nsuk.edu.ng\/index.php?rest_route=\/wp\/v2\/pages\/162","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/edc.nsuk.edu.ng\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/edc.nsuk.edu.ng\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/edc.nsuk.edu.ng\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/edc.nsuk.edu.ng\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=162"}],"version-history":[{"count":10,"href":"https:\/\/edc.nsuk.edu.ng\/index.php?rest_route=\/wp\/v2\/pages\/162\/revisions"}],"predecessor-version":[{"id":2139,"href":"https:\/\/edc.nsuk.edu.ng\/index.php?rest_route=\/wp\/v2\/pages\/162\/revisions\/2139"}],"wp:attachment":[{"href":"https:\/\/edc.nsuk.edu.ng\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=162"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}