Skip to content
IDEN
Start a project
INDEPENDENT DIGITAL STUDIO01—14 / 2026

Good ideas,
made real.

Websites & digital products. Thoughtfully designed, carefully built by Yogi Iskandar.

Explore the demosServices & pricing
DESIGN + DEVELOPMENTBASED IN INDONESIASCROLL TO EXPLORE ↓
12 interactive demos2 independent productsServices & open pricing ↗

01 / SELECTED WORK

Different briefs.
One thoughtful approach.

2 independent products and 12 fictional website concepts you can try.

HOSPITALITY / LANDING PAGE

A little room to slow down.

03
Try the demo ↗

TRAVEL / SERVICE WEBSITE

Step outside the ordinary.

04
Try the demo ↗

ARCHITECTURE / EDITORIAL WEBSITE

Space, with intention.

05
Try the demo ↗

SKINCARE / PRODUCT WEBSITE

A quieter daily ritual.

06
Try the demo ↗

CREATIVE EVENT / LANDING PAGE

Make room for the next idea.

07
Try the demo ↗

HOSPITALITY / VILLA WEBSITE

A little closer to a slower day.

08
Try the demo ↗

COMMERCE / FURNITURE CATALOGUE

Good objects. Everyday living.

09
Try the demo ↗

EDUCATION / COURSE WEBSITE

Learn by making something.

10
Try the demo ↗

F&B / INTERACTIVE RESTAURANT

A dining experience with an interactive menu.

11
Try the demo ↗

E-COMMERCE / INTERACTIVE STORE

Electric everyday tech. Interactive shopping.

12
Try the demo ↗

COMPANY PROFILE / CONSULTING

A clearer direction. A considered next move.

13
Try the demo ↗

COMPANY PROFILE / INDUSTRIAL

Built around the work ahead.

14
Try the demo ↗

Fourteen projects shown

02 / APPROACH

Clear thinking.
Careful execution.

01

Understand

A clear brief, audience, and scope.

02

Design

Structure, visual direction, and usable details.

03

Build

Responsive interfaces that work across devices.

04

Hand over

Tested files, practical notes, and a clear next step.

DESIGN / CODE / REPEATyi.
YOGI ISKANDAR — INDEPENDENT

03 / THE PERSON BEHIND THE WORK

Hi, I’m Yogi.

An independent developer bringing design and code into the same conversation. I build digital experiences for businesses and people with something useful to share.

Web developmentInterface designDigital products

A direct conversation, from the first brief to the final handover.

Services & pricing

04 / START A CONVERSATION

Your next idea,
let’s build it.

A new website, a better interface, or something more ambitious.

Request a written project quote ↗
Prefer a direct conversation?WhatsApp ↗

Opens a draft in WhatsApp. You decide when to send it.

Need a clear budget first? Explore the USD cost estimator ↗

INDEPENDENT PRODUCT

1stNear

From the table to the kitchen.

1stNear
1stNear — Product interface · sample dataProduct interface · sample data

The brief

Bring cashier orders, table self-ordering, and kitchen operations into a connected F&B workflow.

The approach

A shared order flow with distinct interfaces for guests, cashiers, kitchen staff, and owners.

Work

Product design, web development, and operational flows.

What to explore

  • QR self-order
  • Cashier & kitchen interfaces
  • Inventory & sales reporting

A product developed by 1stdev. Previews show sample data, not customer results.

Read case studyOpen product
INDEPENDENT PRODUCT

One place for what matters.

1stdev.link
1stdev.link — Public profile examplePublic profile example

The brief

Give creators and businesses one shareable home for their links and information.

The approach

A focused public profile and an editor that keeps content and presentation in one flow.

Work

Interface design and web platform development.

What to explore

  • Link-in-bio profiles
  • Business information
  • Mobile-first presentation

A product developed by 1stdev. Previews show sample data, not customer results.

Read case studyOpen product
DEMO CONCEPT

Sela Coffee

A little room to slow down.

SELA / COFFEE & COMPANYGOOD COFFEE.
GREAT COMPANY.

The brief

Help a café present its character, menu, and visit information in a single page.

The approach

Cherry-red retro signage, playful display typography, a hand-drawn coffee cup and a ticket-style menu.

Work

Visual concept, interface design, front-end development and GSAP motion.

What to explore

  • Interactive menu categories
  • Responsive editorial layout
  • Local-only enquiry preview

A fictional brand created to demonstrate a possible website experience. Not a client commission.

Try the demo
DEMO CONCEPT

Lintas Outdoor

Step outside the ordinary.

Illustrative mountain landscape
LINTAS / OUTDOOR COLLECTIVEFIND YOUR
WILD SIDE.

The brief

Make outdoor programmes easy to compare before starting an enquiry.

The approach

An immersive mountain photograph, bold expedition typography and field-guide programme cards.

Work

Visual concept, interface design, front-end development and GSAP motion.

What to explore

  • Programme filters
  • Expandable itineraries
  • Local-only trip brief

A fictional brand created to demonstrate a possible website experience. Not a client commission.

Try the demo
DEMO CONCEPT

Forma Architecture

Space, with intention.

Illustrative architectural interior
FORMA / ARCHITECTURESpaces for living.

The brief

Let an architecture practice present its spatial thinking and selected projects.

The approach

A monochrome Swiss project index, architectural photography and asymmetric editorial project rows.

Work

Visual concept, interface design, front-end development and GSAP motion.

What to explore

  • GSAP spatial reveals
  • Residential & commercial filters
  • Local-only project enquiry

A fictional brand created to demonstrate a possible website experience. Not a client commission.

Try the demo
DEMO CONCEPT

Aera Skin

A quieter daily ritual.

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

The brief

Make a small product collection easy to explore and combine into a routine.

The approach

A centred pink beauty campaign, floating illustrated products and rounded shopping controls.

Work

Visual concept, interface design, front-end development and GSAP motion.

What to explore

  • GSAP product choreography
  • Interactive routine & subtotal
  • Ingredient disclosure tabs

A fictional brand created to demonstrate a possible website experience. Not a client commission.

Try the demo
DEMO CONCEPT

Sora Sessions

Make room for the next idea.

SORA / CREATIVE SESSIONSSORA
SESSIONS

The brief

Bring a creative gathering to life with a clear programme and sample pass selection.

The approach

An acid-green festival poster, oversized event typography, a moving sculpture and a dark agenda.

Work

Visual concept, interface design, front-end development and GSAP motion.

What to explore

  • GSAP kinetic sculpture
  • Day-by-day agenda tabs
  • Pass selection & registration preview

A fictional brand created to demonstrate a possible website experience. Not a client commission.

Try the demo
DEMO CONCEPT

Ruang Stay

A little closer to a slower day.

Illustrative retreat setting
RUANG / A SLOWER STAYArrive.
Exhale.

The brief

Give a small retreat a clear place to present its spaces and stay options.

The approach

A full-bleed retreat photograph, high-contrast resort typography and a floating stay bar.

Work

Visual concept, interface design, front-end development and GSAP motion.

What to explore

  • GSAP photographic parallax
  • Interactive stay selector
  • Local stay estimate

A fictional brand created to demonstrate a possible website experience. Not a client commission.

Try the demo
DEMO CONCEPT

Mono Objects

Good objects. Everyday living.

Illustrative design object
MONO / EVERYDAY OBJECTSMade for
the everyday.

The brief

Make a small collection of furniture and objects easy to browse and compare.

The approach

A monochrome product cover, oversized fashion-style serif typography and a sharp catalogue grid.

Work

Visual concept, interface design, front-end development and GSAP motion.

What to explore

  • GSAP product-cover reveal
  • Product category filters
  • Local shortlist & sample total

A fictional brand created to demonstrate a possible website experience. Not a client commission.

Try the demo
DEMO CONCEPT

Aksara Classes

Learn by making something.

AKSARA / CLASSESHello,
new skill!

The brief

Help visitors compare creative courses and prepare a class enquiry.

The approach

A cobalt learning playground, expressive stickers and a project-canvas hero with bright course cards.

Work

Visual concept, interface design, front-end development and GSAP motion.

What to explore

  • GSAP sticker motion
  • Course filters & outlines
  • Interactive pathway & enquiry preview

A fictional brand created to demonstrate a possible website experience. Not a client commission.

Try the demo
DEMO CONCEPT

Rasa Noir

A dining experience with an interactive menu.

RASA NOIR / THE DINING EXPERIENCEMalam yang
terasa.

The brief

Show a complete restaurant website with food selection, table ordering and reservations.

The approach

Burgundy editorial dining, illustrated tableware, menu ordering and table reservation previews.

Work

Visual concept, interface design, front-end development and GSAP motion.

What to explore

  • GSAP editorial motion
  • Menu, quantities & table ordering preview
  • Local-only reservation form

A fictional brand created to demonstrate a possible website experience. Not a client commission.

Try the demo
DEMO CONCEPT

PULSE Supply

Electric everyday tech. Interactive shopping.

PULSE SUPPLY / TECH GOODSGEAR UP.
STAND OUT.

The brief

Demonstrate a browse-to-bag customer journey without live commerce.

The approach

Electric-blue retail design with original gadget artwork and local cart-to-checkout simulation.

Work

Visual concept, interface design, front-end development and GSAP motion.

What to explore

  • Product search, filters & sorting
  • Cart, quantities, coupon & shipping estimate
  • Local-only checkout preview

A fictional brand created to demonstrate a possible website experience. Not a client commission.

Try the demo
DEMO CONCEPT

Aruna Advisory

A clearer direction. A considered next move.

Illustrative office workspace
ARUNA / ADVISORYBetter decisions.
Built together.

The brief

Present a consulting company through its point of view, services and approach to a business brief.

The approach

A modern white-and-blue corporate panorama, geometric typography and vertical expertise navigation.

Work

Visual concept, interface design, front-end development and GSAP motion.

What to explore

  • GSAP panorama reveal
  • Service tabs & company story
  • Local consultation brief

A fictional brand created to demonstrate a possible website experience. Not a client commission.

Try the demo
DEMO CONCEPT

Sentra Works

Built around the work ahead.

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

The brief

Help an industrial services company explain its capabilities, delivery process and project fit.

The approach

A dark technical console, fluorescent industrial accents and animated floor-plan linework.

Work

Visual concept, interface design, front-end development and GSAP motion.

What to explore

  • GSAP technical drawing
  • Sector filters & capability details
  • Local project-brief preview

A fictional brand created to demonstrate a possible website experience. Not a client commission.

Try the demo