Works

Portfolio

Portfolio Single

Portfolio

Course Freelancer UI/UX & Illustration Designer: Brief, Wireframe, Visual Design, Portfolio.

Freelancer UI/UX & Illustration Designer: Brief, Wireframe, Visual Design, Portfolio merupakan Course Berbayar atau tipe kelas Premium dari BuildWithAngga yang Best Seller dalam kategori UI/UX Design dengan 65 Lessons (8.08 Jam).

Pada Course ini mempelajari UI Design plus UI Illustration dengan hasil akhir project design sebuah website. Dengan mempelajari cara memahami brief client berdasarkan request yang diberikan, dan mempelajari cara berkolaborasi dengan designer lainnya.

Key Point

  • Mempelajari software Figma A to Z
  • Mempelajari UI Design Illustration
  • Membangun Project Website
  • Membangun Portfolio & Freelancer

Designed For

  • Mahir dalam menggunakan Figma
  • Mempunyai portofolio yang berkelas
  • Mempelajari UI Illustration dengan Figma
  • Menjadi UI Design and Illustration Freelancer

Pada Course ini mengerjakan Project Landing Page atau Web Design yang bernama Hellena. Hellena ini merupakan tempat konsultasi untuk kesehatan yang bisa berkomunikasi langsung atau berkonsultasi antara dokter berbagai negara dengan pasien yang nantinya bisa juga didownload melalui Play Store dan App Store layaknya seperti Halodoc. Berikut contoh brief

html5 bootstrap template by colorlib.com

 

Refrensi Illustration

Karena Hellena ini merupakan tempat berkonsultasi tentang kesehatan, jadi Ilustrasi yang akan tentunya bertema tentang kesehatan. berikut refrensi Ilustrasi yang diambil dari website dribble.

html5 bootstrap template by colorlib.com
 

Refrensi Web Design

pada gambar dibawah salah satu refrensi yang diambil dari website dribble untuk tampilan web design atau landing page yang akan dibuat pada project Hellena. Karena refrensi ini secara visual kurang lebih mirip, bedanya pada gambar refrensi ini menggunakan foto asli dan untuk project Hellena ini menggunakan Ilustrasi yang dibuat sendiri.

html5 bootstrap template by colorlib.com
 

Wireframe Design

Sebelum memasuki tahap pembuatan Ilustrasi dan Web Design, disini membuat Wireframe Design terlebih dahulu di whimsical. karna untuk mempermudah berkomunikasi dan menerima feedback dari user atau client, dan dapat memberikan saran dan masukan terkait desain web atau aplikasi pada tahap ini. Dengan begitu, desainer juga dapat mewujudkan produk yang memang sesuai dengan kebutuhan pengguna.

html5 bootstrap template by colorlib.com
 

Sketching

Sketsa gambar ini bertujuan untuk mempermudah dalam pembuatan design Ilustrasi dengan menggunakan Pen Tool di software Figma agar menjadi gambar digital. sketsa ini berpedoman dengan Design Wireframe yang sebelumnya dibuat, dengan membutukan beberapa Ilustrasi seperti, Ilustrasi Banner, Ilustrasi Step dan Ilustrasi Download.

html5 bootstrap template by colorlib.com
 

Design Ilustrasi

Pada tahap pembuatan Design Ilustrasi ini adalah Frist Experience aku dalam membuat Ilustrasi menggunakan software Figma, sebelumnya itu biasa membuat atau meremake asset Ilustrasi di Adobe Illustrator tapi kali ini di software Figma. Sketsa pada gambar diatas benar-benar sangat membantu dalam pembuatan asset Ilustrasi, karna aku cukup mengikuti gambaran sketsa dengan pen tool.

html5 bootstrap template by colorlib.com
 

Mini Project Task

Mini Project Task ini seperti challenge dalam membuat Ilustrasi disoftware Figma dengan kententuan diantaranya:

  • Membuat 1-3 Ilustrasi bertema 'TeamWork'
  • Tentukan style & color palette
  • Jadikan portofolio di dribbble
Berikut refrensi aku dalam pembuatan Ilustrasi bertema TeamWork

html5 bootstrap template by colorlib.com
 

Berikut hasil mini project task yang diberikan oleh mentor dalam pembuatan Ilustrasi bertema TeamWork. hasil Ilustrasi ini menggambarkan sekelompok sedang melakukan Brainstorming dalam zoom meet.

html5 bootstrap template by colorlib.com
 

Web Design

Hasil tampilan Web Deisgn yang dibuat pada course Freelancer UI/UX & Illustration Designer: Brief, Wireframe, Visual Design, Portfolio. web Design ini mengacu pada Wireframe Design yang sudah dibuat sebelumnya di whimsical dan menambahkan Ilustrasi dengan color palette yang sesuai pada web design.

html5 bootstrap template by colorlib.com
 

Mockup & Portfolio

Setelah sudah melakukan tahap Design Web, tahap selanjutnya membuat portofolio yang akan dipublish di Dribbble dan Upwork dengan maksud tujuan mendapatkan pekerejaan sebagai Freelancer UI/UX agar Client tertarik dengan hasil Design yang sudah dibuat.

html5 bootstrap template by colorlib.com
 
html5 bootstrap template by colorlib.com
 
html5 bootstrap template by colorlib.com
 
html5 bootstrap template by colorlib.com
 

Back