fig. Pbranding & design · 2023
Basics Architect. A case study by Mayank Panchal
Architecture & Design Studio
A sleek portfolio website reflecting Basics Co.'s creative approach, work, services, and client testimonials.
- Role
- Frontend & WordPress Developer
- Client
- Basics Co.
- Year
- 2023
- Category
- Branding & Design
Overview
Basics Co. is a branding-led studio with a sharp visual identity, and their site needed to feel like an extension of the work itself. We paired a custom WordPress theme with a Vite-powered front-end so the team gets editorial flexibility without sacrificing performance. Smooth scroll-driven animations and a modern aesthetic carry visitors through the work, services, and testimonials.
Highlights
- 01
Custom WordPress theme with editorial flexibility
- 02
Vite-powered front-end for sub-second load times
- 03
Scroll-driven animations and case study modules
- 04
Modular block system for fast content updates
fig. P.2system design
How it’s built.
Editorial flexibility from WordPress, performance from a Vite-built front-end: hashed, minimal bundles for the scroll-driven animations, served from cache in front of a modular block system.
- Client
- Edge / proxy
- Service
- Database
- Third party
- Platform
- async
Flow · Read a page
The portfolio is the product - it has to load like it.
Design decisions
01Build tooling
Vite for the theme's front-end.
Modern bundling, code-split animation code and content-hashed assets that cache forever.
Trade-off · A build step in a WordPress theme - assets must be rebuilt before deploy.
02Blocks, not page-builder
A small set of custom blocks.
Editors keep flexibility while every block stays fast and on-brand.
Trade-off · A genuinely new layout means a new block.