--- title: "Animated Website Case Study: Jaia Design — IVIX Studio" description: "See how IVIX Studio designed and built Jaia Design's animated website: a doorway intro, a sketch-to-room scroll scene, and a PageSpeed score of 90 on mobile." url: "https://ivixstudio.com/work/jaia-design" last_updated: "2026-11-03" --- [← All work](/work) Jaia Design · Web design, Motion, Astro · 2026 # Come in through the door. Jaia Design is an interior design and build studio in Batam, Indonesia. Since 2021, one team has designed spaces and then built them: homes, commercial spaces, exteriors. The website had to feel like walking into one. Client Jaia Design (PT. Jaia Cipta Sejahtera) Timeline 7 October to 3 November 2026 Scope Design, motion, build, search, launch Platform Astro [jaiadesign.com ↗](https://jaiadesign.com) *Image: The Jaia Design intro in a browser: a row of arched project photos folds into a single doorway, which opens onto the hero, “Spaces that feel like you.”* 01 · Arrival ## The door opens first. Before a word of copy, the studio’s own projects rise in a row of arches. They fold into one doorway. The doorway opens, and you are standing in the hero. 02 · The work ## Six projects, measured out. The row runs between two rulers, ticked and numbered like a tape measure. Four residential projects, two commercial. Each opens onto a page and a gallery of its own. *Image: The Jaia Design projects row on a navy band: six tall project photos between two rulers ticked like a tape measure. A View cursor runs along the row and each photo opens wide as it passes* Point at a project and it opens wide. 03 · Project pages ## Every project, its own room. The cover runs edge to edge. The name sits on it, large. Then the gallery. In English and in Indonesian. *Image: The Jaia Showroom 2 project page: the title over a photograph of a timber-panelled dining room with lit shelves, a Projects button at the top left* Jaia Showroom 2. 04 · The scene ## On paper. Then real. One scroll. A pencil sketch of a tea room, and the finished room rising over it. The services, the studio’s story and its design philosophy sit around it. *Image: The sketch-to-room scene: scrolling raises the finished tea room, in timber and stone, over a pencil sketch of it, “On paper.” turning to “To real life.”* One scroll, from sketch to built room and back. 05 · On a phone ## All that motion. Still fast. Every movement was tuned to stay smooth on a phone. Google PageSpeed at launch, on mobile: Performance 90. - Performance 99 on desktop - Accessibility 100 and SEO 100, on mobile and desktop *Image: The Jaia Design intro on a phone: the dot becomes the logo, a row of arched project photos folds into a doorway, and the doorway opens onto “Spaces that feel like you.”* The same intro, on a phone. 06 · Visits ## The next step is a visit. A booking form for a studio visit, sent straight to the studio’s inbox and guarded against spam. *Image: The Jaia Design visit section: “Come and see it in real life.” beside the studio’s address and hours, and a booking form with name, email, phone, project type, preferred date and time, a human check and a Schedule a visit button* A preferred date and time, then a human check. 07 · Underneath ## Ready to be asked about. Structured business data, a sitemap in both languages and an llms.txt. The studio’s own facts, set out for search engines and AI answers to read. - Domain and studio email set up at launch *Image: The Jaia Design link preview card: a lit bedroom beside a navy panel with the logo, “Spaces that feel like you.” and jaiadesign.com* What a shared link to jaiadesign.com looks like. ## Something like this in mind? Tell us what you’re launching and we’ll come back with a scope, a schedule and a price. [Start a project →](/contact) ## Sitemap - [Home](https://ivixstudio.com/index.md) - [Work](https://ivixstudio.com/work.md) - [Jaia Design](https://ivixstudio.com/work/jaia-design.md) - [fill'd](https://ivixstudio.com/work/filld.md) - [Demos](https://ivixstudio.com/demos.md) - [Services](https://ivixstudio.com/services.md) - [Partnerships](https://ivixstudio.com/partnerships.md) - [About](https://ivixstudio.com/about.md) - [Contact](https://ivixstudio.com/contact.md) - [Privacy Policy](https://ivixstudio.com/privacy-policy.md) - [Terms and Conditions](https://ivixstudio.com/terms-and-conditions.md) - [Blog](https://ivixstudio.com/blog.md) See the full [sitemap](https://ivixstudio.com/sitemap.md) for all pages.