CASE 09 / 09 · BRANDING STUDIO · ILIGAN CITY, PH · 2026

Dotted StudiosWebsite and CMS for an Iligan City branding studio

From a dead link to a site built around the work.

Dotted Studios is a strategy-led branding studio in Iligan City, led by Julz Arboleda. Fazed Digital built its website from the studio’s own Figma design in one week, adding a three.js Connect the Dots particle field, GSAP scroll motion, a content system and a four-step enquiry form. It went live at dottedstudios.com in October 2026.

Visit dottedstudios.com ← All work

Homepage of Dotted Studios’ website, designed and built by Fazed Digital

The result

Dotted Studios launched at dottedstudios.com in October 2026, one week after the build started.

The dead portfolio link on their profiles now leads to a site built around their work.

Result metric coming soon · we only publish numbers the client has confirmed

Client: Dotted Studios
Location: Iligan City, Philippines
Industry: Branding & Design
What we built: Website + CMS
Services: Web Design, Web Development, CMS
Built with: three.js, GSAP, Keystatic, Figma
Duration: 1 week
Year: 2026
Live site: www.dottedstudios.com ↗ (opens in a new tab)

The challenge

Dotted Studios is a strategy-led branding studio in Iligan City, led by Julz Arboleda. They help Bisaya business owners build brands that can compete locally and internationally, for clients like RMC Interiors, Urban Coffee Studio and Ammara Ice Cream. Their work lived on Behance and Facebook, and the website on their profiles led to a dead portfolio page.

What we built

The studio had already designed its site in Figma, so we kept their layout, palette, type and copy, and built the motion on top: a Connect the Dots particle field in three.js, where dots gather into shapes as you scroll, and GSAP scroll choreography through the featured work. Under it sits a content system for projects, blog posts, services, team and testimonials, plus a four-step enquiry form. On phones the particle field is lighter, so scrolling stays smooth.

Full-page capture of Dotted Studios's live site, desktop

Full-page capture of Dotted Studios's live site on a phone

Captured from the live site, Oct 2026

Outcomes

01
Live at dottedstudios.com, one week from start to launch
02
Built from the studio’s own Figma design
03
Connect the Dots particle field and scroll choreography
04
A content system for projects, posts, services and team

Services used

Web design & development

Questions about this project

01Can you build our website from our own Figma design?

Yes. Dotted Studios designed their site in Figma, so we kept their layout, palette, type and copy, then built the motion, the content system and the four-step enquiry form on top. It went live one week after the build started.

02Can a studio site have its own content system?

Yes. The Dotted Studios site is built on a content system (Keystatic) with collections for projects, blog posts, services, team and testimonials, so new work and posts go in through simple forms with a live preview, not code.

03How much does a website like this cost in the Philippines?

Our 7-day website packages start at ₱19,999 ($499). Sites with custom motion, like the Dotted Studios particle field, are quoted on scope once we have seen your design. We are based in Iligan City too.