top of page

(III) Case Study: Websites Design (Online Shopping Platform)

(III) Case Study: Websites Design (Online Shopping Platform)

This module will introduce the UX and UI design-related knowledge of websites (online shopping platform) in detail---from conducting user research, thinking about the starting point of the product design, to collecting product information, creating user blogs, mind maps, and the basic structure of the product, to using Draw.io to design the user flow, using Penpot to create wireframes and preliminary product prototypes, creating product-related components, and then completing pages connection and animation-adding, to finally doing prototype testing, students will experience the complete professional UX and UI design process in the class.

At the end of the course, the instructor will guide students to compile their work completed in class into a personal portfolio for use after the course.

( 1. Basic concepts of UX/UI
2. UX/UI examples
3. Design elements necessary for UX and UI
4. Searching skills
5. Software operation skills
6. Basic aesthetic skills
7. Skills in creating prototypes for mobile apps, websites, mobile games, etc.
8. Skills in creating product components
9. Skills in creating a personal portfolio)

12

Chinese

Learning Outcomes

1. Analyze UI/UX features and advantages of popular online shopping platforms
2. Grasp methods of collecting data, creating user blogs, mind maps, and basic product architecture
3. Learn how to conduct user flow, wireframes, and preliminary product prototypes using Draw.io
4. Learn how to search for product-related resources and design (product branding, image editing, etc.)
5. Learn how to design the interface of an advanced product prototype (color, font, picture usage)
6. Learn how to design different pages of a website (such as login page, landing page, dashboard, setting page, etc.)
7. Understand how to connect and perform prototypes testing (page connection and animation effect setting)

KEP_06.jpg

我们专有的网上学习平台,并与免费的创意和生产工具无缝协作,为 DECT 教育即时提供作业和学习材料管理、远端协作、分析等功能,满足不同使用者的学术及管理需求。

OS_02.jpg

培训专业教师计划是维持数谱生态系统的基石。这是一个可扩展的专业发展模式,当中全面的 DECT 内容和学习管理系统可分别为教师提供相关支持。

smiling-young-asian-teacher-making-selfie-with-her-2022-03-30-14-59-24-utc.jpg

学生展才计划为学生提供在全球数字经济中不可或缺的知识、技能和工具, 有助学生掌握在未来世界中出类拔萃的生存技能,脱颖而出。

OS_03.jpg

Krystal OTP 包含所有办公室软件,有效提升日常工作效率和减轻营运成本,为当今多元化 的业务营运需求提供了完善解决方案。  

hand-with-tattoo-point-on-the-cyber-table-2022-12-15-23-00-27-utc.jpg

一项综合计划,旨在为个人 和公⺠提供必要的数字能力和软技能,以便在数字经济中生存。为了在数字时代保持竞争力和繁荣,各国需要为其公⺠提供必要的知识、技能和工具。

DECT_02_OPEN_01.jpg
DECT_06_CP_ERB_B_03.jpeg
DECT_01_AI_02_01.jpg
DECT_03_SC_014_01.jpg
DECT_07_CP_ERB_G_04.jpeg
DECT_05_OTP_05_01.jpeg
DECT_01_OPEN_02.jpg
DECT_06_CP_ERB_C_04.jpeg
DECT_03_AI_06_01.png
DECT_03_SC_016_01.jpg
DECT_07_OLE_17_01.jpeg
DECT_05_OPEN_03.jpg
DECT_01_AI_01_04.jpg
DECT_06_OPEN_02.jpeg
DECT_01_AI_07_01.jpg
DECT_03_OPEN_02.jpeg
DECT_07_OPEN_01.jpg
DECT_05_OTP_05_01.jpeg
DECT_07_I_02_01.png
DECT_06_CS_02_02.jpg
DECT_01_AI_05_02.png
DECT_03_CP_ERB_He_05.jpg
DECT_07_CS_01_04.png
DECT_09_open_01.png
bottom of page