Tirtanet Company Profile // Zestha Vutura

[← cd ../]

/proyek/tirtanet-companyCASE-47-074A

> > cat studi_kasus.md

Tirtanet Company Profile

Company profile for PT Tirtanet Makmur Sentosa

▓ klien

PT Tirtanet Makmur Sentosa

▓ rilis

2026-01-01

▓ live

tirtanet.zesthavutura.com

> ./tantangan.md

// BRIEF

The challenge was to build a bilingual company profile that clearly communicates PT Tirtanet Makmur Sentosa’s services while delivering a seamless mobile experience.

We needed to support Indonesian and English content without layout shifts, ensure fast load times on 3G networks, and craft thumb-friendly navigation for small screens. Key hurdles included maintaining brand consistency across languages, optimizing hero images under 100 KB, and implementing an intuitive language switcher that preserves user context.

> ./solusi.md

// BUILD

/tantangan

Konten bilingual tanpa layout shift. Copy Indonesia lebih panjang dari Inggris; breakpoint di tengah paragraf merusak ritme. Kami harus menata kedua bahasa dan memperlakukan keduanya sebagai surface desain yang sama — bukan sekadar overlay terjemahan asal.

Budget performa 3G. Pembeli PT Tirtanet ada di pabrik dan site lapangan, bukan kantor berfiber.

/solusi

Shell Astro dengan routing i18n. Deteksi bahasa otomatis, toggle bahasa di bottom-bar yang sticky menjaga konteks user lintas pergantian.

Hero WebP di bawah 100 KB dengan fallback AVIF
Tipografi fluid via CSS clamp() dari 320px ke 4K
Komponen touch-first: kartu layanan swipeable, CTA haptic-feedback
CMS Markdown tunggal — edit ID/EN berdampingan, tanpa entri ganda

/hasil

[ OK ] 99 Lighthouse mobile
[ OK ] 0 CLS di semua breakpoint
[ OK ] update editor: < 5 menit, kedua bahasa, satu commit

FRAME-01SHIPPED

▓ kategori

softwareui-ux-design

▓ tag

#company profile#multi-language#responsive

▓ createdBy

agent_dhuha

> terkait/

[ tidak_ada_record_terkait ]

> ./initiate_briefing

// OPEN_CHANNEL

Drop a brief. We reply within 24h. No middlemen, no decks. Just signal.

zesthavutura.tech@gmail.com

encrypted · pgp-on-request

zestha@vutura: ~/contact

[ INFO ] handshake complete

[ INFO ] briefing channel opened

[ OK ] reply within 24h :: zesthavutura.tech@gmail.com