SELECT

I worked with SELECT over 14 weeks on a two-phase project that transformed their entire digital presence. First, I migrated their content management system from Markdown to Sanity CMS. Then, I redesigned and rebuilt their entire marketing website with a modern design system.

SELECT cover image

Phase 1: Sanity CMS Migration (6 weeks)

The first challenge was moving SELECT's content infrastructure to Sanity CMS without any downtime or lost content. I migrated the entire site from Next.js Pages Router to App Router, converted 100+ components from JavaScript to TypeScript for better type safety, and built automated migration scripts to transfer all their blog posts, documentation, and changelog entries.

Sanity studio structure tab

I designed custom Sanity schemas for different content types—posts, docs, changelog, and author management—then built an intuitive Studio interface with 15+ custom content components like callouts, code blocks, tables, videos, and quick links. The big win here was implementing live preview functionality so the team could see changes in real-time before publishing.

Sanity studio presentaion mode

For search, I integrated Algolia with a custom UI that matched their design standards and set up automated RSS feeds for all content types. I also optimized their caching strategy, cutting content update time from over 2 minutes down to 10 seconds.

Algolia powered search modal

On the technical side, I built MUX video integration for seamless video management, responsive table components with rich text support, advanced code syntax highlighting with expandable functionality, and multi-author support with tag-based organization.

MUX index page

Phase 2: Complete Redesign (8 weeks)

With the CMS in place, I focused on redesigning the entire site. I built a complete design system from scratch—custom grid layouts, intersection animations, and a responsive navigation system with animated dropdowns.

Blog index page

I created 15+ reusable UI components that matched the new brand standards, including custom ButtonLink components with multiple variants and icon support.

Pricing page

I redesigned and developed 20+ pages: homepage, feature pages, pricing, about, careers, security, legal pages, and more. I also built out customer showcase pages with dynamic testimonials and case studies, plus complete systems for the blog, changelog, and documentation—all with the new design standards.

Documentation index page

The site is fully responsive across all breakpoints with smooth animations and polished interactions throughout. I optimized performance with lite-youtube-embed, implemented advanced error handling and offline capabilities, and ran comprehensive QA across all devices and browsers.

Individual docs page

Tech Stack

Next.js • TypeScript • Sanity CMS • Tailwind CSS • Algolia Search • MUX Video • Framer Motion

The Results

• 90% reduction in content publishing time
• Eliminated technical barriers for non-technical content creators
• 100% content parity maintained during migration with zero downtime
• Modern, scalable website with improved performance and user experience
• Complete design system and CMS infrastructure for independent team growth

Client Feedback

"Victor was incredible to work with. Extremely fast to respond, clear communicator and great attention to detail. Did a pixel perfect implementation of our designs." — Ian Whitestone, CEO of SELECT