Tirtanet Company Profile // Zestha Vutura

[← cd ../]

/projects/tirtanet-companyCASE-47-074A

> > cat case_study.md

Tirtanet Company Profile

Company profile for PT Tirtanet Makmur Sentosa

▓ client

PT Tirtanet Makmur Sentosa

▓ shipped

2026-01-01

▓ live

tirtanet.zesthavutura.com

> ./challenge.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.

> ./solution.md

// BUILD

/challenge

Bilingual content without layout shift. Indonesian copy runs longer than English; mid-paragraph breakpoints kill rhythm. We had to type-set both languages and treat them as the same design surface — not a sloppy translation overlay.

3G performance budget. PT Tirtanet's buyers are in plants and field sites, not fiber-fed offices.

/solution

Astro shell w/ i18n routing. Auto-detect language, sticky bottom-bar language toggle preserves user context across switches.

WebP hero images under 100 KB w/ AVIF fallback
CSS clamp() fluid type from 320px to 4K
Touch-first components: swipeable service cards, haptic-feedback CTA
Single Markdown CMS — edit ID/EN side by side, no double entry

/outcome

[ OK ] 99 Lighthouse mobile
[ OK ] 0 CLS at any breakpoint
[ OK ] editor updates: < 5 min, both languages, one commit

FRAME-01SHIPPED

▓ category

softwareui-ux-design

▓ tags

#company profile#multi-language#responsive

▓ createdBy

agent_dhuha

> related/

[ no_related_records ]

> ./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