{"id":27531,"date":"2023-12-08T00:34:26","date_gmt":"2023-12-07T17:34:26","guid":{"rendered":"https:\/\/hotelier.id\/studi\/?p=27531"},"modified":"2023-12-08T00:34:26","modified_gmt":"2023-12-07T17:34:26","slug":"apa-itu-mockup","status":"publish","type":"post","link":"https:\/\/hotelier.id\/studi\/apa-itu-mockup\/","title":{"rendered":"Apa Itu Mockup? Tujuan, Kelebihan, Kekurangan, dan Contoh"},"content":{"rendered":"\n<p>Istilah <em>mockup <\/em>tentu sudah akrab di telinga siapa saja yang berkecimpung di dunia desain. Sebab, <em>mockup <\/em>adalah elemen yang sangat penting dalam proses pembuatan desain. Namun, apakah kamu memahami apa apa itu <em>mockup<\/em> yang sebenarnya?<\/p>\n\n\n\n<p>Jika ingin masuk ke dunia desain, setidaknya kamu harus paham betul seluk beluk mengenai <em>mockup<\/em>. Yuk, langsung simak saja agar kamu bisa memahaminya dengan baik lewat ulasan berikut!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Apa Itu Mockup?<\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"667\" src=\"https:\/\/hotelier.id\/studi\/wp-content\/uploads\/2023\/11\/Apa-Itu-Mockup_.jpg\" alt=\"Ilustrasi Desainer\" class=\"wp-image-27533\" srcset=\"https:\/\/hotelier.id\/studi\/wp-content\/uploads\/2023\/11\/Apa-Itu-Mockup_.jpg 1000w, https:\/\/hotelier.id\/studi\/wp-content\/uploads\/2023\/11\/Apa-Itu-Mockup_-300x200.jpg 300w, https:\/\/hotelier.id\/studi\/wp-content\/uploads\/2023\/11\/Apa-Itu-Mockup_-768x512.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><figcaption class=\"wp-element-caption\">Ilustrasi Desainer | Sumber gambar: Freepik<\/figcaption><\/figure><\/div>\n\n\n<p><em>Mockup <\/em>atau dengan nama lain rancangan model desain adalah suatu gambaran atau visualisasi dari konsep desain yang nantinya akan dibuat. Rancangan model<em> <\/em>sendiri terdiri dari beberapa elemen desain. Seperti tipografi, <em>layout<\/em>, warna desain, visual navigasi, dan <em>iconography <\/em>yang nantinya akan memberikan tampilan desain yang utuh.<\/p>\n\n\n\n<p>Rancangan model sendiri masuknya ke dalam desain <em>low-fidelity <\/em>atau <em>high-fidelity<\/em>. Nah, apa itu <em>mockup<\/em><em> low-fidelity<\/em>? Apa itu <em>mockup<\/em><em> high-fidelity?<\/em><\/p>\n\n\n\n<p>Rancangan model yang masuk ke dalam kategori <em>low-fidelity <\/em>adalah desain yang masih bersifat praktis dan sederhana. Sedangkan, suatu rancangan model masuk ke dalam kategori <em>high-fidelity <\/em>jika desainnya sudah lebih kompleks.<\/p>\n\n\n\n<p>Penggunaan rancangan model ini sangat penting dan membantu desainer untuk menyelesaikan desain dari suatu produk. Selain itu, adanya penggunaan rancangan model juga dapat memberikan bayangan atau gambaran seperti apa penampakan suatu desain dalam produk sebelum rilis ke pasaran.<\/p>\n\n\n\n<p>Rancangan ini adalah modal yang sangat penting bagi desainer untuk mempermudah proses pembuatan desain dan komunikasi dengan klien. Desain ini tidak hanya sebatas pada produk fisik, namun rancangan model juga sangat penting keberadaannya bagi desainer UI\/UX yang tugasnya merancang desain dari situs atau <em>website<\/em>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Tujuan Mockup<\/h2>\n\n\n\n<p>Setelah kamu mempelajari apa itu <em>mockup<\/em><em> <\/em>atau rancangan model, sekarang akan masuk ke pembahasan mengenai beberapa tujuan dari pemanfaatan rancangan model di dalam proses pembuatan desain. Berikut uraiannya:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Membantu Memiliki Gambaran Realistis<\/h3>\n\n\n\n<p>Manfaat utama yang bisa kamu peroleh dari pemanfaatan <em>mockup <\/em>adalah untuk memberikan gambaran realistis terkait desain yang akan diaplikasikan pada produk \u2013 baik produk fisik ataupun produk <em>website<\/em>.<\/p>\n\n\n\n<p>Rancangan model akan menyerupai hasil final dari desain yang kamu buat untuk <em>stakeholder <\/em>atau klien. Artinya, selain memudahkaN dalam memiliki gambaran, rancangan model juga akan mempermudah klien dalam membayangkan seperti apa desain yang akan tercipta.<\/p>\n\n\n\n<p>Tentu saja, ini akan sangat membantu klien dalam mengambil keputusan. Serta untuk mengetahui apakah klien sudah merasa puas atau belum dengan desain yang kamu tawarkan.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Sebagai Bahan Presentasi<\/h3>\n\n\n\n<p>Persamaan persepsi antara desainer dan klien sangat diperlukan untuk mendukung efektifnya proses pembuatan desain. Agar persamaan persepsi itu terwujud, desainer membutuhkan rancangan model agar dapat dirinya presentasikan.<\/p>\n\n\n\n<p>Peran rancangan model di sini adalah sebagai alat bantu atau presentasi desainer terkait ide desain yang dirinya miliki agar dapat mudah dipahami oleh pihak klien.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. Menghemat Waktu Pengerjaan<\/h3>\n\n\n\n<p>Manfaat lain dari pemanfaatan <em>mockup <\/em>adalah dapat menghemat waktu pengerjaan desain. Karena akan memberikan gambaran awal pada klien terkait ide yang desainer miliki. Maka, jika ada ketidakcocokan di awal, hal tersebut bisa terdeteksi lebih cepat oleh klien.<\/p>\n\n\n\n<p>Pihak klien akan bisa memberikan masukan sedari awal terkait desain apa yang mereka inginkan dari desainer. Sehingga, desainer akan lebih mudah memahami keinginan klien dan dapat membuat desain sesuai kebutuhan sejak awal. Risiko pengerjaan ulang dan permintaan revisi dari klien pun akan lebih sedikit<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4. Meyakinkan Klien atau Stakeholder<\/h3>\n\n\n\n<p>Seperti yang sudah dibahas sejak bagian \u201capa itu <em>mockup<\/em>?\u201d, kamu sudah paham kalau rancangan model ternyata bisa mempermudah dalam proses pengerjaan desain sekaligus berkomunikasi dengan klien. Salah satu keraguan besar klien adalah tidak jelasnya gambaran atau desain yang akan desainer buat.&nbsp;<\/p>\n\n\n\n<p>Nah, lewat rancangan model ini, keraguan klien pun bisa kamu hindari. Hal tersebut juga akan lebih meyakinkan klien terhadap desain awal yang kamu rencanakan dan menambah kepercayaan klien karena kamu mampu memeberi kesan profesional.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">5. Menghemat Pengeluaran<\/h3>\n\n\n\n<p>Adanya rancangan model tentu akan menghemat pengeluaran atau biaya produksi dari desainer karena risiko untuk membuat ulang desain dari awal makin kecil. Pengeluaran yang lebih kecil akan menguntungkan desainer karena uang yang sudah kamu hemat bisa dimanfaatkan untuk bagian produksi lainnya.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">6. Memiliki Gambaran Terkait Waktu Pengerjaan<\/h3>\n\n\n\n<p>Adanya rancangan model di awal akan memberikan gambaran pada desainer terkait berapa lama estimasi waktu untuk membuat desain tersebut. Estimasi tersebut tentu bisa kamu informasikan juga pada klien.<\/p>\n\n\n\n<p>Lewat <em>mockup<\/em>, estimasi waktu yang kamu miliki ada dasarnya dan tidak hanya menurut perasaan atau tebakan. Estimasi waktu yang berdasar ini nantinya juga akan meyakinkan klien karena mereka memiliki pegangan informasi yang pasti.<\/p>\n\n\n\n<p>Lebih dari itu, kamu sebagai desainer juga akan mengetahui proses kerja apa saja yang sebaiknya kamu dahulukan dan kamu kerjakan agar hasil desain bisa lebih maksimal.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Kelebihan dan Kekurangan Mockup<\/h2>\n\n\n\n<p>Sekarang kamu sudah tahu apa itu <em>mockup<\/em><em> <\/em>dan apa manfaatnya bagi desainer dan klien. Selain itu, ternyata <em>mockup <\/em>sendiri juga punya kelebihan dan kekurangan yang perlu kamu ketahui.<\/p>\n\n\n\n<p>Kelebihan <em>mockup <\/em>sebetulnya secara tidak langsung sudah kita bahas di bagian manfaat <em>mockup<\/em>. Kelebihan ini tentu menguntungkan kedua pihak baik desainer ataupun klien.<\/p>\n\n\n\n<p>Beberapa kelebihan tersebut adalah memudahkan kerja desainer, memberikan gambaran pada klien mengenai desain, mempersingkat waktu kerja, mempermudah estimasi waktu kerja, dan mempersingkat revisi yang mungkin terjadi.<\/p>\n\n\n\n<p>Adanya rancangan model sedari awal sebetulnya juga memberikan kamu kesan profesional sebagai desainer. Rancangan model yang sudah ada sejak awal akan memberikan kejelasan pada klien.<\/p>\n\n\n\n<p>Namun, penerapan <em>mockup <\/em>ternyata juga punya kelemahan. Salah satu kelemahan terbesarnya adalah proses pembuatannya yang cukup lama. Jadi, kamu akan menguras banyak waktu di awal hanya untuk membuatnya. Pembuatan rancangan model yang memakan waktu ini sangat terasa jika kamu adalah desainer pemula.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Contoh Mockup<\/h2>\n\n\n\n<p>Ada beberapa contoh pengerjaan desain yang memerlukan <em>mockup <\/em>di dalam proses awalnya. Beberapa contoh rancangan model adalah sebagai berikut:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Mockup Kemasan<\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"765\" src=\"https:\/\/hotelier.id\/studi\/wp-content\/uploads\/2023\/11\/1.-Mockup-Kemasan-1024x765.png\" alt=\"Ilustrasi Mockup Kemasan\" class=\"wp-image-27534\" srcset=\"https:\/\/hotelier.id\/studi\/wp-content\/uploads\/2023\/11\/1.-Mockup-Kemasan-1024x765.png 1024w, https:\/\/hotelier.id\/studi\/wp-content\/uploads\/2023\/11\/1.-Mockup-Kemasan-300x224.png 300w, https:\/\/hotelier.id\/studi\/wp-content\/uploads\/2023\/11\/1.-Mockup-Kemasan-768x574.png 768w, https:\/\/hotelier.id\/studi\/wp-content\/uploads\/2023\/11\/1.-Mockup-Kemasan-1536x1147.png 1536w, https:\/\/hotelier.id\/studi\/wp-content\/uploads\/2023\/11\/1.-Mockup-Kemasan.png 1896w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Ilustrasi Mockup Kemasan | Sumber Gambar: Freepik<\/figcaption><\/figure><\/div>\n\n\n<p>Salah satu contoh yang memerlukan desain dan <em>mockup <\/em>adalah kemasan produk. Kemasan produk memiliki beberapa elemen seperti ukuran, volume, dan bentuk yang nyata. Nah, rancangan model<em> <\/em>dari desainer akan mempermudah klien membayangkan tampilan kemasan jika mengaplikasikan desain tersebut.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Mockup Logo<\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"870\" height=\"580\" src=\"https:\/\/hotelier.id\/studi\/wp-content\/uploads\/2023\/11\/2.-Mockup-Logo.jpeg\" alt=\"Ilustrasi Mockup Logo\" class=\"wp-image-27535\" srcset=\"https:\/\/hotelier.id\/studi\/wp-content\/uploads\/2023\/11\/2.-Mockup-Logo.jpeg 870w, https:\/\/hotelier.id\/studi\/wp-content\/uploads\/2023\/11\/2.-Mockup-Logo-300x200.jpeg 300w, https:\/\/hotelier.id\/studi\/wp-content\/uploads\/2023\/11\/2.-Mockup-Logo-768x512.jpeg 768w\" sizes=\"auto, (max-width: 870px) 100vw, 870px\" \/><figcaption class=\"wp-element-caption\">Ilustrasi Mockup Logo | Sumber Gambar: GraphicsFamily<\/figcaption><\/figure><\/div>\n\n\n<p>Contoh apa itu <em>mockup<\/em> kedua<em> <\/em>adalah pembuatan logo. Logo adalah karya desain yang berbeda dengan karya lainnya. Selain enak dipandang dan memiliki komposisi warna yang pas, logo yang baik juga harus memuat identitas dan ciri khas dari bisnis.<\/p>\n\n\n\n<p>Adanya rancangan model tentu sangat penting agar klien bisa mengetahui gambaran kasar dari logo yang akan kita buat. Ini juga akan memudahkan klien dalam memberi masukan agar hasil final logo memiliki identitas dan bersifat unik.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. Mockup Aplikasi atau Website<\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/hotelier.id\/studi\/wp-content\/uploads\/2023\/11\/3.-Mockup-Aplikasi-atau-Website-1024x683.jpg\" alt=\"Ilustrasi Mockup Aplikasi\" class=\"wp-image-27536\" srcset=\"https:\/\/hotelier.id\/studi\/wp-content\/uploads\/2023\/11\/3.-Mockup-Aplikasi-atau-Website-1024x683.jpg 1024w, https:\/\/hotelier.id\/studi\/wp-content\/uploads\/2023\/11\/3.-Mockup-Aplikasi-atau-Website-300x200.jpg 300w, https:\/\/hotelier.id\/studi\/wp-content\/uploads\/2023\/11\/3.-Mockup-Aplikasi-atau-Website-768x512.jpg 768w, https:\/\/hotelier.id\/studi\/wp-content\/uploads\/2023\/11\/3.-Mockup-Aplikasi-atau-Website-1536x1024.jpg 1536w, https:\/\/hotelier.id\/studi\/wp-content\/uploads\/2023\/11\/3.-Mockup-Aplikasi-atau-Website-2048x1365.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Ilustrasi Mockup Aplikasi | Sumber Gambar: Freepik<\/figcaption><\/figure><\/div>\n\n\n<p>Rancangan model aplikasi atau <em>website <\/em>adalah gambaran desain yang sering dibuat oleh desainer UI\/UX. Model pada aplikasi atau <em>website <\/em>yang akan dibuat akan mempermudah desainer dan klien melihat tipografi, warna, navigasi, dan elemen untuk membuat hasilnya lebih maksimal.<\/p>\n\n\n\n<p><strong><a href=\"https:\/\/hotelier.id\/studi\/internet-lokal-adalah\" target=\"_blank\" data-type=\"URL\" data-id=\"https:\/\/hotelier.id\/studi\/internet-lokal-adalah\" rel=\"noreferrer noopener\">Baca Juga : Internet Lokal Adalah: Konsep dan Cara Penggunaan Sederhana<\/a><\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Sudah Memahami Apa Itu Mockup?<\/h2>\n\n\n\n<p>Sekarang kamu sudah memahami apa itu <em>mockup<\/em> dan tujuan pembuatannya, bukan? Intinya, <em>mockup <\/em>akan sangat membantu desainer dan membuat pekerjaan lebih efisien. Umumnya, kamu bisa membuat rancangan ini secara manual. Namun, karena teknologi yang semakin berkembang, membuat mockup akan lebih mudah lewat aplikasi.<\/p>\n\n\n\n<p>Beberapa contoh aplikasi yang bisa kamu gunakan adalah Canva, Figma, Wirefy, dan Mockflow. Kamu juga bisa gunakan aplikasi tersebut untuk belajar jika merupakan seorang desainer pemula. Semoga bermanfaat!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Apa itu mockup? Ini adalah istilah wajib yang harus kamu ketahui sebelum mencoba untuk menjadi desainer. Yuk, ketahui lebih dalam di sini!<\/p>\n","protected":false},"author":2,"featured_media":27532,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2067],"tags":[],"class_list":["post-27531","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-teknologi","infinite-scroll-item","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-50","no-featured-image-padding"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Apa Itu Mockup? Tujuan, Kelebihan, Kekurangan, dan Contoh - Hotelier Studi<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hotelier.id\/studi\/apa-itu-mockup\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Apa Itu Mockup? Tujuan, Kelebihan, Kekurangan, dan Contoh - Hotelier Studi\" \/>\n<meta property=\"og:description\" content=\"Apa itu mockup? Ini adalah istilah wajib yang harus kamu ketahui sebelum mencoba untuk menjadi desainer. Yuk, ketahui lebih dalam di sini!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hotelier.id\/studi\/apa-itu-mockup\/\" \/>\n<meta property=\"og:site_name\" content=\"Hotelier Studi\" \/>\n<meta property=\"article:published_time\" content=\"2023-12-07T17:34:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hotelier.id\/studi\/wp-content\/uploads\/2023\/11\/utama-11.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"667\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Linda Yulita\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Linda Yulita\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/hotelier.id\/studi\/apa-itu-mockup\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/hotelier.id\/studi\/apa-itu-mockup\/\"},\"author\":{\"name\":\"Linda Yulita\",\"@id\":\"https:\/\/hotelier.id\/studi\/#\/schema\/person\/8b00debc255b2b67a22d845cf6521ae5\"},\"headline\":\"Apa Itu Mockup? Tujuan, Kelebihan, Kekurangan, dan Contoh\",\"datePublished\":\"2023-12-07T17:34:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/hotelier.id\/studi\/apa-itu-mockup\/\"},\"wordCount\":1163,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/hotelier.id\/studi\/#organization\"},\"image\":{\"@id\":\"https:\/\/hotelier.id\/studi\/apa-itu-mockup\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hotelier.id\/studi\/wp-content\/uploads\/2023\/11\/utama-11.jpg\",\"articleSection\":[\"Teknologi\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/hotelier.id\/studi\/apa-itu-mockup\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/hotelier.id\/studi\/apa-itu-mockup\/\",\"url\":\"https:\/\/hotelier.id\/studi\/apa-itu-mockup\/\",\"name\":\"Apa Itu Mockup? Tujuan, Kelebihan, Kekurangan, dan Contoh - Hotelier Studi\",\"isPartOf\":{\"@id\":\"https:\/\/hotelier.id\/studi\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/hotelier.id\/studi\/apa-itu-mockup\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/hotelier.id\/studi\/apa-itu-mockup\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hotelier.id\/studi\/wp-content\/uploads\/2023\/11\/utama-11.jpg\",\"datePublished\":\"2023-12-07T17:34:26+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/hotelier.id\/studi\/apa-itu-mockup\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/hotelier.id\/studi\/apa-itu-mockup\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hotelier.id\/studi\/apa-itu-mockup\/#primaryimage\",\"url\":\"https:\/\/hotelier.id\/studi\/wp-content\/uploads\/2023\/11\/utama-11.jpg\",\"contentUrl\":\"https:\/\/hotelier.id\/studi\/wp-content\/uploads\/2023\/11\/utama-11.jpg\",\"width\":1000,\"height\":667,\"caption\":\"Apa Itu Mockup? Tujuan, Kelebihan, Kekurangan, dan Contoh\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/hotelier.id\/studi\/apa-itu-mockup\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/hotelier.id\/studi\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Apa Itu Mockup? Tujuan, Kelebihan, Kekurangan, dan Contoh\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/hotelier.id\/studi\/#website\",\"url\":\"https:\/\/hotelier.id\/studi\/\",\"name\":\"Hotelier Studi\",\"description\":\"Media Digital Pendidikan Terpercaya\",\"publisher\":{\"@id\":\"https:\/\/hotelier.id\/studi\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/hotelier.id\/studi\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/hotelier.id\/studi\/#organization\",\"name\":\"Hotelier Studi\",\"url\":\"https:\/\/hotelier.id\/studi\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hotelier.id\/studi\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/hotelier.id\/studi\/wp-content\/uploads\/2023\/03\/cropped-Logo-Hotelier-PNG.png\",\"contentUrl\":\"https:\/\/hotelier.id\/studi\/wp-content\/uploads\/2023\/03\/cropped-Logo-Hotelier-PNG.png\",\"width\":285,\"height\":70,\"caption\":\"Hotelier Studi\"},\"image\":{\"@id\":\"https:\/\/hotelier.id\/studi\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/hotelier.id\/studi\/#\/schema\/person\/8b00debc255b2b67a22d845cf6521ae5\",\"name\":\"Linda Yulita\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hotelier.id\/studi\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/bc2d42f7dcc39baf1f053b7ebcd7105e797581b24faee33da4849f37e889b56a?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/bc2d42f7dcc39baf1f053b7ebcd7105e797581b24faee33da4849f37e889b56a?s=96&d=mm&r=g\",\"caption\":\"Linda Yulita\"},\"url\":\"https:\/\/hotelier.id\/studi\/author\/linda\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Apa Itu Mockup? Tujuan, Kelebihan, Kekurangan, dan Contoh - Hotelier Studi","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:\/\/hotelier.id\/studi\/apa-itu-mockup\/","og_locale":"en_US","og_type":"article","og_title":"Apa Itu Mockup? Tujuan, Kelebihan, Kekurangan, dan Contoh - Hotelier Studi","og_description":"Apa itu mockup? Ini adalah istilah wajib yang harus kamu ketahui sebelum mencoba untuk menjadi desainer. Yuk, ketahui lebih dalam di sini!","og_url":"https:\/\/hotelier.id\/studi\/apa-itu-mockup\/","og_site_name":"Hotelier Studi","article_published_time":"2023-12-07T17:34:26+00:00","og_image":[{"width":1000,"height":667,"url":"https:\/\/hotelier.id\/studi\/wp-content\/uploads\/2023\/11\/utama-11.jpg","type":"image\/jpeg"}],"author":"Linda Yulita","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Linda Yulita","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/hotelier.id\/studi\/apa-itu-mockup\/#article","isPartOf":{"@id":"https:\/\/hotelier.id\/studi\/apa-itu-mockup\/"},"author":{"name":"Linda Yulita","@id":"https:\/\/hotelier.id\/studi\/#\/schema\/person\/8b00debc255b2b67a22d845cf6521ae5"},"headline":"Apa Itu Mockup? Tujuan, Kelebihan, Kekurangan, dan Contoh","datePublished":"2023-12-07T17:34:26+00:00","mainEntityOfPage":{"@id":"https:\/\/hotelier.id\/studi\/apa-itu-mockup\/"},"wordCount":1163,"commentCount":0,"publisher":{"@id":"https:\/\/hotelier.id\/studi\/#organization"},"image":{"@id":"https:\/\/hotelier.id\/studi\/apa-itu-mockup\/#primaryimage"},"thumbnailUrl":"https:\/\/hotelier.id\/studi\/wp-content\/uploads\/2023\/11\/utama-11.jpg","articleSection":["Teknologi"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/hotelier.id\/studi\/apa-itu-mockup\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/hotelier.id\/studi\/apa-itu-mockup\/","url":"https:\/\/hotelier.id\/studi\/apa-itu-mockup\/","name":"Apa Itu Mockup? Tujuan, Kelebihan, Kekurangan, dan Contoh - Hotelier Studi","isPartOf":{"@id":"https:\/\/hotelier.id\/studi\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hotelier.id\/studi\/apa-itu-mockup\/#primaryimage"},"image":{"@id":"https:\/\/hotelier.id\/studi\/apa-itu-mockup\/#primaryimage"},"thumbnailUrl":"https:\/\/hotelier.id\/studi\/wp-content\/uploads\/2023\/11\/utama-11.jpg","datePublished":"2023-12-07T17:34:26+00:00","breadcrumb":{"@id":"https:\/\/hotelier.id\/studi\/apa-itu-mockup\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hotelier.id\/studi\/apa-itu-mockup\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hotelier.id\/studi\/apa-itu-mockup\/#primaryimage","url":"https:\/\/hotelier.id\/studi\/wp-content\/uploads\/2023\/11\/utama-11.jpg","contentUrl":"https:\/\/hotelier.id\/studi\/wp-content\/uploads\/2023\/11\/utama-11.jpg","width":1000,"height":667,"caption":"Apa Itu Mockup? Tujuan, Kelebihan, Kekurangan, dan Contoh"},{"@type":"BreadcrumbList","@id":"https:\/\/hotelier.id\/studi\/apa-itu-mockup\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hotelier.id\/studi\/"},{"@type":"ListItem","position":2,"name":"Apa Itu Mockup? Tujuan, Kelebihan, Kekurangan, dan Contoh"}]},{"@type":"WebSite","@id":"https:\/\/hotelier.id\/studi\/#website","url":"https:\/\/hotelier.id\/studi\/","name":"Hotelier Studi","description":"Media Digital Pendidikan Terpercaya","publisher":{"@id":"https:\/\/hotelier.id\/studi\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hotelier.id\/studi\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/hotelier.id\/studi\/#organization","name":"Hotelier Studi","url":"https:\/\/hotelier.id\/studi\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hotelier.id\/studi\/#\/schema\/logo\/image\/","url":"https:\/\/hotelier.id\/studi\/wp-content\/uploads\/2023\/03\/cropped-Logo-Hotelier-PNG.png","contentUrl":"https:\/\/hotelier.id\/studi\/wp-content\/uploads\/2023\/03\/cropped-Logo-Hotelier-PNG.png","width":285,"height":70,"caption":"Hotelier Studi"},"image":{"@id":"https:\/\/hotelier.id\/studi\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/hotelier.id\/studi\/#\/schema\/person\/8b00debc255b2b67a22d845cf6521ae5","name":"Linda Yulita","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hotelier.id\/studi\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/bc2d42f7dcc39baf1f053b7ebcd7105e797581b24faee33da4849f37e889b56a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bc2d42f7dcc39baf1f053b7ebcd7105e797581b24faee33da4849f37e889b56a?s=96&d=mm&r=g","caption":"Linda Yulita"},"url":"https:\/\/hotelier.id\/studi\/author\/linda\/"}]}},"_links":{"self":[{"href":"https:\/\/hotelier.id\/studi\/wp-json\/wp\/v2\/posts\/27531","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hotelier.id\/studi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hotelier.id\/studi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hotelier.id\/studi\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hotelier.id\/studi\/wp-json\/wp\/v2\/comments?post=27531"}],"version-history":[{"count":1,"href":"https:\/\/hotelier.id\/studi\/wp-json\/wp\/v2\/posts\/27531\/revisions"}],"predecessor-version":[{"id":27537,"href":"https:\/\/hotelier.id\/studi\/wp-json\/wp\/v2\/posts\/27531\/revisions\/27537"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hotelier.id\/studi\/wp-json\/wp\/v2\/media\/27532"}],"wp:attachment":[{"href":"https:\/\/hotelier.id\/studi\/wp-json\/wp\/v2\/media?parent=27531"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hotelier.id\/studi\/wp-json\/wp\/v2\/categories?post=27531"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hotelier.id\/studi\/wp-json\/wp\/v2\/tags?post=27531"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}