flash sale
hamburger-menu

Kelas Online
Adobe XD Mega Course: Design E-Commerce App

Learn how to design and prototype apps

icon global
Release date August 2021
icon convert
Last updated November 2023
Member

283 enrolled

Tingkatan
level
Sertifikat
icon_check
Konsultasi
icon_check

Develop Your Skills

Ada jutaan aplikasi yang tersedia di App Store, dan beberapa di antaranya bahkan digunakan oleh user di seluruh dunia. Keberhasilan aplikasi tersebut tidak terlepas dari peran desainer yang handal dalam membangun tampilan yang menarik (UI) dan pengalaman pengguna yang nyaman (UX). Salah satu tools desain yang sangat berguna dalam proses ini adalah Adobe XD. Adobe XD adalah sebuah perangkat lunak desain terpopuler saat ini yang digunakan desainer untuk merancang, mengembangkan, dan menguji desain UI/UX serta membangun prototipe interaktif. Adobe XD memiliki keunggulan karena dapat membuat aplikasi dengan cepat melalui dua fitur utama, yaitu Desain dan Prototipe.

Melalui fitur Desain, kita dapat menampilkan nuansa UI yang menarik, sedangkan dengan fitur Prototipe kita dapat menciptakan versi mini aplikasi untuk mengukur interaksi pengguna terhadap desain secara keseluruhan. Dengan prototipe ini, kita dapat mengobservasi dan mengukur bagaimana pengguna berinteraksi dengan elemen-elemen UI yang telah dibuat. Hal ini membantu untuk mendapatkan umpan balik dan membuat perbaikan yang diperlukan sebelum melanjutkan ke tahap pengembangan aplikasi yang sebenarnya.

Pada kelas ini, Mentor akan menggunakan Adobe XD untuk membangun e-commerce "Story". Kita akan belajar tentang dasar-dasar desain UI/UX dan memahami aspek-aspek penting dalam proyek desain, seperti design brief, keinginan fitur dari pemilik produk, durasi proyek, dan lain sebagainya. Setelah desain dasar selesai, kita akan melanjutkan ke proses pembuatan prototipe dengan memvisualisasikan alur dan trigger agar perpindahan antar layar aplikasi dapat berjalan dengan mulus.

Prototipe yang dihasilkan atau mock-up akan digunakan untuk kolaborasi dengan rekan-rekan pengembang. Dengan menggunakan prototipe ini, tim desain dan pengembang dapat bekerja secara efektif dan berkomunikasi dengan lebih baik. Prototipe akan memberikan pandangan yang jelas tentang tampilan dan fungsionalitas aplikasi yang diinginkan, sehingga memudahkan pengembang dalam mengimplementasikannya dengan akurat.

Kelas ini sangat cocok bagi kamu yang ingin menguasai Adobe XD dan mempelajari cara membuat aplikasi yang bermanfaat. Kelas ini akan dipandu oleh pengajar yang berpengalaman dan ahli di bidangnya sehingga kamu akan belajar secara lebih terarah. Kami juga menyediakan berbagai kelas berkualitas dalam desain UI/UX, yang akan membantu kamu meningkatkan keterampilan dan pengetahuan kamu di bidang ini. Tunggu apalagi? Mari belajar desain bersama kami dan sampai jumpa di kelas!

Sneak Peek

Key Points

icon_check

Mempelajari tool dasar Adobe XD

icon_check

Mempelajari cara mendesain User Interface

icon_check

Merancang micro interaction dengan Flow dan Trigger

icon_check

Membangun portfolio desain aplikasi yang menjual

Designed For

icon_check

Anda yang ingin mendalami Adobe XD

icon_check

Anda yang ingin mendalami design dan prototype

icon_check

Anda yang ingin berprofesi sebagai UI/UX Designer

icon_check

Anda yang ingin memiliki portfolio desain aplikasi yang menjual

Course Lessons

Learn With Expert

Mentor Fini Charisa

Fini Charisa

UI Designer

ic-star ic-star ic-star ic-star ic-star

(8.1K)

Our Happy Students

Review setelah bergabung di kelas Adobe XD Mega Course: Design E-Commerce App

All Rating
Elviana at BuildWithAngga
Elviana

Quality Assurance

untuk video pembukaan kelasnya bagus, dan tidak ada yang harus di kritik read more

ic-star ic-star ic-star ic-star ic-star
Muhammad islam at BuildWithAngga
Muhammad islam

Mobile App Developer

Materi dalam kelas UI Design ini sangat di rekomendasikan bagi yang ingin manambah oebgetahuan di bidang UI Design read more

ic-star ic-star ic-star ic-star ic-star
Mamay Maulana Anggiyana at BuildWithAngga
Mamay Maulana Anggiyana

UI Designer

Sangat memuaskan dan mudah d pahami read more

ic-star ic-star ic-star ic-star ic-star
Iwan Ridwan at BuildWithAngga
Iwan Ridwan

Full-Stack Developer

ic-star ic-star ic-star ic-star ic-star
Laely Agustin at BuildWithAngga
Laely Agustin

Product Designer

materinya bagus sekali, penyampaian materi baik namun mungkin artikulasinya bisa diperjelas lagi agar lebih mudah didengar, terima kasih banyak read more

ic-star ic-star ic-star ic-star ic-star
Belum ada review
loader

Tools Pendukung

Lengkapi semua pendukung di bawah sebelum belajar

Low Risk, High Return

Investasi kepada diri kita sendiri memberikan
leverage kuat untuk masa depan karir kita

icon_check

Selamanya

Rp 390,000

Miliki kelas Premium secara permanen dan bangun sebuah projek nyata

icon_check

Akses kelas selamanya

icon_check

Premium rewards

icon_check

Career consultation

icon_check

Assets & group konsultasi

icon_check

Sertifikat kelulusan

icon_check

Lowongan magang dan kerja

Lihat Benefit Lainnya

Pertanyaan Umum

Langkah yang tepat untuk berinvestasi kepada
ilmu pengetahuan yang baru di bidang IT

Contact CS

Tingkatan kelas Premium yang kami miliki dibangun untuk All Levels yang memberartikan bahwa cocok untuk seluruh tingkatan. Kami juga menyarankan calon member untuk mengikuti kelas Starter (gratis) terlebih dahulu sebagai permulaan.

Sertifikat kelulusan kelas hanya tersedia pada kelas Premium. Dan untuk mendapatkannya, para member diwajibkan untuk menyelesaikan seluruh materi kelas dan juga Quiz yang telah disediakan oleh mentor.

Salah satu benefit unggulan kami adalah group konsultasi yang diberikan sebagai bonus untuk member yang telah mengikuti kelas Premium di platform BuildWithAngga. Silakan menghubungi Admin untk mendapatkan akses pada group tersebut.

Kami mengizinkan member yang telah mengikuti kelas Premium untuk menjual kembali projek kelas kepada klien, perusahaan, etc. Syarat utamanya adalah dengan memodifikasi sedikitnya yaitu 30% dari original project buatan mentor kelas tersebut.

Kami melarang member menjual atau membagikan hak akses kelas Premium kepada orang lain yang tidak terdaftar pada kelas tersebut. Mari kita support creators Indonesia dengan cara membeli kelas secara resmi dan satu akun hanya untuk satu pengguna saja.

Kami tidak memperbolehkan member menjual kembali materi kelas di BuildWithAngga. Kami siap melanjutkan kepada proses hukum apabila Anda terbukti benar memperjualbelikan kelas kami secara ilegal.
Foto kelas Adobe XD Mega Course: Design E-Commerce App Foto kelas Adobe XD Mega Course: Design E-Commerce App Foto kelas Adobe XD Mega Course: Design E-Commerce App

Adobe XD Mega Course: Design E-Commerce App

Learn how to design and prototype apps

  • lock
    Pembukaan Kelas
    1 minutes

  • lock
    Perkenalan UI Design
    3 minutes
  • lock
    Perkenalan UX Design
    3 minutes
  • lock
    Tools UI Design
    5 minutes

  • lock
    Icon
    7 minutes
  • lock
    Grid dan Jarak
    6 minutes
  • lock
    Warna
    4 minutes
  • lock
    Tipografi dan Font
    5 minutes

  • lock
    Understand
    4 minutes
  • lock
    Understand part 2
    6 minutes
  • lock
    Research
    6 minutes
  • play
    User Flow
    10 minutes
  • lock
    Wireframe Sketch
    5 minutes

  • lock
    Perkenalan Tools Adobe XD Part 1
    9 minutes
  • lock
    Perkenalan Tools Adobe XD part 2
    5 minutes
  • play
  • lock
    Document Asset Color
    3 minutes

  • lock
    Home - Search & Header
    9 minutes
  • lock
    Home - Banner + Categories
    10 minutes
  • lock
    Home - Product and Menu Bar
    10 minutes
  • play
  • lock
    Search Page
    5 minutes
  • lock
    Product Detail part 1
    9 minutes
  • lock
    Product Detail part 2
    5 minutes
  • lock
    Cart Page
    8 minutes
  • lock
    Checkout Page
    10 minutes
  • lock
    Login page
    7 minutes
  • lock
    Register Page
    2 minutes
  • lock
    Onboarding Screen
    6 minutes
  • lock
    Empty State
    3 minutes
  • lock
    Profile
    11 minutes
  • lock
    Edit Profile
    6 minutes
  • lock
    Address
    2 minutes
  • lock
    History
    9 minutes
  • lock
    History Detail
    3 minutes
  • lock
    Notification
    6 minutes

  • lock
    Prototype
    7 minutes
  • lock
    Product Detail
    1 minutes
  • lock
    Prototype
    8 minutes

  • lock
    Link & Share Setting
    5 minutes
  • lock
    Export Asset Project
    11 minutes

  • lock
    Penutup Kelas
    1 minutes
Develop Your Skills

Ada jutaan aplikasi yang tersedia di App Store, dan beberapa di antaranya bahkan digunakan oleh user di seluruh dunia. Keberhasilan aplikasi tersebut tidak terlepas dari peran desainer yang handal dalam membangun tampilan yang menarik (UI) dan pengalaman pengguna yang nyaman (UX). Salah satu tools desain yang sangat berguna dalam proses ini adalah Adobe XD. Adobe XD adalah sebuah perangkat lunak desain terpopuler saat ini yang digunakan desainer untuk merancang, mengembangkan, dan menguji desain UI/UX serta membangun prototipe interaktif. Adobe XD memiliki keunggulan karena dapat membuat aplikasi dengan cepat melalui dua fitur utama, yaitu Desain dan Prototipe.

Melalui fitur Desain, kita dapat menampilkan nuansa UI yang menarik, sedangkan dengan fitur Prototipe kita dapat menciptakan versi mini aplikasi untuk mengukur interaksi pengguna terhadap desain secara keseluruhan. Dengan prototipe ini, kita dapat mengobservasi dan mengukur bagaimana pengguna berinteraksi dengan elemen-elemen UI yang telah dibuat. Hal ini membantu untuk mendapatkan umpan balik dan membuat perbaikan yang diperlukan sebelum melanjutkan ke tahap pengembangan aplikasi yang sebenarnya.

Pada kelas ini, Mentor akan menggunakan Adobe XD untuk membangun e-commerce "Story". Kita akan belajar tentang dasar-dasar desain UI/UX dan memahami aspek-aspek penting dalam proyek desain, seperti design brief, keinginan fitur dari pemilik produk, durasi proyek, dan lain sebagainya. Setelah desain dasar selesai, kita akan melanjutkan ke proses pembuatan prototipe dengan memvisualisasikan alur dan trigger agar perpindahan antar layar aplikasi dapat berjalan dengan mulus.

Prototipe yang dihasilkan atau mock-up akan digunakan untuk kolaborasi dengan rekan-rekan pengembang. Dengan menggunakan prototipe ini, tim desain dan pengembang dapat bekerja secara efektif dan berkomunikasi dengan lebih baik. Prototipe akan memberikan pandangan yang jelas tentang tampilan dan fungsionalitas aplikasi yang diinginkan, sehingga memudahkan pengembang dalam mengimplementasikannya dengan akurat.

Kelas ini sangat cocok bagi kamu yang ingin menguasai Adobe XD dan mempelajari cara membuat aplikasi yang bermanfaat. Kelas ini akan dipandu oleh pengajar yang berpengalaman dan ahli di bidangnya sehingga kamu akan belajar secara lebih terarah. Kami juga menyediakan berbagai kelas berkualitas dalam desain UI/UX, yang akan membantu kamu meningkatkan keterampilan dan pengetahuan kamu di bidang ini. Tunggu apalagi? Mari belajar desain bersama kami dan sampai jumpa di kelas!

read more
Learn With Expert
Key Points
  • check
    Mempelajari tool dasar Adobe XD
  • check
    Mempelajari cara mendesain User Interface
  • check
    Merancang micro interaction dengan Flow dan Trigger
  • check
    Membangun portfolio desain aplikasi yang menjual
Created For
  • check
    Anda yang ingin mendalami Adobe XD
  • check
    Anda yang ingin mendalami design dan prototype
  • check
    Anda yang ingin berprofesi sebagai UI/UX Designer
  • check
    Anda yang ingin memiliki portfolio desain aplikasi yang menjual
For Your Career
phone
Akses Selamanya
Belajar lebih santai & produktif
private
Assets & Grup Private
Diskusi belajar agar lebih terarah
project
Sertifikat & Portfolio
Gunakan untuk modal bekerja
283
Happy Students
Elviana at BuildWithAngga
Elviana

Quality Assurance

untuk video pembukaan kelasnya bagus, dan tidak ada yang harus di kritik

ic-star ic-star ic-star ic-star ic-star
Muhammad islam at BuildWithAngga
Muhammad islam

Mobile App Developer

Materi dalam kelas UI Design ini sangat di rekomendasikan bagi yang ingin manambah oebgetahuan di bidang UI Design

ic-star ic-star ic-star ic-star ic-star
Mamay Maulana Anggiyana at BuildWithAngga
Mamay Maulana Anggiyana

UI Designer

Sangat memuaskan dan mudah d pahami

ic-star ic-star ic-star ic-star ic-star
Iwan Ridwan at BuildWithAngga
Iwan Ridwan

Full-Stack Developer

keren

ic-star ic-star ic-star ic-star ic-star
Laely Agustin at BuildWithAngga
Laely Agustin

Product Designer

materinya bagus sekali, penyampaian materi baik namun mungkin artikulasinya bisa diperjelas lagi agar lebih mudah didengar, terima kasih banyak

ic-star ic-star ic-star ic-star ic-star
loader

Pertanyaan Umum

Langkah yang tepat untuk berinvestasi kepada
ilmu pengetahuan yang baru di bidang IT

Contact CS

Tingkatan kelas Premium yang kami miliki dibangun untuk All Levels yang memberartikan bahwa cocok untuk seluruh tingkatan. Kami juga menyarankan calon member untuk mengikuti kelas Starter (gratis) terlebih dahulu sebagai permulaan.

Sertifikat kelulusan kelas hanya tersedia pada kelas Premium. Dan untuk mendapatkannya, para member diwajibkan untuk menyelesaikan seluruh materi kelas dan juga Quiz yang telah disediakan oleh mentor.

Salah satu benefit unggulan kami adalah group konsultasi yang diberikan sebagai bonus untuk member yang telah mengikuti kelas Premium di platform BuildWithAngga. Silakan menghubungi Admin untk mendapatkan akses pada group tersebut.

Kami mengizinkan member yang telah mengikuti kelas Premium untuk menjual kembali projek kelas kepada klien, perusahaan, etc. Syarat utamanya adalah dengan memodifikasi sedikitnya yaitu 30% dari original project buatan mentor kelas tersebut.

Kami melarang member menjual atau membagikan hak akses kelas Premium kepada orang lain yang tidak terdaftar pada kelas tersebut. Mari kita support creators Indonesia dengan cara membeli kelas secara resmi dan satu akun hanya untuk satu pengguna saja.

Kami tidak memperbolehkan member menjual kembali materi kelas di BuildWithAngga. Kami siap melanjutkan kepada proses hukum apabila Anda terbukti benar memperjualbelikan kelas kami secara ilegal.

Rp 390,000

arrow_upward