{"id":4409,"date":"2023-02-16T11:22:20","date_gmt":"2023-02-16T11:22:20","guid":{"rendered":"https:\/\/zegen.id\/compro\/?p=4409"},"modified":"2023-05-11T08:23:03","modified_gmt":"2023-05-11T08:23:03","slug":"mengenal-mockup","status":"publish","type":"post","link":"https:\/\/zegen.id\/compro\/mengenal-mockup\/","title":{"rendered":"Mengenal Mockup"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"4409\" class=\"elementor elementor-4409\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-6d0fa6c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6d0fa6c\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e0dfa6d\" data-id=\"e0dfa6d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fcca41a elementor-widget elementor-widget-text-editor\" data-id=\"fcca41a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.21.0 - 30-04-2024 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<p>Mockup adalah sebuah rancangan ataupun model desain produk yang dibuat sebagai acuan sebelum direalisasikan.\u00a0<\/p><p>Dengan kata lain,\u00a0<a href=\"https:\/\/www.gramedia.com\/literasi\/apa-itu-mock-up\/\" target=\"_blank\" rel=\"noopener\"><u>mockup<\/u><\/a>\u00a0adalah visualisasi untuk memudahkan desainer dalam mengeksekusi produk jadi.\u00a0<\/p><p>Umumnya, mockup akan ditampilkan ketika proses presentasi, sehingga orang lain bisa memperoleh gambaran produk.\u00a0<\/p><p>Berhubungan dengan hal tersebut, mockup merupakan kunci yang paling penting untuk menentukan apakah sebuah konsep desain bisa diterima atau tidak, terlebih bila berhadapan dengan atasan di pekerjaan atau klien.\u00a0<\/p><p>Adanya mockup ini juga bisa memudahkan desainer ataupun pihak terkait dalam menerima saran.<\/p><p>Mockup sendiri terdiri dari dua kategori, yakni low fidelity dan juga high fidelity.\u00a0<\/p><p>Kategori low fidelity mockup ini merupakan sebuah rancangan desain yang masih sangat sederhana.\u00a0<\/p><p>Sementara untuk yang high fidelity mockup merupakan rancangan yang sudah cukup kompleks dalam menampilkan produknya.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-5f1c9ab elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5f1c9ab\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d30898f\" data-id=\"d30898f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f08872d elementor-widget elementor-widget-heading\" data-id=\"f08872d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.21.0 - 30-04-2024 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h5 class=\"elementor-heading-title elementor-size-default\">Fungsi Mockup<\/h5>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-e0e194e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e0e194e\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0d1fdb1\" data-id=\"0d1fdb1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-72a7c54 elementor-widget elementor-widget-text-editor\" data-id=\"72a7c54\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Mengacu pada pengertiannya, maka dapat dikatakan bahwa fungsi dari mockup itu sendiri adalah untuk mempermudah proses eksekusi dari rancangan produk.&nbsp;<\/p>\n<p>Sebuah desain yang sederhana mungkin sudah cukup membantu untuk menyampaikan ide rancangan.&nbsp;<\/p>\n<p>Namun mockup merupakan sebuah gambaran nyata dari produk dan yang paling realistis untuk menyerupai produk akhir.&nbsp;<\/p>\n<p>Oleh sebab itu, mockup mempunyai peran yang cukup penting dalam proses perilisan produk baru.&nbsp;<\/p>\n<p>Berikut ini adalah beberapa fungsi mockup, antara lain:<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-279af84 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"279af84\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f01180f\" data-id=\"f01180f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-46683ce elementor-widget elementor-widget-heading\" data-id=\"46683ce\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">1. Memberikan Gambaran Nyata Produk<\/h6>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-d8fb2a9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d8fb2a9\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-18e0122\" data-id=\"18e0122\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-660af5a elementor-widget elementor-widget-text-editor\" data-id=\"660af5a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Rancangan mockup ini merupakan representasi realistis dari sebuah produk.&nbsp;<\/p>\n<p>Oleh sebab itu, adanya mockup ini akan membantu para pihak terkait, seperti misalnya UI\/UX designer untuk mengamati setiap elemen yang ada di dalam produk.&nbsp;<\/p>\n<p>Rancangan tersebut bisa menjadi acuan untuk memperoleh hasil yang sesuai dan tepat.&nbsp;<\/p>\n<p>Selain itu, rancangan mockup ini lebih mudah untuk disampaikan dibandingkan hanya sekadar tampilan desain biasa atau bahkan berupa tulisan.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-018fa3f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"018fa3f\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-68b4202\" data-id=\"68b4202\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-271378d elementor-widget elementor-widget-heading\" data-id=\"271378d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">2. Menghemat Biaya<\/h6>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-e524db7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e524db7\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-86b4ac3\" data-id=\"86b4ac3\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b07f5ae elementor-widget elementor-widget-text-editor\" data-id=\"b07f5ae\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Fungsi mockup adalah menghemat anggaran untuk perilisan suatu produk karena setiap kekurangan atau kesalahan yang mungkin saja terjadi bisa diatasi dalam proses presentasi mockup ini.&nbsp;<\/p>\n<p>Umumnya, desainer akan menyampaikan rancangan desain mockup mereka dan kemudian orang lain akan menyampaikan kritik, pendapat, dan saran mereka.&nbsp;<\/p>\n<p>Hal itulah yang dianggap bisa menghemat biaya dengan meminimalisir adanya revisi ketika proses pembuatan produk jadi.&nbsp;<\/p>\n<p>Sehingga, apabila ada beberapa hal yang harus diubah, maka tidak perlu adanya pembiayaan ulang untuk membuat produk serupa.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-83de3c0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"83de3c0\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-89a51f5\" data-id=\"89a51f5\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-392970e elementor-widget elementor-widget-heading\" data-id=\"392970e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">3. Efektivitas Waktu<\/h6>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-344d92b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"344d92b\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1fb4c0f\" data-id=\"1fb4c0f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-22e188a elementor-widget elementor-widget-text-editor\" data-id=\"22e188a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Selain bisa menghemat biaya, fungsi dari mockup yaitu meningkatkan efektivitas waktu pengerjaan. &#8216;<\/p>\n<p>Apabila kesalahan bisa diminimalisir ketika proses perancangan mockup, maka waktu yang diperlukan juga akan lebih cepat untuk memperbaiki kesalahan.&nbsp;<\/p>\n<p>Hal tersebut pastinya berbeda bila produk sudah siap pasar tapi masih ada kesalahan yang harus diperbaiki.&nbsp;<\/p>\n<p>Waktu yang dibutuhkan untuk membuat mockup pastinya akan jauh lebih singkat bila dibandingkan dengan membuat ulang sebuah produk jadi.&nbsp;<\/p>\n<p>Oleh sebab itu, apabila ada perbaikan atau penambahan dari saran atau pendapat klien, maka prosesnya akan lebih cepat.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-26d9bae elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"26d9bae\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-10d814b\" data-id=\"10d814b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7157cd1 elementor-widget elementor-widget-heading\" data-id=\"7157cd1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">4. Media Untuk Presentasi<\/h6>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-68fd5e4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"68fd5e4\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-df2e243\" data-id=\"df2e243\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5b6c80e elementor-widget elementor-widget-text-editor\" data-id=\"5b6c80e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Selain beberapa fungsi yang sudah disebutkan di atas, mockup adalah media visualisasi yang dipakai desainer untuk menyampaikan rancangan desain mereka.\u00a0<\/p><p>Tanpa adanya mockup, penyampaian ide ataupun informasi akan jauh lebih sulit karena gambaran setiap orang pasti akan berbeda.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-4e4e283 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4e4e283\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-778f612\" data-id=\"778f612\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4cbcabc elementor-widget elementor-widget-heading\" data-id=\"4cbcabc\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">5. Memudahkan Proses Revisi<\/h6>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-86a16bb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"86a16bb\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fdb0d0d\" data-id=\"fdb0d0d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-29f4dac elementor-widget elementor-widget-text-editor\" data-id=\"29f4dac\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Selain bisa menghemat banyak waktu, mockup tentu akan memudahkan dalam melakukan perbaikan produk.&nbsp;<\/p>\n<p>Seperti yang kita pahami bahwa di dunia desain, revisi merupakan hal yang cukup umum dilakukan. Bahkan, revisi untuk sebuah produk bisa terjadi berulang kali.&nbsp;<\/p>\n<p>Misalnya saja, dalam pembuatan website, terdapat beberapa proses coding yang perlu dilakukan untuk menambahkan fitur, memperbaiki tampilan, dan lain sebagainya.&nbsp;<\/p>\n<p>Saat ingin memperbaiki website yang sudah melalui proses penulisan kode, maka dibutuhkan anggaran dan juga waktu yang lebih untuk melakukannya.&nbsp;<\/p>\n<p>Perbaikan mockup dari awal akan lebih mudah untuk dilakukan jika dibandingkan dengan harus memperbaiki produk yang sudah dalam tahap final.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-9206dc1 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9206dc1\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d1df0e1\" data-id=\"d1df0e1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5cf3ac3 elementor-widget elementor-widget-heading\" data-id=\"5cf3ac3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Mengapa Mockup Itu Penting?<\/h5>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-b3025f5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b3025f5\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-654ad92\" data-id=\"654ad92\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d99d9bf elementor-widget elementor-widget-text-editor\" data-id=\"d99d9bf\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Berdasarkan fungsi dari mock up itu sendiri, ada beberapa alasan mengapa mock up itu penting untuk dibuat sebelum merealisasikan sebuah produk.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-6e53460 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6e53460\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d5bc839\" data-id=\"d5bc839\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-075aaf3 elementor-widget elementor-widget-heading\" data-id=\"075aaf3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">1. Menarik Perhatian Investor<\/h6>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-b3fb1d6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b3fb1d6\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b2b9e03\" data-id=\"b2b9e03\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d60bb87 elementor-widget elementor-widget-text-editor\" data-id=\"d60bb87\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Mockup adalah tahapan awal perancangan sebuah produk yang juga berguna untuk meyakinkan orang lain, termasuk juga mendatangkan investor.\u00a0<\/p><p>Mengapa demikian? Investor pastinya tidak akan menginvestasikan modal pada sesuatu yang tidak jelas dan tidak menjanjikan.\u00a0<\/p><p>Keberadaan mock up ini merupakan salah satu cara untuk memberikan gambaran desain kepada para investor dengan detail, menarik, dan terperinci.\u00a0<\/p><p>Dalam pengembangan sebuah produk, baik itu berupa aplikasi ataupun produk barang dana investor, pastinya penting untuk menunjang perkembangan bisnis.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-a277487 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a277487\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c4323e7\" data-id=\"c4323e7\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7b9cbb5 elementor-widget elementor-widget-heading\" data-id=\"7b9cbb5\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">2. Estimasi Waktu Pengerjaan<\/h6>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-81209be elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"81209be\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0f91a05\" data-id=\"0f91a05\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-30c4d92 elementor-widget elementor-widget-text-editor\" data-id=\"30c4d92\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Rancangan mockup adalah salah satu acuan yang digunakan untuk memperkirakan waktu pengerjaan dan juga pengembangan dari sebuah produk.\u00a0<\/p><p>Walaupun hanya berupa desain dua dimensi, mock up akan memberikan gambaran detail setiap elemen pada produk.\u00a0<\/p><p>Hal itu tentunya akan memudahkan pihak pengembang untuk merencanakan rentang waktu dan juga bagian mana saja yang harus segera dikerjakan.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-98dfe32 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"98dfe32\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-88fbda7\" data-id=\"88fbda7\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9224eb9 elementor-widget elementor-widget-heading\" data-id=\"9224eb9\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">3. Memudahkan Proses Coding<\/h6>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-c6ce9f1 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c6ce9f1\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c529837\" data-id=\"c529837\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9f78303 elementor-widget elementor-widget-text-editor\" data-id=\"9f78303\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Apabila kita membicarakan tentang rancangan mock up dari sebuah aplikasi atau website, rancangan tersebut tentu bertujuan untuk mempermudah para pengembang untuk mempersiapkan elemen apa saja yang diperlukan.\u00a0<\/p><p>Selain itu, mock up juga akan memudahkan proses coding karena alur kerja ataupun algoritma aplikasi juga sudah terpetakan dalam rancangan.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-1cfb3f1 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1cfb3f1\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d82a3d3\" data-id=\"d82a3d3\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7d45104 elementor-widget elementor-widget-heading\" data-id=\"7d45104\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Anatomi Mockup<\/h5>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-35f1dec elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"35f1dec\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-bbbd56c\" data-id=\"bbbd56c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f94c9ab elementor-widget elementor-widget-text-editor\" data-id=\"f94c9ab\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Dalam sebuah desain, terdapat beberapa aspek yang perlu kita perhatikan. Setiap jenis desain mempunyai anatomi mockup masing-masing.\u00a0<\/p><p>Berikut ini adalah beberapa aspek yang ada di dalam anatomi mockup yang perlu dipahami, antara lain:<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-a4b94d8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a4b94d8\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2c7852f\" data-id=\"2c7852f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ef87615 elementor-widget elementor-widget-heading\" data-id=\"ef87615\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">1. Layout<\/h6>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-37fa408 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"37fa408\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3b3ddab\" data-id=\"3b3ddab\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fbe2d45 elementor-widget elementor-widget-text-editor\" data-id=\"fbe2d45\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Layout pada mockup merupakan gambaran penempatan konten yang akan ditampilkan pada sebuah desain. Beberapa contoh layout yaitu F-shape, Z-shape, single column, split screen dan lain sebagainya.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-6af173a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6af173a\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-43d7a2c\" data-id=\"43d7a2c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2da89c4 elementor-widget elementor-widget-heading\" data-id=\"2da89c4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">2. Warna<\/h6>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-a6e926e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a6e926e\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0109cc4\" data-id=\"0109cc4\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2ba3ea1 elementor-widget elementor-widget-text-editor\" data-id=\"2ba3ea1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Warna merupakan salah satu komponen yang ada di dalam mockup. Penggunaan warna dapat mempengaruhi perasaan pengguna terhadap produk.\u00a0<\/p><p>Hal tersebut akan memberikan pengaruh terhadap kenyamanan pengguna ketika memakai produk kamu.\u00a0<\/p><p>Oleh karena itu, penentuan warna memang sangat penting saat ingin mendesain sebuah produk.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-e21e446 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e21e446\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7369021\" data-id=\"7369021\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-32db00d elementor-widget elementor-widget-heading\" data-id=\"32db00d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">3. Kontras<\/h6>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-bfba33e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"bfba33e\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8dbc41f\" data-id=\"8dbc41f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ce443ec elementor-widget elementor-widget-text-editor\" data-id=\"ce443ec\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Sama pentingnya dengan warna, kontras juga sangat berpengaruh untuk kenyamanan pengguna.\u00a0<\/p><p>Hal tersebut karena jika kontras dalam tampilan website ataupun aplikasi kurang bagus, maka pengguna akan kesulitan untuk membaca teks yang ditampilkan.\u00a0<\/p><p>Oleh karena itu, kontras adalah komponen yang perlu diperhatikan oleh setiap desainer.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-e3a4f3a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e3a4f3a\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5a5c744\" data-id=\"5a5c744\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-30e1a0b elementor-widget elementor-widget-heading\" data-id=\"30e1a0b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">4. Tipografi<\/h6>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-8ad5d76 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8ad5d76\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-702c3ef\" data-id=\"702c3ef\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4689807 elementor-widget elementor-widget-text-editor\" data-id=\"4689807\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Tipografi atau tipe font adalah salah satu komponen anatomi mockup. Sebab, penggunaan jenis font, ukuran, dan juga spacing pada teks yang tepat akan membuat sebuah desain menjadi lebih menarik dan juga nyaman untuk dilihat.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-0b4bfe4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0b4bfe4\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cf3ced8\" data-id=\"cf3ced8\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5cee4e3 elementor-widget elementor-widget-heading\" data-id=\"5cee4e3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">5. Spacing<\/h6>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-9453912 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9453912\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fd5aeb6\" data-id=\"fd5aeb6\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-40a6c1a elementor-widget elementor-widget-text-editor\" data-id=\"40a6c1a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Sebuah desain tidak harus selalu penuh dan padat. Adanya ruang kosong yang ada di sebuah desain justru akan mempercantik tampilan. Bahkan, ruang kosong ataupun space merupakan elemen yang bagus.\u00a0<\/p><p>Space ini akan membuat pengguna lebih mudah untuk membaca konten yang ditampilkan.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-0a5845c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0a5845c\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-092e3bc\" data-id=\"092e3bc\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-21aa0cc elementor-widget elementor-widget-heading\" data-id=\"21aa0cc\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">6. Navigasi<\/h6>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-4ab7211 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4ab7211\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f54d245\" data-id=\"f54d245\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d82436d elementor-widget elementor-widget-text-editor\" data-id=\"d82436d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Navigasi merupakan salah satu komponen anatomi mockup. Dengan adanya navigasi yang tepat, pengguna bisa dengan mudah menjelajahi situs atau aplikasi yang dikembangkan.\u00a0<\/p><p>Sama halnya dengan mendesain layout, perancangan navigasi di sebuah produk akan membuat semua komponen atau elemen yang ada di dalam desain bisa digunakan dengan baik oleh pengguna.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-cc17822 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"cc17822\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f782224\" data-id=\"f782224\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e3651d0 elementor-widget elementor-widget-heading\" data-id=\"e3651d0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Aplikasi Mockup<\/h5>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-24ee88c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"24ee88c\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-35de036\" data-id=\"35de036\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fffbff7 elementor-widget elementor-widget-text-editor\" data-id=\"fffbff7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Pada dasarnya, rancangan mockup ini bisa dibuat secara manual. Akan tetapi, di era sekarang ini, ada banyak aplikasi mockup yang bisa kita gunakan.\u00a0<\/p><p>Berikut ini adalah beberapa contoh aplikasi mockup yang perlu diketahui, antara lain:<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-c91ec3d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c91ec3d\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6f10e42\" data-id=\"6f10e42\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7de20f3 elementor-widget elementor-widget-heading\" data-id=\"7de20f3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">1. Figma<\/h6>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-ad70c7c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ad70c7c\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-dce4988\" data-id=\"dce4988\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ec2c7c3 elementor-widget elementor-widget-text-editor\" data-id=\"ec2c7c3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Aplikasi Figma akan membantu kamu untuk melakukan wireframing. Selain gratis, aplikasi ini juga menyediakan berbagai fitur dan juga kemudahan untuk para web designer untuk membuat desain mockup mereka.\u00a0<\/p><p>Tak hanya itu saja, tampilan dan juga fitur Figma juga cukup sederhana. Sehingga sangat cocok untuk digunakan para pemula.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-b1515cc elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b1515cc\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d2dcb4f\" data-id=\"d2dcb4f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5328c70 elementor-widget elementor-widget-heading\" data-id=\"5328c70\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">2. Canva<\/h6>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-632961a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"632961a\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-262a287\" data-id=\"262a287\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ca92219 elementor-widget elementor-widget-text-editor\" data-id=\"ca92219\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Canva merupakan salah satu aplikasi mockup paling populer karena kemudahannya dalam digunakan.\u00a0<\/p><p>Terdapat berbagai macam template yang tersedia untuk membantu kamu untuk membuat prototipe website ataupun sebuah produk.\u00a0<\/p><p>Beberapa aset yang tersedia di Canva bisa digunakan secara gratis dan berbayar.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-8632353 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8632353\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c0a23ed\" data-id=\"c0a23ed\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-beedf33 elementor-widget elementor-widget-heading\" data-id=\"beedf33\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">3. Mockflow<\/h6>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-c968d22 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c968d22\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-95c411a\" data-id=\"95c411a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-655f33a elementor-widget elementor-widget-text-editor\" data-id=\"655f33a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Mockflow adalah salah satu aplikasi mockup yang memungkinkan kamu untuk membuat wireframes yang interaktif dan prototipe UI.\u00a0<\/p><p>Selain itu, Mockflow ini juga memungkinkan kamu untuk saling berkolaborasi dalam proses pengerjaan.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-12e8e6a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"12e8e6a\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8b8a605\" data-id=\"8b8a605\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8f66fe1 elementor-widget elementor-widget-heading\" data-id=\"8f66fe1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">4. Proto.io<\/h6>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-3bc24ce elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3bc24ce\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f5ecc50\" data-id=\"f5ecc50\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-af9038c elementor-widget elementor-widget-text-editor\" data-id=\"af9038c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Proto.io adalah sebuah platform prototyping yang dirancang khusus untuk membuat mockup aplikasi mobile. Terdapat berbagai fitur<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-c311c94 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c311c94\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d0647af\" data-id=\"d0647af\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b01e585 elementor-widget elementor-widget-heading\" data-id=\"b01e585\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">5. Wirefy<\/h6>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-239516c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"239516c\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a353070\" data-id=\"a353070\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-59f40d7 elementor-widget elementor-widget-text-editor\" data-id=\"59f40d7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Wirefy adalah salah satu software wireframing online yang dibuat khusus untuk proses pembuatan website dan pengembangan alat.\u00a0<\/p><p>Dengan menggunakan aplikasi yang satu ini, kamu bisa mempercepat proses desain karena software ini akan menciptakan transisi yang lebih halus antara sketsa awal dan hasil kerjanya.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-e1ebbe9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e1ebbe9\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f781964\" data-id=\"f781964\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b1cac74 elementor-widget elementor-widget-heading\" data-id=\"b1cac74\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Contoh Mockup<\/h5>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-9eec0ae elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9eec0ae\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b2013d6\" data-id=\"b2013d6\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8e7bef7 elementor-widget elementor-widget-text-editor\" data-id=\"8e7bef7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Setelah memahami apa itu&nbsp;<a href=\"https:\/\/glints.com\/id\/lowongan\/mockup-adalah\/#.Y-4Cu3ZBzrc\" target=\"_blank\" rel=\"noopener\"><u>mockup<\/u><\/a>, manfaat, fungsi, dan juga contoh aplikasinya.&nbsp;<\/p>\n<p>Sekarang, untuk melengkapi pemahaman kita mengenai mockup,&nbsp;<\/p>\n<p>Berikut adalah beberapa contoh mockup dari berbagai macam produk, antara lain:<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-30f245b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"30f245b\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-01a4d6c\" data-id=\"01a4d6c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2a1806c elementor-widget elementor-widget-heading\" data-id=\"2a1806c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">1. Mockup Website atau Aplikasi<\/h6>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-ca48389 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ca48389\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8bf4317\" data-id=\"8bf4317\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-717f12e elementor-widget elementor-widget-text-editor\" data-id=\"717f12e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Dalam pembuatan website ataupun aplikasi, dibutuhkan rancangan mockup untuk melihat bagaimana konsep yang sedang kita susun.\u00a0<\/p><p>Hal tersebut berguna supaya setiap tim dan juga klien dapat memahami gambaran secara nyata mengenai produk, seperti apa tampilannya, warna, penggunaan tipografi, navigasi, dan elemen lainnya yang bisa menunjang kenyamanan pengguna.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-45e50e1 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"45e50e1\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fe68a76\" data-id=\"fe68a76\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8aaadc6 elementor-widget elementor-widget-heading\" data-id=\"8aaadc6\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">2. Mockup Logo<\/h6>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-ba849f3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ba849f3\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c0f5111\" data-id=\"c0f5111\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-788c66b elementor-widget elementor-widget-text-editor\" data-id=\"788c66b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Selain berguna untuk pembuatan website atau aplikasi, mockup juga bisa digunakan dalam pembuatan logo sebuah perusahaan atau bisnis tertentu.\u00a0<\/p><p>Biasanya, desainer akan diminta untuk membuat rancangan logo yang dibutuhkan perusahaan.\u00a0<\/p><p>Lalu, logo tersebut akan ditempatkan untuk beberapa benda, misalnya saja pada kop surat, kartu nama, bannner, atau barang-barang merchandise perusahaan seperti tas, kaos, dan lain sebagainya.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-a2408e6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a2408e6\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-84b6c11\" data-id=\"84b6c11\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c8f0e06 elementor-widget elementor-widget-heading\" data-id=\"c8f0e06\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">3. Mockup Kemasan<\/h6>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-0e6e7de elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0e6e7de\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-57f0ce1\" data-id=\"57f0ce1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-dfaee71 elementor-widget elementor-widget-text-editor\" data-id=\"dfaee71\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Contoh mockup lainnya yaitu pada produk berbentuk fisik, yaitu kemasan produk.\u00a0<\/p><p>Berbeda dengan produk digital, produk fisik mempunyai bentuk, ukuran, dan volume yang bisa dipegang.\u00a0<\/p><p>Oleh karena itu, barang-barang tersebut memerlukan mockup untuk bisa menampilkan kemasan produk. Sehingga dapat dibayangkan oleh klien.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-d573856 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d573856\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1ea2e4c\" data-id=\"1ea2e4c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3593bba elementor-widget elementor-widget-heading\" data-id=\"3593bba\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Keuntungan Mockup<\/h5>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-4aacab7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4aacab7\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-be6132b\" data-id=\"be6132b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6259402 elementor-widget elementor-widget-heading\" data-id=\"6259402\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">1. Mempermudah stakeholder<\/h6>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-5f76012 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5f76012\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-acd8a0e\" data-id=\"acd8a0e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0cb81a7 elementor-widget elementor-widget-text-editor\" data-id=\"0cb81a7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Menurut UXPin, mockup menggunakan gambaran high-fidelity, yaitu rencana desain yang sudah menampilkan informasi secara rinci dan menunjukkan dengan jelas bagaimana sebuah situs atau aplikasi akan dibuat.\u00a0<\/p><p>Oleh karena itu, mockup adalah cara sederhana agar stakeholder dapat dengan mudah melihat dan memahami produk final yang akan dibuat.<\/p><p>Stakeholder juga bisa memberikan masukan dan kritik mengenai desain tersebut sebelum melaju ke proses selanjutnya.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-5d60f21 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5d60f21\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4d14e27\" data-id=\"4d14e27\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5457624 elementor-widget elementor-widget-heading\" data-id=\"5457624\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">2.  Memberi perspektif realistis<\/h6>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-8ff1965 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8ff1965\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4f232db\" data-id=\"4f232db\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5f7d6b7 elementor-widget elementor-widget-text-editor\" data-id=\"5f7d6b7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Dengan rancangan mockup, desainer UI dan UX dapat melihat bagaimana semua elemen yang telah dirancang bekerja serealistis mungkin menyerupai produk final yang direncanakan.<\/p><p>Masalah yang mungkin timbul ketika produk digunakan dapat terlihat dengan desain mockup.<\/p><p>Hal ini sulit diketahui hanya dengan desain di atas kertas seperti pemilihan warna yang kurang padu, kesulitan navigasi, dan lain-lain.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-f471fee elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f471fee\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c71b0e8\" data-id=\"c71b0e8\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3e35639 elementor-widget elementor-widget-heading\" data-id=\"3e35639\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">3. Mempermudah perbaikan<\/h6>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-f0d086e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f0d086e\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ad05ef9\" data-id=\"ad05ef9\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2ec767c elementor-widget elementor-widget-text-editor\" data-id=\"2ec767c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Akan lebih mudah bagi desainer untuk memperbaiki kesalahan atau kekurangan pada desain sebelum desain tersebut dilanjutkan ke tahap coding. Ketika sudah masuk tahap coding, perbaikan akan lebih rumit.<\/p><p>Developer web akan dapat mengerjakan coding untuk desain dengan leluasa jika tahu bahwa desain yang mereka buat kodenya telah benar-benar final<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-cdd6d42 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"cdd6d42\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e05d068\" data-id=\"e05d068\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7cb93f3 elementor-widget elementor-widget-heading\" data-id=\"7cb93f3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">4. Hemat anggaran<\/h6>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-32c531b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"32c531b\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5051148\" data-id=\"5051148\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5aa9930 elementor-widget elementor-widget-text-editor\" data-id=\"5aa9930\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Dengan memastikan tidak ada kesalahan lagi saat desain sudah difinalisasi, biaya produksi akan lebih murah dibanding harus memperbaiki desain dan mengulang coding dari awal.<\/p><p>Biaya bisa berpotensi meningkat jika melakukan proses desain produk tanpa mockup.<\/p><p>Uang yang dihemat berkat perencanaan yang baik ini bisa dimanfaatkan untuk sektor produksi lainnya.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-afaa91a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"afaa91a\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-60da260\" data-id=\"60da260\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6bda435 elementor-widget elementor-widget-heading\" data-id=\"6bda435\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Kekurangan Mockup<\/h5>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-c58ba95 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c58ba95\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c6d1180\" data-id=\"c6d1180\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c7ebb03 elementor-widget elementor-widget-heading\" data-id=\"c7ebb03\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">1. Hanya berupa tampilan visual<\/h6>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-001989a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"001989a\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0afaa62\" data-id=\"0afaa62\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5a96ad4 elementor-widget elementor-widget-text-editor\" data-id=\"5a96ad4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Mockup memang bisa membantu stakeholder mendapat gambaran awal mengenai rancangan desain. Namun, gambaran tersebut hanya visualnya saja.<\/p><p>Akibatnya, feedback yang diberikan juga kemungkinan lebih berfokus pada elemen visual dibandingkan fungsinya.<\/p><p>Daripada mendiskusikan mengapa fungsi tertentu harus ditambahkan, client mungkin akan lebih tertarik membahas warna, ukuran tombol, dan hal lainnya.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-f7bd0b7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f7bd0b7\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9294096\" data-id=\"9294096\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1adb0d1 elementor-widget elementor-widget-heading\" data-id=\"1adb0d1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">2. Kurang menggambarkan flow produk<\/h6>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-a05b1d2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a05b1d2\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d66dd7c\" data-id=\"d66dd7c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-52fb574 elementor-widget elementor-widget-text-editor\" data-id=\"52fb574\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Di dalam mockup, biasanya desainer menambahkan deskripsi di setiap flow atau alur produk dari awal hingga akhir.<\/p><p>Deskripsi tersebut memang membantu menjelaskan alasan fitur tertentu harus ditambahkan dan pemilihan desain yang ditampilkan.<\/p><p>Namun, karena mockup adalah hal yang berbeda dengan prototype, stakeholder tidak bisa langsung mengeklik fitur tersebut untuk merasakan langsung bagaimana prosesnya.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-de41eed elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"de41eed\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7f42cf8\" data-id=\"7f42cf8\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fbbe776 elementor-widget elementor-widget-heading\" data-id=\"fbbe776\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">3. Menimbulkan ekspektasi yang berbeda<\/h6>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-d1494d5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d1494d5\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-990540f\" data-id=\"990540f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7804b6d elementor-widget elementor-widget-text-editor\" data-id=\"7804b6d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Mockup dibuat dengan software grafis, bukan melalui proses coding.<\/p><p>Stakeholder memiliki tendensi untuk menaruh ekspektasi tinggi bahwa hasil akhir akan sesuai dengan visualisasi yang mereka lihat sebelumnya.<\/p><p>Padahal, ada banyak komponen yang tidak bisa dievaluasi hanya dengan melihat mockup. Keterbatasan ini yang menyebabkan hasil akhir bisa saja tidak sesuai dengan mockup.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-ea65c53 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ea65c53\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ef86055\" data-id=\"ef86055\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e346294 elementor-widget elementor-widget-heading\" data-id=\"e346294\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Mengapa Mockup Penting?<\/h5>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-3e291f2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3e291f2\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0bb5900\" data-id=\"0bb5900\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0faaed8 elementor-widget elementor-widget-heading\" data-id=\"0faaed8\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">1. Perkiraan waktu pengembangan<\/h6>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-7a3e954 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7a3e954\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3b1c3f0\" data-id=\"3b1c3f0\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7ffd5ee elementor-widget elementor-widget-text-editor\" data-id=\"7ffd5ee\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Mockup adalah tahap penting agar front-end developer tidak kesulitan untuk memperkirakan berapa lama proses pengembangan produk akan berjalan.<\/p><p>Meskipun berupa gambaran statis, tetapi mockup dapat menjelaskan bagian-bagian yang akan didesain bergerak atau menggunakan animasi.<\/p><p>Dibanding langsung masuk ke proses coding, akan lebih cepat jika menggunakan mockup terlebih dahulu.<\/p><p>Dengan ini, developer bisa tahu berapa waktu yang dibutuhkan untuk menerjemahkan desain mockup menjadi produk nyata.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-f7d0dd7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f7d0dd7\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3f07204\" data-id=\"3f07204\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1f3a2be elementor-widget elementor-widget-heading\" data-id=\"1f3a2be\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">2. Coding HTML<\/h6>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-6cb6221 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6cb6221\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-72550eb\" data-id=\"72550eb\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5ca4712 elementor-widget elementor-widget-text-editor\" data-id=\"5ca4712\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Para front-end developer membutuhkan mockup untuk mengetahui warna, bentuk, font, serta elemen lain dalam desain yang diinginkan dan menterjemahkannya ke dalam kode.<\/p><p>Tanpa mockup, akan sulit untuk mengetahui itu semua dan proses perancangan akan menjadi lebih lama.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-615e38d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"615e38d\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fbe3458\" data-id=\"fbe3458\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7531aa2 elementor-widget elementor-widget-heading\" data-id=\"7531aa2\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">3. Mendatangkan investor<\/h6>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-5dace96 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5dace96\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-45f631f\" data-id=\"45f631f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a4216e5 elementor-widget elementor-widget-text-editor\" data-id=\"a4216e5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Mockup adalah cara awal agar sebuah rancangan produk dilirik investor.<\/p><p>Tanpa desain mockup yang bagus dan rinci, investor tidak akan tahu seberapa besar potensi situs atau aplikasi yang kamu rencanakan.<\/p><p>Jika ini terjadi, tentu saja akan sulit untuk merealisasikan sebuah proyek tanpa investor dan dana yang cukup.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-89500ec elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"89500ec\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-99505b2\" data-id=\"99505b2\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c9acbc9 elementor-widget elementor-widget-heading\" data-id=\"c9acbc9\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">4. Kenyamanan pengguna<\/h6>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-4769864 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4769864\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-63d7430\" data-id=\"63d7430\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d1ab54e elementor-widget elementor-widget-text-editor\" data-id=\"d1ab54e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Situs atau aplikasi buatanmu harus terlihat bagus. Selain itu, pengguna harus bisa menemukan apa yang mereka cari dengan mudah dan bernavigasi tanpa kesulitan.\u00a0<\/p><p>Tahap paling mudah untuk mengidentifikasi kebutuhan pengguna dan keselarasan fitur serta desain yang dirancang adalah mockup, oleh karena itu mockup sangatlah penting.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-a87b1e8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a87b1e8\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-20d168b\" data-id=\"20d168b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4acb464 elementor-widget elementor-widget-text-editor\" data-id=\"4acb464\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Dari penjelasan di atas, bisa kita pahami bahwa mock up adalah visualisasi ataupun rancangan konsep desain yang akan diterapkan di sebuah produk.&nbsp;<\/p>\n<p>Dalam dunia UI\/UX desain, mock up adalah rancangan konsep yang meliputi elemen tampilan visual, tipografi, warna, dan juga navigasi pada sebuah produk.<\/p>\n<p><br><\/p>\n<p><b>Baca Juga :&nbsp;<\/b><a href=\"https:\/\/zegen.id\/compro\/mengenal-wireframe\/\" target=\"_blank\"><b>Mengenal Wirerame<\/b><\/a><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Mockup adalah sebuah rancangan ataupun model desain produk yang dibuat sebagai acuan sebelum direalisasikan.\u00a0 Dengan kata lain,\u00a0mockup\u00a0adalah visualisasi untuk memudahkan desainer dalam mengeksekusi produk jadi.\u00a0 Umumnya, mockup akan ditampilkan ketika proses presentasi, sehingga orang lain bisa memperoleh gambaran produk.\u00a0 Berhubungan dengan hal tersebut, mockup merupakan kunci yang paling penting untuk menentukan apakah sebuah konsep desain [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":4703,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[3,73,65],"tags":[71,32,72],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Mengenal Mockup - Zegen Mockup<\/title>\n<meta name=\"description\" content=\"Mockup adalah sebuah rancangan desain produk yang dibuat sebagai acuan untuk mempermudah desainer sebelum produk direalisasikan.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/zegen.id\/compro\/mengenal-mockup\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mengenal Mockup - Zegen Mockup\" \/>\n<meta property=\"og:description\" content=\"Mockup adalah sebuah rancangan desain produk yang dibuat sebagai acuan untuk mempermudah desainer sebelum produk direalisasikan.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/zegen.id\/compro\/mengenal-mockup\/\" \/>\n<meta property=\"og:site_name\" content=\"Zegen\" \/>\n<meta property=\"article:published_time\" content=\"2023-02-16T11:22:20+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-11T08:23:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/zegen.id\/compro\/wp-content\/uploads\/2023\/02\/Frame-48.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"1248\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/zegen.id\/compro\/mengenal-mockup\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/zegen.id\/compro\/mengenal-mockup\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\/\/zegen.id\/compro\/#\/schema\/person\/9aa35f757825c356fff648ff424ab988\"},\"headline\":\"Mengenal Mockup\",\"datePublished\":\"2023-02-16T11:22:20+00:00\",\"dateModified\":\"2023-05-11T08:23:03+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/zegen.id\/compro\/mengenal-mockup\/\"},\"wordCount\":2133,\"publisher\":{\"@id\":\"https:\/\/zegen.id\/compro\/#organization\"},\"image\":{\"@id\":\"https:\/\/zegen.id\/compro\/mengenal-mockup\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/zegen.id\/compro\/wp-content\/uploads\/2023\/02\/Frame-48.jpg\",\"keywords\":[\"creative\",\"Marketing\",\"mockup\"],\"articleSection\":[\"Creative\",\"mockup\",\"UI\/UX Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/zegen.id\/compro\/mengenal-mockup\/\",\"url\":\"https:\/\/zegen.id\/compro\/mengenal-mockup\/\",\"name\":\"Mengenal Mockup - Zegen Mockup\",\"isPartOf\":{\"@id\":\"https:\/\/zegen.id\/compro\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/zegen.id\/compro\/mengenal-mockup\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/zegen.id\/compro\/mengenal-mockup\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/zegen.id\/compro\/wp-content\/uploads\/2023\/02\/Frame-48.jpg\",\"datePublished\":\"2023-02-16T11:22:20+00:00\",\"dateModified\":\"2023-05-11T08:23:03+00:00\",\"description\":\"Mockup adalah sebuah rancangan desain produk yang dibuat sebagai acuan untuk mempermudah desainer sebelum produk direalisasikan.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/zegen.id\/compro\/mengenal-mockup\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/zegen.id\/compro\/mengenal-mockup\/#primaryimage\",\"url\":\"https:\/\/zegen.id\/compro\/wp-content\/uploads\/2023\/02\/Frame-48.jpg\",\"contentUrl\":\"https:\/\/zegen.id\/compro\/wp-content\/uploads\/2023\/02\/Frame-48.jpg\",\"width\":1600,\"height\":1248,\"caption\":\"mockup\"},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/zegen.id\/compro\/#website\",\"url\":\"https:\/\/zegen.id\/compro\/\",\"name\":\"Zegen\",\"description\":\"PT Zegen Solusi Mandiri or better known as Zegen has become a leading software developer technology in Indonesia.\",\"publisher\":{\"@id\":\"https:\/\/zegen.id\/compro\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/zegen.id\/compro\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/zegen.id\/compro\/#organization\",\"name\":\"Zegen\",\"url\":\"https:\/\/zegen.id\/compro\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/zegen.id\/compro\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/zegen.id\/compro\/wp-content\/uploads\/2023\/10\/Group-17-1-3.png\",\"contentUrl\":\"https:\/\/zegen.id\/compro\/wp-content\/uploads\/2023\/10\/Group-17-1-3.png\",\"width\":97,\"height\":47,\"caption\":\"Zegen\"},\"image\":{\"@id\":\"https:\/\/zegen.id\/compro\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/zegensm\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/zegen.id\/compro\/#\/schema\/person\/9aa35f757825c356fff648ff424ab988\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/zegen.id\/compro\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0279cab43577e1465b108ed40019f287?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0279cab43577e1465b108ed40019f287?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"sameAs\":[\"https:\/\/zegen.id\/compro\/\"],\"url\":\"https:\/\/zegen.id\/compro\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mengenal Mockup - Zegen Mockup","description":"Mockup adalah sebuah rancangan desain produk yang dibuat sebagai acuan untuk mempermudah desainer sebelum produk direalisasikan.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/zegen.id\/compro\/mengenal-mockup\/","og_locale":"en_US","og_type":"article","og_title":"Mengenal Mockup - Zegen Mockup","og_description":"Mockup adalah sebuah rancangan desain produk yang dibuat sebagai acuan untuk mempermudah desainer sebelum produk direalisasikan.","og_url":"https:\/\/zegen.id\/compro\/mengenal-mockup\/","og_site_name":"Zegen","article_published_time":"2023-02-16T11:22:20+00:00","article_modified_time":"2023-05-11T08:23:03+00:00","og_image":[{"width":1600,"height":1248,"url":"https:\/\/zegen.id\/compro\/wp-content\/uploads\/2023\/02\/Frame-48.jpg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/zegen.id\/compro\/mengenal-mockup\/#article","isPartOf":{"@id":"https:\/\/zegen.id\/compro\/mengenal-mockup\/"},"author":{"name":"admin","@id":"https:\/\/zegen.id\/compro\/#\/schema\/person\/9aa35f757825c356fff648ff424ab988"},"headline":"Mengenal Mockup","datePublished":"2023-02-16T11:22:20+00:00","dateModified":"2023-05-11T08:23:03+00:00","mainEntityOfPage":{"@id":"https:\/\/zegen.id\/compro\/mengenal-mockup\/"},"wordCount":2133,"publisher":{"@id":"https:\/\/zegen.id\/compro\/#organization"},"image":{"@id":"https:\/\/zegen.id\/compro\/mengenal-mockup\/#primaryimage"},"thumbnailUrl":"https:\/\/zegen.id\/compro\/wp-content\/uploads\/2023\/02\/Frame-48.jpg","keywords":["creative","Marketing","mockup"],"articleSection":["Creative","mockup","UI\/UX Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/zegen.id\/compro\/mengenal-mockup\/","url":"https:\/\/zegen.id\/compro\/mengenal-mockup\/","name":"Mengenal Mockup - Zegen Mockup","isPartOf":{"@id":"https:\/\/zegen.id\/compro\/#website"},"primaryImageOfPage":{"@id":"https:\/\/zegen.id\/compro\/mengenal-mockup\/#primaryimage"},"image":{"@id":"https:\/\/zegen.id\/compro\/mengenal-mockup\/#primaryimage"},"thumbnailUrl":"https:\/\/zegen.id\/compro\/wp-content\/uploads\/2023\/02\/Frame-48.jpg","datePublished":"2023-02-16T11:22:20+00:00","dateModified":"2023-05-11T08:23:03+00:00","description":"Mockup adalah sebuah rancangan desain produk yang dibuat sebagai acuan untuk mempermudah desainer sebelum produk direalisasikan.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/zegen.id\/compro\/mengenal-mockup\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/zegen.id\/compro\/mengenal-mockup\/#primaryimage","url":"https:\/\/zegen.id\/compro\/wp-content\/uploads\/2023\/02\/Frame-48.jpg","contentUrl":"https:\/\/zegen.id\/compro\/wp-content\/uploads\/2023\/02\/Frame-48.jpg","width":1600,"height":1248,"caption":"mockup"},{"@type":"WebSite","@id":"https:\/\/zegen.id\/compro\/#website","url":"https:\/\/zegen.id\/compro\/","name":"Zegen","description":"PT Zegen Solusi Mandiri or better known as Zegen has become a leading software developer technology in Indonesia.","publisher":{"@id":"https:\/\/zegen.id\/compro\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/zegen.id\/compro\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/zegen.id\/compro\/#organization","name":"Zegen","url":"https:\/\/zegen.id\/compro\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/zegen.id\/compro\/#\/schema\/logo\/image\/","url":"https:\/\/zegen.id\/compro\/wp-content\/uploads\/2023\/10\/Group-17-1-3.png","contentUrl":"https:\/\/zegen.id\/compro\/wp-content\/uploads\/2023\/10\/Group-17-1-3.png","width":97,"height":47,"caption":"Zegen"},"image":{"@id":"https:\/\/zegen.id\/compro\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/zegensm\/"]},{"@type":"Person","@id":"https:\/\/zegen.id\/compro\/#\/schema\/person\/9aa35f757825c356fff648ff424ab988","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/zegen.id\/compro\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0279cab43577e1465b108ed40019f287?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0279cab43577e1465b108ed40019f287?s=96&d=mm&r=g","caption":"admin"},"sameAs":["https:\/\/zegen.id\/compro\/"],"url":"https:\/\/zegen.id\/compro\/author\/admin\/"}]}},"rttpg_featured_image_url":{"full":["https:\/\/zegen.id\/compro\/wp-content\/uploads\/2023\/02\/Frame-48.jpg",1600,1248,false],"landscape":["https:\/\/zegen.id\/compro\/wp-content\/uploads\/2023\/02\/Frame-48.jpg",1600,1248,false],"portraits":["https:\/\/zegen.id\/compro\/wp-content\/uploads\/2023\/02\/Frame-48.jpg",1600,1248,false],"thumbnail":["https:\/\/zegen.id\/compro\/wp-content\/uploads\/2023\/02\/Frame-48-150x150.jpg",150,150,true],"medium":["https:\/\/zegen.id\/compro\/wp-content\/uploads\/2023\/02\/Frame-48-300x234.jpg",300,234,true],"large":["https:\/\/zegen.id\/compro\/wp-content\/uploads\/2023\/02\/Frame-48-1024x799.jpg",1024,799,true],"1536x1536":["https:\/\/zegen.id\/compro\/wp-content\/uploads\/2023\/02\/Frame-48-1536x1198.jpg",1536,1198,true],"2048x2048":["https:\/\/zegen.id\/compro\/wp-content\/uploads\/2023\/02\/Frame-48.jpg",1600,1248,false],"tp-image-grid":["https:\/\/zegen.id\/compro\/wp-content\/uploads\/2023\/02\/Frame-48.jpg",700,546,false],"bdfe-large-thumb":["https:\/\/zegen.id\/compro\/wp-content\/uploads\/2023\/02\/Frame-48.jpg",600,468,false],"bdfe-hero-slider-thumb":["https:\/\/zegen.id\/compro\/wp-content\/uploads\/2023\/02\/Frame-48.jpg",832,649,false]},"rttpg_author":{"display_name":"admin","author_link":"https:\/\/zegen.id\/compro\/author\/admin\/"},"rttpg_comment":0,"rttpg_category":"<a href=\"https:\/\/zegen.id\/compro\/category\/creative\/\" rel=\"category tag\">Creative<\/a> <a href=\"https:\/\/zegen.id\/compro\/category\/mockup\/\" rel=\"category tag\">mockup<\/a> <a href=\"https:\/\/zegen.id\/compro\/category\/ui-ux-design\/\" rel=\"category tag\">UI\/UX Design<\/a>","rttpg_excerpt":"Mockup adalah sebuah rancangan ataupun model desain produk yang dibuat sebagai acuan sebelum direalisasikan.\u00a0 Dengan kata lain,\u00a0mockup\u00a0adalah visualisasi untuk memudahkan desainer dalam mengeksekusi produk jadi.\u00a0 Umumnya, mockup akan ditampilkan ketika proses presentasi, sehingga orang lain bisa memperoleh gambaran produk.\u00a0 Berhubungan dengan hal tersebut, mockup merupakan kunci yang paling penting untuk menentukan apakah sebuah konsep desain&hellip;","_links":{"self":[{"href":"https:\/\/zegen.id\/compro\/wp-json\/wp\/v2\/posts\/4409"}],"collection":[{"href":"https:\/\/zegen.id\/compro\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/zegen.id\/compro\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/zegen.id\/compro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zegen.id\/compro\/wp-json\/wp\/v2\/comments?post=4409"}],"version-history":[{"count":27,"href":"https:\/\/zegen.id\/compro\/wp-json\/wp\/v2\/posts\/4409\/revisions"}],"predecessor-version":[{"id":4722,"href":"https:\/\/zegen.id\/compro\/wp-json\/wp\/v2\/posts\/4409\/revisions\/4722"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/zegen.id\/compro\/wp-json\/wp\/v2\/media\/4703"}],"wp:attachment":[{"href":"https:\/\/zegen.id\/compro\/wp-json\/wp\/v2\/media?parent=4409"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/zegen.id\/compro\/wp-json\/wp\/v2\/categories?post=4409"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/zegen.id\/compro\/wp-json\/wp\/v2\/tags?post=4409"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}