5 Inspirasi Template Mobile Landing Page
Dibanding website utuh yang terdiri dari banyak halaman, lebih baik Anda menggunakan landing pages untuk menjalankan sebuah campaign. Ini merupakan halaman yang lebih terarah dan cocok untuk segala jenis kebutuhan, baik personal maupun profesional. Kuncinya terletak pada pembuatan landing page yang responsif untuk mobile devices.
Data menunjukkan bahwa 50,48% web traffic berasal dari mobile devices. Ini artinya, Anda telah menyia-nyiakan peluang jika hanya membuat halaman yang responsif untuk tampilan desktop version. Kenyataannya, tren saat ini, termasuk bagi para pengembang layanan, pembuatan landing page yang mengedepankan kenyamanan mobile users lebih diutamakan.
Atas dasar itulah artikel ini dibuat. Kami ingin memberi Anda inspirasi design mobile landing page template yang dapat Anda terapkan untuk kebutuhan desain Anda. Kami membagi daftar di bawah ini berdasarkan jenis dan tujuan masing-masing landing page.
1. Profile Page
Profile page merupakan sebuah halaman dengan single column layout yang menampilkan informasi profil pribadi atau bisnis Anda. Profile page berisikan data-data berupa link yang menuju channel yang ingin Anda bagikan, termasuk media sosial, blog, dan website bisnis.
Profile page ini membantu pengunjung atau pelanggan Anda untuk menjangkau akun media sosial serta kontak yang bisa dihubungi dengan mudah. Berikut adalah contoh landing page yang dapat Anda gunakan.
Pada gambar di atas, Anda bisa melihat sebuah kolom yang diawali dengan foto profil Anda, dan dilanjutkan dengan tombol-tombol berisi link ke media online Anda. Landing page seperti di atas paling banyak digunakan pada bisnis atau forum online di Instagram. Anda tinggal menyisipkan URL menuju halaman tersebut pada bio akun Anda.
Hal itu bertujuan untuk memudahkan pengunjung Anda ketika mereka tertarik dengan produk, layanan, atau program yang Anda tawarkan melalui feed. Hanya dengan satu ‘pintu’, mereka dapat menjangkau Anda melalui berbagai pilihan platform sesuai dengan kehendak mereka.
Halaman dengan model link tree seperti di atas sangat mendukung fungsi tampilan mobile screens. Dengan model awal yang sudah sangat sederhana, Anda dapat membuatnya semakin responsif menggunakan landing page builder kami.
Masih ada contoh lainnya untuk landing page jenis ini. Di bawah ini kami menampilkan sebuah halaman online yang berisi tampilan profil sebuah bisnis. Bedanya dengan yang di atas, contoh template yang satu ini memungkinkan Anda untuk menambahkan lebih banyak informasi.
Bisa Anda lihat sendiri, Anda dapat menambahkan nama bisnis, foto profil bisnis, tagline, pilar, dan sneak peak dari produk-produk atau layanan-layanan Anda. Lebih jauh lagi, Anda bahkan bisa menambahkan sedikit testimoni pelanggan dalam halaman ini. Dan yang tak kalah penting, kontak (email, social media, dan phone number) —atau alamat jika Anda memiliki toko offline— harus selalu ada.
2. Form Page
Jika tujuan utama Anda adalah menjual, lead generation, atau melakukan survei, yang berujung pada conversion rates, maka form page adalah solusinya. Ini merupakan sebuah halaman yang berisi form dan terintegrasi ke database. Contoh aplikatif dari jenis halaman ini misalnya join newsletter page, order page, testimonial page, dan lain-lain.
Silakan Anda lihat contoh landing page template di bawah ini yang menampilkan form data diri sederhana.
Satu hal yang perlu Anda garis bawahi dari landing page ini adalah bahwa Anda tidak perlu memasukkan informasi lain yang tidak relevan dengan tujuan form Anda. Jangan sampai, deskripsi dan komponen-komponen di sekitar halaman Anda justru menenggelamkan form yang seharusnya Anda tonjolkan.
Contoh lain dari pemanfaatan form page ini adalah untuk memudahkan proses order seperti di bawah ini. Konsep dasarnya sama, Anda hanya perlu menambahkan atau mengganti field form Anda.
Pada fungsi halaman di atas, Anda juga bisa menambahkan informasi yang lebih banyak. Misalnya, kombinasikan dengan informasi penawaran khusus atau pre-order. Jika tidak, Anda juga bisa menambahkan deskripsi produk general dan Call-to-Action (CTA) buttons untuk high converting mobile landing pages.
3. Catalog Page
Jika sering melakukan belanja online, Anda pasti mendapati bahwa katalog produk sangat bermanfaat. Ini bisa memberi Anda sebagai customers informasi yang terpampang nyata beserta perbandingannya dengan produk-produk lain. Dengan begitu, kemungkinan pembelian pun akan turut meningkat.
Masalahnya, halaman katalog semacam ini menuntut banyak space dan kolom. Bisa saja jika Anda memaksakan untuk membuatnya dalam satu kolom, namun apakah hasilnya akan bagus dan nyaman? Kami sendiri sangat merekomendasikan Anda untuk membuat minimal dua kolom pada tampilan mobile device.
Berikut contoh template mobile landing page yang menampilkan katalog produk. Anda bebas memilih untuk menampilkan hanya gambar, gambar dan deskripsi, atau bahkan dilengkapi dengan order form sekaligus.
Yang terpenting, Anda harus membuatnya jelas dan responsif. Ini penting, karena Anda tentu tidak ingin kenyamanan customer Anda terganggu ketika sedang melihat-lihat pilihan produk Anda.
4. Announcement Page
Apa yang harus Anda lakukan jika website atau halaman bisnis Anda mengalami gangguan? Membiarkannya begitu saja bukanlah opsi yang baik, sebab dapat menghilangkan pelanggan setia Anda. Namun, membuat pengumuman melalui platform lain seperti media sosial dan email pun belum tentu efektif.
Jika sudah begitu, template landing page yang satu ini dapat Anda pertimbangkan. Cobalah untuk membuat satu halaman yang berisi pengumuman bahwa halaman aslinya sedang dalam proses perbaikan. Dengan begitu, setiap pengunjung yang mengeklik halaman tersebut tidak akan kebingungan dengan apa yang sebenarnya terjadi.
Sebagai tips, kami menyarankan Anda untuk menambahkan estimasi waktu perbaikan. Tujuannya untuk mengundang pengunjung agar kembali ke halaman tersebut di waktu yang sudah ditentukan.
Fungsi lain dari landing page yang satu ini adalah untuk memberi informasi launching produk atau event. Anda bisa menambahkan countdown timer untuk menekankan urgensi, sehingga pengunjung merasa memiliki kepentingan untuk melakukan aksi seperti yang Anda harapkan, seperti pendaftaran dan pembelian.
5. Portfolio Page
Sepuluh tahun yang lalu, Anda mungkin akan langsung terpikir pada sebuah lembar dokumen pasif sata mendengar kata portofolio. Berbeda dengan saat ini, di mana hampir semua orang memiliki portofolio yang ditampilkan melalui landing page.
Di bawah ini merupakan contoh tampilan landing page untuk menampilkan portofolio.
Secara kasar, susunannya mirip dengan halaman katalog, namun lebih disesuaikan dengan jenis karya yang ingin Anda tampilkan. Misalnya, Anda adalah seorang fotografer atau graphic designer, maka penuhi halaman dengan gambar-gambar dan minimalkan teksnya.
Sebaliknya, jika Anda merupakan seorang penulis, Anda bisa langsung menampilkan karya tulisan Anda di dalam halaman, atau menambahkan link menuju blog atau platform menulis Anda yang lain.
Jika Anda sedang mencari jasa pembuatan landing page, Anda bisa menggunakan product kami untuk membuat high quality landing page dan memberikan mobile experience pada user Anda dengan baik.
No-Code Microsite Builder
Kami memiliki landing page features yang mudah digunakan dan tidak akan membingungkan meskipun Anda baru pertama kali membuat landing page. Kami memiliki feature Shorten URL untuk membantu mengoptimasi meta tags Anda agar memiliki visibilitas yang tinggi di search results, high performing landing page dimulai dari sini.
Seperti yang tadi sudah dikatakan, landing page kami sangat mudah digunakan. Feature drag and drop dan juga beragam template akan membantu Anda untuk menyelesaikan landing page dengan mudah, cepat, dan meminimalisir kesalahan.
Itu dia beberapa inspirasi mobile landing page template yang dapat meningkatkan user experience. Anda bisa langsung membuat halaman Anda sendiri menggunakan inspirasi template di atas dengan bantuan layanan No-Code Microsite Builder kami.
Sebelum itu, Anda bisa terlebih dahulu mempelajari hal-hal terkait landing pages melalui artikel-artikel di blog kami. Atau langsung daftarkan diri Anda di sini untuk mencoba layanan kami.
(S.A) edited by (V.V)