Modern, CMS-Integrated Website for Toki Studio

Full-stack development of a dynamic, design-forward website for a creative agency

Data IntegrationWeb ServicesWebsite DevelopmentSEO Optimisation
creative_agency_da668eaa62-2.png

/ Overview

Built a sleek, content-driven site using React, Express, and MongoDB, with Sanity.io CMS integration. Used three.js, MagicUI, and shadcn/ui components for animations and smooth UI. Included custom routes for contact forms and admin endpoints to manage blogs and case studies.We partnered with Toki Studio, a creative agency specializing in visual storytelling, to develop a modern, full-stack portfolio website that reflects their dynamic design identity. The site was built using React for the frontend and Express for the backend, with MongoDB for persistent storage. To ensure ease of content management, we integrated Sanity.io CMS, allowing the team to easily publish and update blogs, case studies, and team content. Visually, the...

See it live

/ Project Details

Client: Toki Studio Co.

Industries: Design

Date: May 23, 2025

/ Challenge

Toki Studio needed a website that could keep pace with their high-caliber design work — visually engaging, easily manageable, and technically robust. Their previous platform lacked CMS capabilities, requiring manual content updates that slowed down publishing. They also lacked backend APIs to support contact form submissions or structured blog/case study management. From a performance standpoint, the older site was bloated with unnecessary scripts and offered poor mobile responsiveness, which hurt SEO and user engagement. Additionally, they needed a system that could scale with their expanding content portfolio while maintaining a...

/ Provided Services

CMS Integration

Blog Management

Case Study Pages

Contact Forms

RESTful APIs

Admin Endpoints

/ Solution

We built a fully custom website using the MERN stack (MongoDB, Express, React, Node.js) combined with Sanity.io as the headless CMS. The frontend was engineered with reusable shadcn UI components and MagicUI to enable immersive transitions, animations, and design flourishes without sacrificing performance. We reduced processing time by 65% through route-level code splitting, component-level lazy loading, and optimized state management. MongoDB was used to persist structured data like blog entries, case studies, and contact form submissions. SEO optimization techniques — including meta tag control, OpenGraph integration, and semantic markup — improved search visibility. The CMS...We began by conducting a UX audit and aligning the design and development workflow with Toki Studio’s creative direction. We built a component-driven frontend using React, enhanced with animation libraries like MagicUI and shadcn for a polished, smooth experience. Sanity.io CMS was set up and customized to model Toki’s content needs — including blogs, portfolios, team bios, and case studies. We implemented RESTful Express routes for both frontend consumption and...

/ Tech stack

React

Shadcn/UI

Express.js

MongoDB

Sanity.io (CMS)

Three.js

creative_agency_da668eaa62-2.png

/ Client's Feedback

We wanted a website that felt as vibrant and dynamic as our work — and that's exactly what we got. The transitions are smooth, the CMS is a breeze to use, and everything just works. It's a perfect showcase of our studio’s identity.

Team Toki

Team Toki

Founder's Office Toki Studio Co.

Custom Software

Web Applications

Mobile Apps

UI/UX Design

API Integration

Cloud Architecture

DevOps

Quality Assurance

AI Solutions

Data Engineering

Cybersecurity

Automation

Performance

Support & Maintenance