Lewati ke isi
Lithe Agency

Portofolio kreator yang berfokus pada kolaborasi dengan brand.

Gaya konten, layanan, dan kontak dalam satu tempat. Desain ulang ini menjadikan karya sebagai awal percakapan dengan brand.

Lihat Perbandingan

Skor performa mobile: 34 menjadi 99. Bukti uji lab PageSpeed berdampingan dengan portofolio yang kaya konten video. Mobile, Moto G Power, Slow 4G. Waktu pengujian dan versi Lighthouse berbeda (13.4.1 / 13.5.0); ini bukan pengukuran pengguna nyata.

Desain Ulang / BerandaBuka gambar untuk melihat halaman lengkap

FokusDesain website portofolio, pemilihan karya, dan struktur layanan.

CakupanTampilan desktop dan mobile.

ProyekWebsite portofolio untuk kreator di Los Angeles.
Kunjungi Website

Dari 34 menjadi 99 dalam uji performa mobile.

Desain ulang tetap menyediakan ruang untuk karya video. Dua laporan PageSpeed Insights yang tersedia mencatat skor performa mobile 34 sebelum desain ulang dan 99 sesudahnya.

Sebelum34
Sesudah99
Performa Mobile Skala 0–100 · PageSpeed Insights
Hasil Uji Lab
MetrikSebelumSesudah
Waktu Tampil Konten Pertama FCP6.7 s0.9 s
Waktu Tampil Konten Terbesar LCP11.3 s1.8 s
Total Waktu Pemblokiran TBT1,390 ms10 ms
Pergeseran Tata Letak Kumulatif CLS, tanpa satuan00.028

Kedua laporan menggunakan emulasi Moto G Power dengan Slow 4G untuk pemuatan awal halaman.

Ini hasil uji lab mobile dari dua laporan yang tersedia. Waktu pengujian dan versi Lighthouse berbeda; keduanya tidak menyediakan data pengalaman pengguna nyata.

Ini bukan pengujian terkontrol. CLS berubah dari 0 menjadi 0.028, yang bukan perbaikan. Skor lab tidak membuktikan peningkatan konversi atau kelulusan Core Web Vitals pengguna nyata.

Sebelum

Lighthouse 13.4.1
Skor dan metrik sebelum desain ulang. Buka Laporan Lengkap

Sesudah

Lighthouse 13.5.0
Skor dan metrik sesudah desain ulang. Buka Laporan Lengkap

Potongan laporan berukuran 1050 × 1220 piksel ditampilkan dengan lebar yang sama. Perbesar potongan untuk memeriksa detailnya, atau buka tangkapan layar laporan lengkap.

Kontennya sudah ada.
Strukturnya yang berubah.

Portofolio sebelumnya sudah memuat karya, ulasan, layanan, dan kontak. Desain ulang mengubah urutan perkenalannya, dengan profil pribadi di awal dan karya pilihan tepat setelahnya.

Sebelum

Desktop
Perkenalan dan beragam contoh konten berbagi ruang dalam komposisi yang padat.

Desain Ulang

Desktop
Foto potret mendapat ruang tersendiri di samping peran kreator dan ajakan untuk melihat karya.

Tampilan pembuka halaman, masing-masing berukuran 1920 × 1200 piksel, ditampilkan dengan lebar yang sama. Buka gambar untuk melihat konteks lengkapnya.

Identitas pribadi,
dengan karya sebagai fokus.

Hijau tua membingkai foto potret dan perkenalan. Bagian berwarna gading memberi ruang bagi karya, dengan judul serif yang menghubungkan setiap bagian. Tombol "View My Work" menempatkan ajakan melihat portofolio di bagian atas.

Detail Layanan / Potongan Beranda

Setiap layanan mendapat penjelasannya sendiri.

Creative Strategy (strategi kreatif), Influencer Collaborations (kolaborasi dengan influencer), dan Social Media Management (pengelolaan media sosial) tampil dalam blok terpisah, masing-masing dengan deskripsi dan foto pendamping.

Bagian ini menjelaskan jenis kolaborasi setelah pengunjung melihat contoh karya.

Urutan yang sesuai dengan layar ponsel.

Portofolio yang kaya video membutuhkan karya yang mudah ditelusuri, teks yang terbaca, dan kontrol yang nyaman disentuh. Panduan desain responsif Google membantu menata layar kecil; panduan Web Vitals dari Google menjelaskan pentingnya pemuatan dan responsivitas saat pengunjung meninjau karya.

Secara global, mobile menyumbang 49.36% tayangan halaman dalam sampel Statcounter pada Agustus 2026. Lihat data global Statcounter.Ini konteks penggunaan web global, bukan komposisi audiens website ini.

Pada potongan tampilan sebelumnya, beberapa elemen berada dalam tata letak kolom yang padat. Desain ulang menumpuk perkenalan, tombol, lalu foto potret.

Karya tetap ditampilkan dalam dua kolom pada tangkapan layar mobile terbaru; setiap layanan memiliki bagian tersendiri.

Desain Ulang · 330 × 825

Tampilan pembuka dengan ukuran yang sama. Buka gambar untuk memeriksa tangkapan layar ponsel lengkap.

Kontak hadir setelah karya dan layanan.

Formulir kolaborasi menutup beranda. Pengunjung bisa mengenal portofolio dan layanan sebelum membahas kebutuhan proyek mereka.

Bagian Kontak / Tangkapan Antarmuka

Website yang memperkenalkan karya sebelum percakapan dimulai.

Lithe menata identitas visual, karya, dan layanan untuk memberi brand dasar dalam menilai kecocokan kolaborasi.

Tangkapan layar mendokumentasikan antarmuka. Pemutaran video, pengiriman formulir, dan dampak bisnis tidak diuji dalam studi kasus ini. Angka kampanye dan testimoni dalam tangkapan layar bukan hasil desain ulang.

Diskusikan Website Anda

Tampilan Lengkap

Izinkan Google Analytics untuk mengukur kunjungan, klik kontak, dan uji CTA saat diaktifkan? Pilihan dan varian uji disimpan maksimal 7 hari. Anda tetap dapat menggunakan situs jika menolak.

Kebijakan Privasi · Ubah pilihan kapan saja melalui pengaturan di footer.