Webstudio Multilingual Website Development

This website was built for an interior design company using Webstudio. The client, Fedir, provided detailed Figma designs, and my role was to turn them into a pixel-perfect, fully responsive website that worked seamlessly across devices. The scope of the project was to build a website with 2 languages, integration with a CMS, mobile responsiveness, and a basic webhook form to collect project requests.

The project requirements included:

Building a bilingual website (Ukrainian + Russian)

CMS integration with Hygraph for managing projects and content

Ensuring full mobile responsiveness

Creating a webhook-powered form for collecting project requests

One of the main challenges was implementing a smooth language switch inside Webstudio, which does not natively support mutating variables with JavaScript.

I solved this by leveraging system search parameters (?lang=) to dynamically switch languages across all sections.

This approach allowed us to render the correct localized content (titles, descriptions, categories) without modifying the CMS schema.

The result: users can switch between Ukrainian and Russian instantly, with consistent URLs and SEO-friendly structure

Pixel-perfect, mobile-responsive homepage and projects page

CMS-driven project listings with localized fields

Webhook form to collect project requests directly from the site

Dynamic language switcher powered by URL parameters