Modern, CMS-Integrated Website for Toki Studio
Full-stack development of a dynamic, design-forward website for a creative agency

/ 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

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

