Akses Selamanya
Masuk /
Daftar
Our Happy Students
Review setelah bergabung di kelas Learn Flutter & Adobe XD: Build a Complete Mobile App
Kelas Online
Learn Flutter & Adobe XD: Build a Complete Mobile App
Released date November 2021
Last updated March 2026
Member
631 enrolled
Lesson Type
Video Only
Tingkatan
Sertifikat
Konsultasi
Develop Your Skills
Faktor pertama yang menjadi alasan pengguna menggunakan aplikasi e-commerce adalah tampilan antarmuka (UI) yang menarik. UI yang dirancang dengan baik dapat menanamkan kepercayaan pada produk yang ditawarkan, yang nantinya berpengaruh penting terhadap kelancaran bisnis produk tersebut. Kelas ini akan membahas proses pengembangan UI pada sisi Front-End secara lengkap, dari mendesain UI dengan Adobe XD sampai slicing desain ke Flutter.
Melalui case study “E-Commerce Story”, Adobe XD digunakan untuk membangun komponen UI (icon, tipografi, gambar, warna, dll) menjadi sebuah aplikasi utuh. Dengan Adobe XD, kita bisa menghasilkan high quality design sekaligus prototype guna memeriksa apakah interaksi dan navigasi pilihan kita sudah dirasa sesuai untuk dipakai secara nyata. Setelah desain selesai dibuat, proses berlanjut pada tahapan slicing design asset ke Flutter SDK. Slicing dilakukan untuk menulis coding dalam satu basis kode dengan beragam Widget praktis seperti Scaffold, Drawer, hingga Navigator.
Kelas ini cocok bagi Anda yang ingin mendalami desain aplikasi berskala besar. Bila menemukan kendala selama belajar, silakan berkonsultasi dengan para Mentor ahli kami di grup konsultasi. Segera daftar dan kami tunggu di kelas, ya!
Sneak Peek
Key Points
Mendesain aplikasi e-commerce dengan Adobe XD
Prototype UI Design dengan Adobe XD
Memahami Widget pada Flutter
Slicing UI Design ke Real Project dengan Flutter
Deploy Project ke Play Store
Designed For
Anda yang ingin mempelajari proses Design to Code
Anda yang ingin mempelajari UI/UX Design dengan Adobe XD
Anda yang ingin mempelajari Slicing UI ke Flutter
Anda yang ingin membangun aplikasi e-commerce
Anda yang ingin memiliki portofolio yang menjual
Anda yang ingin menjadi Front-End Developer
Course Lessons
Videos language: Bahasa Indonesia (Auto-translation available)
Learn With Expert
.JPG){kind=avatar}
Fini Charisa
Product Designer
(8.6K)
Tasya Agnes
Front-End Developer
(13.5K)
Karin Rehulina Ginting
UI Designer
materi yang disampaikan oleh mentor sangat jelas dan mudah dimengerti. apalagi durasi video per-partnya tidak terlalu panjang read more
17 Nov 2024
Belum ada review
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
Adobe XD
Software
Flutter SDK
Software
VSCode
Software
#BeyondPremium
Tampaknya kelas ini sedang menutup pendaftaran baru.
Silahkan menunggu pendaftaran batch selanjutnya.
Silahkan menunggu pendaftaran batch selanjutnya.
Similar Courses
(3,544)
.png)
(2,497)
(1,956)
Learn Flutter & Adobe XD: Build a Complete Mobile App
Videos language: Bahasa Indonesia (Auto-translation available)
-
Perkenalan Mentor 1 (Tasya)Video 1 minutes -
Perkenalan Mentor 2 (Fini)Video 1 minutes
-
Perkenalan UIVideo 3 minutes
-
Perkenalan UXVideo 3 minutes
-
ToolsVideo 5 minutes
-
iconVideo 7 minutes
-
Grid dan jarakVideo 6 minutes
-
WarnaVideo 4 minutes
-
Tipografi dan FontVideo 5 minutes
-
Understand Part 1Video 4 minutes
-
Understand part 2Video 6 minutes
-
ResearchVideo 6 minutes
-
User FlowVideo 10 minutes
-
Wireframe SketchVideo 5 minutes
-
Perkenalan Tools Adobe XD Part 1Video 9 minutes
-
Perkenalan Tools Adobe XD part 2Video 5 minutes
-
Document Asset TypographyVideo 7 minutes
-
Document Asset ColorVideo 3 minutes
-
Home - HeaderVideo 9 minutes
-
Home - Banner & CategoriesVideo 10 minutes
-
Home - Product and Menu BarVideo 9 minutes
-
Home - Fix When ScrollingVideo 2 minutes
-
Search PageVideo 4 minutes
-
Product Page Part 1Video 9 minutes
-
Product Detail part 2Video 4 minutes
-
Cart PageVideo 8 minutes
-
Checkout PageVideo 10 minutes
-
Login PageVideo 7 minutes
-
Register PageVideo 2 minutes
-
Onboarding ScreenVideo 6 minutes
-
Empty StateVideo 3 minutes
-
ProfileVideo 11 minutes
-
Edit ProfileVideo 6 minutes
-
AddressVideo 2 minutes
-
History PageVideo 9 minutes
-
History DetailVideo 3 minutes
-
NotificationVideo 6 minutes
-
Prototype Part 1Video 7 minutes
-
Prototype - Product Detail Part 2Video 1 minutes
-
Prototype Part 3Video 8 minutes
-
Membuat link & view settingVideo 5 minutes
-
Export AssetVideo 11 minutes
-
Perkenalan Kelas (Adobe XD x Flutter Class)Video 2 minutes
-
Export Asset From Adobe XDVideo 6 minutes
-
Get Started Page - 1. Create New ProjectVideo 7 minutes
-
Get Started Page - 2. Add BodyVideo 8 minutes
-
Get Started Page - FinishingVideo 4 minutes
-
Login Page - 1. Add HeaderVideo 8 minutes
-
Login Page - 2. Add TextFormFieldVideo 9 minutes
-
Login Page - FinishingVideo 13 minutes
-
Register Page - 1. Add bodyVideo 9 minutes
-
Register Page - FinishingVideo 5 minutes
-
Home Page - 1. Export Asset & Add NavigatorVideo 9 minutes
-
Home Page - 2. Add First HeaderVideo 10 minutes
-
Home Page - Finishing HeaderVideo 3 minutes
-
Home Page - 3. Add BannerVideo 16 minutes
-
Home Page - 4. Add CategoriesVideo 15 minutes
-
Home Page - Add Product ListVideo 12 minutes
-
Home Page - Split Widget Product ListVideo 12 minutes
-
Home Page - Export Asset Bottom NavBarVideo 5 minutes
-
Home Page - Bottom Navigation Bar (Finishing)Video 11 minutes
-
Product Page - Add BodyVideo 13 minutes
-
Product Page - Bottom Navigation BarVideo 6 minutes
-
Search PageVideo 16 minutes
-
Cart Page - Add BodyVideo 14 minutes
-
Cart Page - FinishingVideo 9 minutes
-
Detail Page - Add HeaderVideo 8 minutes
-
Detail Page - Add BodyVideo 7 minutes
-
Detail Page - Add Body Part IIVideo 15 minutes
-
Detail Page - FinishingVideo 9 minutes
-
Notification Page - Add BodyVideo 16 minutes
-
Notification Page - FinishingVideo 6 minutes
-
Order Details - Add HeaderVideo 15 minutes
-
Order Details - Add Order SummaryVideo 7 minutes
-
Order Details - FinishingVideo 10 minutes
-
Payment Success PageVideo 9 minutes
-
Profile Page - Add HeaderVideo 9 minutes
-
Profile Page - Add BodyVideo 13 minutes
-
Profile Page - Add Bottom Navigation BarVideo 7 minutes
-
Edit Profile Page - Add HeaderVideo 5 minutes
-
Edit Profile Page - FinishingVideo 9 minutes
-
Create New AddressVideo 11 minutes
-
Edit Address PageVideo 10 minutes
-
Order History - Add HeaderVideo 6 minutes
-
Order History - Add BodyVideo 12 minutes
-
Add Finishing PageVideo 4 minutes
-
Adding Navigator - Flow PageVideo 15 minutes
-
ClosingVideo 1 minutes
Member
631
Lesson Type
Video Only
Tingkatan
Sertifikat
Konsultasi
Develop Your Skills
Faktor pertama yang menjadi alasan pengguna menggunakan aplikasi e-commerce adalah tampilan antarmuka (UI) yang menarik. UI yang dirancang dengan baik dapat menanamkan kepercayaan pada produk yang ditawarkan, yang nantinya berpengaruh penting terhadap kelancaran bisnis produk tersebut. Kelas ini akan membahas proses pengembangan UI pada sisi Front-End secara lengkap, dari mendesain UI dengan Adobe XD sampai slicing desain ke Flutter.
Melalui case study “E-Commerce Story”, Adobe XD digunakan untuk membangun komponen UI (icon, tipografi, gambar, warna, dll) menjadi sebuah aplikasi utuh. Dengan Adobe XD, kita bisa menghasilkan high quality design sekaligus prototype guna memeriksa apakah interaksi dan navigasi pilihan kita sudah dirasa sesuai untuk dipakai secara nyata. Setelah desain selesai dibuat, proses berlanjut pada tahapan slicing design asset ke Flutter SDK. Slicing dilakukan untuk menulis coding dalam satu basis kode dengan beragam Widget praktis seperti Scaffold, Drawer, hingga Navigator.
Kelas ini cocok bagi Anda yang ingin mendalami desain aplikasi berskala besar. Bila menemukan kendala selama belajar, silakan berkonsultasi dengan para Mentor ahli kami di grup konsultasi. Segera daftar dan kami tunggu di kelas, ya!
read more
Learn With Expert
Key Points
-
Mendesain aplikasi e-commerce dengan Adobe XD
-
Prototype UI Design dengan Adobe XD
-
Memahami Widget pada Flutter
-
Slicing UI Design ke Real Project dengan Flutter
-
Deploy Project ke Play Store
Created For
-
Anda yang ingin mempelajari proses Design to Code
-
Anda yang ingin mempelajari UI/UX Design dengan Adobe XD
-
Anda yang ingin mempelajari Slicing UI ke Flutter
-
Anda yang ingin membangun aplikasi e-commerce
-
Anda yang ingin memiliki portofolio yang menjual
-
Anda yang ingin menjadi Front-End Developer
For Your Career
Akses Selamanya
Belajar lebih santai & produktif
Assets & Grup Private
Diskusi belajar agar lebih terarah
Sertifikat & Portfolio
Gunakan untuk modal bekerja
631
Happy Students
Happy Students
Dimas Halim Hartanto
Full-Stack Developer
Kelas yang sangat bagus
22 Aug 2025
Karin Rehulina Ginting
UI Designer
materi yang disampaikan oleh mentor sangat jelas dan mudah dimengerti. apalagi durasi video per-partnya tidak terlalu panjang
17 Nov 2024
Luqman Abdur Rohim
Full-Stack Developer
MANTAP
24 Aug 2024
ksfaris
Full-Stack Developer
all good then
07 Aug 2024
Alvian Faiz
Lifetime Learner
mantap
02 Aug 2024
mostafa gamal zaki shaban
Mobile App Developer
good
30 Jul 2024
Tools Pendukung
Pertanyaan Umum
Langkah yang tepat untuk berinvestasi kepada
ilmu
pengetahuan yang baru di bidang IT
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.
