Introduction to UX/UI Design with Adobe XD

Course Overview

If you are new to UX and UI design, this would be the perfect starter course for you to experience the UX design process.  Get acquainted with the industry and start a career in UX/UI design.  In this course, you will learn dozens of powerful features to help you design, prototype, collaborate and share rich user experiences design (UXD).

Learn the development process and techniques through a series of lectures and workshops from basic wireframing to beautiful interactive designs in a short period of time.  Define the look of the user interfaces (UI) for digital products including website and mobile app with all the knowledge and skills needed to become a UX/UI Designer.

Key Topics

Exercise 1: Hand Sketch Wireframe for Responsive Website Design
Workshop 1: Wireframing a Website Design (Low-Fidelity)

Workshop 2: Wireframing a Website Design (High-Fidelity)

  • Creating simple Design Language System

Workshop 3: Prototyping a Website (High-Fidelity)

  • Interaction design using Components
  • UX design with Sticky Menu, Hover effect, Pop-up box, Scrollable page, Keyboard, Sidedrawer, Draggable carrousel, Card Slider

Workshop 4: Prototyping Website with User Interface (UI)

  • Refine UI with Photos, Typography, Colors and Icons

Workshop 5: Wireframing a Mobile App Design (High-Fidelity)

  • Types of mobile app page layout
  • Mobile app User flow design

Workshop 6: Prototyping App with User Interface (UI)
Workshop 7: Mobile App Icon Design

Course Aim and Outcome

On completion of this course, learners will be able to:

  • explain the concept of User Experience Design (UXD)
  • apply the UX design process to plan and design UI for website and mobile app
  • employ low-fidelity and high-fidelity wireframe technique to create User Interface (UI) for website and mobile app
  • use software to create interactive prototype for usability testing

The course is intended for people eager to advance their career in the UX or UI Design field, as well as graphic designers looking to explore new opportunities.

  • Face-to-Face: engage with instructor and industry professionals
  • Online Lessons: classes and Q&A sessions can be held via online streaming
  • Online Resources: learning materials can be accessed via online learning platform

On completion of this course/workshop, learners will receive a digital version of the Certificate of Completion issued by GreenTomato Academy.  GreenTomato Limited is well recognized by the industry and the knowledge and skills obtained from GreenTomato Academy will serve as a solid stepping stone for your career development.

Marco Ho, GreenTomato Academy

Proficient in managing online marketing campaigns from strategic planning to execution.  Cross-disciplinary skills in Marketing, Advertising, Design and Digital Communications.  Experienced in education and training in creative thinking, marketing management, digital marketing and design.

  • Programme Leader, Digital Marketing, HKDI/IVE
  • Deputy Programme Leader, Business with Design Management, HKDI/IVE
  • External Examiner, HD in Design (Graphic Design), Department of Design, CBCC
  • Master’s Degree, Design Strategies, Hong Kong PolyU
Share to

Student's Work

Course Detail

Course Code:DE4002
Date:2021/3/30 – 2021/5/4 (Every Tuesday evening)
Time:19:00 –22:00 (3 hrs each class)
Course Calendar:View
Duration:18 hour (Total 6 classes)
Venue:GreenTomato Academy
4/F, Tungtex Building,
203 Wai Yip St, Kwun Tong, Hong Kong.
(Early Bird Discount HK$5,382)
Language:Cantonese + English supporting materials
Prerequisites:Applicants should be computer-literate with a sound working knowledge of the Windows/Mac operating system.
Equipment:Bring your own laptop with WiFi connectivity
"The course can definitely let me understand the basic concept of UX/UI. It also encourage me to develop my career in the UI industry!"
Chung Yik Yee
Graphic Designer
"Even with less design skills and background, I was able to know more about UX concept and gain the know-how to design and build from UX perspective!"
Stephen C.
Project Manager

Other Courses


Complete the following form to apply for this course. Applicants will be notified by email with confirmation details and payment methods.

All personal data collected shall be used for purposes relating to the business of Greentomato Academy and all practical measures will be taken to ensure that personal data collected are safeguarded. Read our Personal Information Collection Statement for details.

May - Dec, 2020
7 Cohort Completed
Jan 4 - Feb 8, 2021
Feb 9 - Mar 8, 2021
Mar 30 - May 4, 2021
Now Available!

*enroll before March 12

Early Bird Special H̶K̶$̶5̶9̶8̶0̶ HK$5380

Type the email of the referrer here for confirmation to enjoy 30% off on selective courses

GreenTomato Academy reserves the rights to revise or cancel the regarding event. For inquiries, please contact us.
GreenTomato Academy is a Subsidiary of Green Tomato Limited.