Langsung ke isi
IDEN
Mulai proyek
STUDIO DIGITAL INDEPENDEN01—14 / 2026

Ide yang bagus,
jadi nyata.

Website & produk digital. Dirancang dengan tujuan, dibangun dengan teliti oleh Yogi Iskandar.

Jelajahi demoLayanan & harga
DESAIN + PENGEMBANGANBERBASIS DI INDONESIASCROLL TO EXPLORE ↓
12 demo interaktif2 produk sendiriLayanan & harga terbuka ↗

01 / KARYA PILIHAN

Kebutuhan berbeda.
Perhatian yang sama.

2 produk sendiri dan 12 konsep website fiktif yang bisa dicoba.

HOSPITALITY / LANDING PAGE

Ruang kecil untuk jeda.

03
Coba demo ↗

WISATA / WEBSITE JASA

Melangkah keluar rutinitas.

04
Coba demo ↗

ARSITEKTUR / WEBSITE EDITORIAL

Ruang, dengan tujuan.

05
Coba demo ↗

SKINCARE / WEBSITE PRODUK

Ritual harian yang lebih tenang.

06
Coba demo ↗

EVENT KREATIF / LANDING PAGE

Beri ruang untuk ide berikutnya.

07
Coba demo ↗

HOSPITALITY / WEBSITE VILA

Lebih dekat dengan hari yang tenang.

08
Coba demo ↗

COMMERCE / KATALOG FURNITUR

Benda yang berguna. Untuk keseharian.

09
Coba demo ↗

EDUKASI / WEBSITE KELAS

Belajar dengan membuat sesuatu.

10
Coba demo ↗

F&B / WEBSITE RESTORAN

Website restoran dengan menu dan pemesanan interaktif.

11
Coba demo ↗

E-COMMERCE / TOKO ONLINE

Toko gadget dengan pengalaman belanja interaktif.

12
Coba demo ↗

COMPANY PROFILE / KONSULTASI

Arah yang jelas. Langkah yang terencana.

13
Coba demo ↗

COMPANY PROFILE / INDUSTRI

Dibangun untuk pekerjaan berikutnya.

14
Coba demo ↗

Empat belas proyek ditampilkan

02 / PROSES

Pikirkan dengan jelas.
Kerjakan dengan teliti.

01

Pahami

Brief, pengguna, dan lingkup yang jelas.

02

Rancang

Struktur, arah visual, dan detail yang mudah digunakan.

03

Bangun

Antarmuka responsif untuk berbagai perangkat.

04

Serahkan

File teruji, panduan praktis, dan langkah berikutnya.

DESIGN / CODE / REPEATyi.
YOGI ISKANDAR — INDEPENDENT

03 / DI BALIK KARYA

Halo, saya Yogi.

Developer independen yang mempertemukan desain dan kode. Saya membangun pengalaman digital untuk usaha dan orang dengan sesuatu yang berguna untuk dibagikan.

Pengembangan webDesain antarmukaProduk digital

Diskusi langsung, sejak brief awal hingga serah terima.

Layanan & harga

04 / MULAI DISKUSI

Ide berikutnya,
kita wujudkan.

Website baru, antarmuka yang lebih jelas, atau kebutuhan yang lebih besar.

Kirim brief dan minta penawaran tertulis ↗
Ingin diskusi langsung?WhatsApp ↗

Membuka draf di WhatsApp. Anda yang menentukan kapan dikirim.

Butuh estimasi biaya terlebih dahulu? Buka kalkulator harga ↗

PRODUK SENDIRI

1stNear

Dari meja hingga dapur.

1stNear
1stNear — Tampilan produk · data contohTampilan produk · data contoh

Kebutuhan

Menghubungkan pesanan kasir, self-order meja, dan operasional dapur untuk usaha F&B.

Pendekatan

Satu alur pesanan dengan antarmuka berbeda untuk tamu, kasir, dapur, dan owner.

Pekerjaan

Desain produk, pengembangan web, dan alur operasional.

Yang bisa dilihat

  • QR self-order
  • Antarmuka kasir & dapur
  • Stok & laporan penjualan

Produk yang dikembangkan oleh 1stdev. Preview memakai data contoh, bukan hasil pelanggan.

Baca studi kasusBuka produk
PRODUK SENDIRI

Satu tempat untuk yang penting.

1stdev.link
1stdev.link — Contoh profil publikContoh profil publik

Kebutuhan

Memberi kreator dan usaha satu alamat yang mudah dibagikan untuk tautan serta informasi.

Pendekatan

Profil publik yang terarah dan editor untuk mengatur isi serta tampilannya.

Pekerjaan

Desain antarmuka dan pengembangan platform web.

Yang bisa dilihat

  • Profil link-in-bio
  • Informasi usaha
  • Tampilan untuk mobile

Produk yang dikembangkan oleh 1stdev. Preview memakai data contoh, bukan hasil pelanggan.

Baca studi kasusBuka produk
DEMO KONSEP

Sela Coffee

Ruang kecil untuk jeda.

SELA / COFFEE & COMPANYGOOD COFFEE.
GREAT COMPANY.

Kebutuhan

Membantu kafe menampilkan karakter, menu, dan informasi kunjungan dalam satu halaman.

Pendekatan

Signage retro merah, tipografi ekspresif, ilustrasi cangkir, dan menu bergaya tiket.

Pekerjaan

Konsep visual, desain antarmuka, pengembangan antarmuka, dan motion GSAP.

Yang bisa dilihat

  • Kategori menu interaktif
  • Layout editorial responsif
  • Preview inquiry lokal

Brand fiktif untuk menunjukkan kemungkinan pengalaman website. Bukan proyek pesanan klien.

Coba demo
DEMO KONSEP

Lintas Outdoor

Melangkah keluar rutinitas.

Illustrative mountain landscape
LINTAS / OUTDOOR COLLECTIVEFIND YOUR
WILD SIDE.

Kebutuhan

Membuat program outdoor mudah dibandingkan sebelum memulai inquiry.

Pendekatan

Foto pegunungan yang imersif, tipografi ekspedisi tegas, dan kartu program bergaya panduan lapangan.

Pekerjaan

Konsep visual, desain antarmuka, pengembangan antarmuka, dan motion GSAP.

Yang bisa dilihat

  • Filter program
  • Detail itinerary
  • Brief perjalanan lokal

Brand fiktif untuk menunjukkan kemungkinan pengalaman website. Bukan proyek pesanan klien.

Coba demo
DEMO KONSEP

Forma Architecture

Ruang, dengan tujuan.

Illustrative architectural interior
FORMA / ARCHITECTURESpaces for living.

Kebutuhan

Menampilkan pemikiran ruang dan karya pilihan sebuah studio arsitektur.

Pendekatan

Indeks proyek monokrom bergaya Swiss, fotografi arsitektur, dan baris proyek editorial asimetris.

Pekerjaan

Konsep visual, desain antarmuka, pengembangan antarmuka, dan motion GSAP.

Yang bisa dilihat

  • Reveal ruang dengan GSAP
  • Filter hunian & komersial
  • Inquiry proyek lokal

Brand fiktif untuk menunjukkan kemungkinan pengalaman website. Bukan proyek pesanan klien.

Coba demo
DEMO KONSEP

Aera Skin

Ritual harian yang lebih tenang.

aeraDAILY SERUM30 ml / CONCEPT
AERA / SKIN, SIMPLYMeet your
softer side.

Kebutuhan

Membuat koleksi produk mudah dijelajahi dan disusun menjadi rutinitas.

Pendekatan

Kampanye beauty merah muda, ilustrasi produk mengambang, dan kontrol belanja membulat.

Pekerjaan

Konsep visual, desain antarmuka, pengembangan antarmuka, dan motion GSAP.

Yang bisa dilihat

  • Koreografi produk GSAP
  • Rutinitas & subtotal interaktif
  • Tab detail komposisi

Brand fiktif untuk menunjukkan kemungkinan pengalaman website. Bukan proyek pesanan klien.

Coba demo
DEMO KONSEP

Sora Sessions

Beri ruang untuk ide berikutnya.

SORA / CREATIVE SESSIONSSORA
SESSIONS

Kebutuhan

Menghidupkan acara kreatif dengan program yang jelas dan pilihan pass contoh.

Pendekatan

Poster festival hijau terang, tipografi acara besar, sculpture bergerak, dan agenda gelap.

Pekerjaan

Konsep visual, desain antarmuka, pengembangan antarmuka, dan motion GSAP.

Yang bisa dilihat

  • Sculpture kinetik GSAP
  • Tab agenda harian
  • Pilihan pass & preview registrasi

Brand fiktif untuk menunjukkan kemungkinan pengalaman website. Bukan proyek pesanan klien.

Coba demo
DEMO KONSEP

Ruang Stay

Lebih dekat dengan hari yang tenang.

Illustrative retreat setting
RUANG / A SLOWER STAYArrive.
Exhale.

Kebutuhan

Memberi tempat peristirahatan ruang untuk menampilkan suasana dan pilihan menginap.

Pendekatan

Foto penginapan layar penuh, tipografi resort berkontras tinggi, dan panel pilihan menginap.

Pekerjaan

Konsep visual, desain antarmuka, pengembangan antarmuka, dan motion GSAP.

Yang bisa dilihat

  • Parallax foto GSAP
  • Pilihan kamar interaktif
  • Estimasi menginap lokal

Brand fiktif untuk menunjukkan kemungkinan pengalaman website. Bukan proyek pesanan klien.

Coba demo
DEMO KONSEP

Mono Objects

Benda yang berguna. Untuk keseharian.

Illustrative design object
MONO / EVERYDAY OBJECTSMade for
the everyday.

Kebutuhan

Membuat koleksi furnitur dan produk rumah mudah dijelajahi dan dibandingkan.

Pendekatan

Sampul produk monokrom, tipografi serif editorial besar, dan grid katalog yang tegas.

Pekerjaan

Konsep visual, desain antarmuka, pengembangan antarmuka, dan motion GSAP.

Yang bisa dilihat

  • Reveal sampul produk GSAP
  • Filter kategori produk
  • Daftar pilihan & total contoh lokal

Brand fiktif untuk menunjukkan kemungkinan pengalaman website. Bukan proyek pesanan klien.

Coba demo
DEMO KONSEP

Aksara Classes

Belajar dengan membuat sesuatu.

AKSARA / CLASSESHello,
new skill!

Kebutuhan

Membantu pengunjung membandingkan kelas kreatif dan menyiapkan inquiry kelas.

Pendekatan

Playground belajar biru kobalt, stiker ekspresif, hero kanvas proyek, dan kartu kelas berwarna cerah.

Pekerjaan

Konsep visual, desain antarmuka, pengembangan antarmuka, dan motion GSAP.

Yang bisa dilihat

  • Motion stiker GSAP
  • Filter & materi kelas
  • Pilihan jalur & preview inquiry

Brand fiktif untuk menunjukkan kemungkinan pengalaman website. Bukan proyek pesanan klien.

Coba demo
DEMO KONSEP

Rasa Noir

Website restoran dengan menu dan pemesanan interaktif.

RASA NOIR / THE DINING EXPERIENCEMalam yang
terasa.

Kebutuhan

Menampilkan website restoran lengkap dengan pilihan menu, pesanan meja, dan reservasi.

Pendekatan

Restoran editorial burgundy, ilustrasi hidangan, pilihan menu, dan preview reservasi.

Pekerjaan

Konsep visual, desain antarmuka, pengembangan antarmuka, dan motion GSAP.

Yang bisa dilihat

  • Motion editorial GSAP
  • Menu, jumlah & preview pesan meja
  • Form reservasi simulasi lokal

Brand fiktif untuk menunjukkan kemungkinan pengalaman website. Bukan proyek pesanan klien.

Coba demo
DEMO KONSEP

PULSE Supply

Toko gadget dengan pengalaman belanja interaktif.

PULSE SUPPLY / TECH GOODSGEAR UP.
STAND OUT.

Kebutuhan

Menunjukkan pengalaman belanja dari katalog hingga checkout simulasi.

Pendekatan

Desain retail biru elektrik, ilustrasi gadget, dan simulasi keranjang sampai checkout lokal.

Pekerjaan

Konsep visual, desain antarmuka, pengembangan antarmuka, dan motion GSAP.

Yang bisa dilihat

  • Cari, filter & urutkan produk
  • Keranjang, jumlah, kupon & simulasi ongkir
  • Preview checkout tanpa transaksi

Brand fiktif untuk menunjukkan kemungkinan pengalaman website. Bukan proyek pesanan klien.

Coba demo
DEMO KONSEP

Aruna Advisory

Arah yang jelas. Langkah yang terencana.

Illustrative office workspace
ARUNA / ADVISORYBetter decisions.
Built together.

Kebutuhan

Menampilkan perusahaan konsultasi melalui sudut pandang, layanan, dan pendekatan terhadap kebutuhan bisnis.

Pendekatan

Panorama korporat putih-biru, tipografi geometris, dan navigasi keahlian vertikal.

Pekerjaan

Konsep visual, desain antarmuka, pengembangan antarmuka, dan motion GSAP.

Yang bisa dilihat

  • Reveal panorama GSAP
  • Tab layanan & profil perusahaan
  • Brief konsultasi lokal

Brand fiktif untuk menunjukkan kemungkinan pengalaman website. Bukan proyek pesanan klien.

Coba demo
DEMO KONSEP

Sentra Works

Dibangun untuk pekerjaan berikutnya.

ABCDCONCEPT / NOT A CONSTRUCTION DRAWING01 / WORK FLOORPROCESS → PEOPLE → FLOW
SENTRA / INDUSTRIAL SERVICESPRECISION.
IN PRACTICE.

Kebutuhan

Membantu perusahaan jasa industri menjelaskan kemampuan, proses kerja, dan kecocokan proyek.

Pendekatan

Konsol teknis gelap, aksen industri terang, dan animasi garis denah fasilitas.

Pekerjaan

Konsep visual, desain antarmuka, pengembangan antarmuka, dan motion GSAP.

Yang bisa dilihat

  • Animasi gambar teknis GSAP
  • Filter sektor & detail kemampuan
  • Preview brief proyek lokal

Brand fiktif untuk menunjukkan kemungkinan pengalaman website. Bukan proyek pesanan klien.

Coba demo