Back to Work

Insurance Website Migration

Migrated an insurance website from a managed CMS to a React based platform, improving performance, reducing vendor dependency, and giving the team full control over deployment and long-term maintainability.

Tech Used: Figma   | React   | Bootstrap   | SCSS
Project Case Study: Insurance Website Migration - by Derrick Reeder

Overview

I led the migration of the company’s marketing website from a managed CMS to a custom React-based platform hosted on AWS.

This gave the team full control over deployments, eliminated ongoing subscription costs, and created a foundation for future in-house features like the Quick Pay portal. I began by assessing limitations in SquareSpace and defining a modern, scalable static site architecture using AWS S3. This approach improved uptime, aligned the web presence with internal tech standards, and streamlined long-term maintainability.

Problem

The core challenge involved a dual migration: first, transferring existing marketing site content to a new static architecture without compromising brand credibility or accessibility standards. Second, integrating the "Quick Pay" feature required creating a highly simplified login and payment flow, demanding secure, real-time data synchronization with internal APIs within a session-based environment.

A key architectural and UX challenge was balancing the inherent performance benefits of a static site with the dynamic, API-powered functionalities of the "Quick Pay" system. This required careful planning to ensure both aspects operated efficiently and securely.

Approach

My process for this project was comprehensive, starting with in-depth UX research and stakeholder engagement. I conducted interviews to thoroughly understand business requirements and user needs for both the marketing site and the Quick Pay feature. This informed the creation of detailed user flows, wireframes, and high-fidelity prototypes using Figma. I conducted informal user testing sessions with these prototypes to validate design assumptions and refine user journeys, particularly for the Quick Pay flow.

For development, I led the front-end implementation using React. I focused on building a modular and responsive interface, utilizing SCSS for custom styling and Bootstrap for a robust, mobile-first framework. The marketing site content was managed as static files, deployed efficiently via an AWS CI/CD pipeline that I helped implement. The Quick Pay feature involved integrating with internal APIs for secure data exchange, ensuring a seamless user experience.

Impact

This project profoundly demonstrated the strategic value of in-house digital ownership and optimized infrastructure. By migrating from a third-party platform to a custom AWS solution, we achieved significant cost savings and gained complete control over the site's performance, security, and future scalability.

It reinforced the critical importance of cross-functional collaboration, particularly in bridging design, front-end development, and back-end API integration. This initiative showcased my ability to lead complex technical projects from conceptualization through deployment, delivering tangible business value and an enhanced user experience.


Interested in similar work?
Let’s build something together
Contact me

Interface System

The platform was designed around dense information hierarchy, responsive data visualization, and scalable component patterns.

Project Case Study: Insurance Website Migration - Screenshot #1
Project Case Study: Insurance Website Migration - Screenshot #2

Visual Identity

The interface system was built around high contrast surfaces, accent-driven hierarchy, and dark-mode-first usability.

#51772A
#4d585a
#fad867
#f7f6f6
#FFFFFF

Clarity

Information hierarchy designed to reduce cognitive load.

Scalability

Reusable patterns built for future feature expansion.

Performance

Lightweight rendering patterns optimized for responsiveness.