Martin City Marketing
The Martin City Marketing website was built to better represent the brand’s wide range of services, clearly communicate what we do, and impress potential clients and employees. This was a complete redesign, created with a focus on modern web technologies, strong UI/UX collaboration, and long-term content flexibility.
Technologies Used
The frontend was developed using Next.js, TypeScript, and Tailwind CSS for a responsive, modern, and highly performant interface. The backend content management system (CMS) was built with Strapi, hosted on DigitalOcean. The frontend is deployed on Vercel for global performance and scalability.
Custom components were created in Strapi so that the SEO team could build and publish pages independently, without developer intervention. The site also features an embedded Google Maps API on the contact page, providing an interactive and accurate location display.
Purpose and Goal
The primary goal was to more accurately represent Martin City Marketing’s brand identity and wide-ranging capabilities. We wanted a platform that showcased our portfolio, supported an easily updated blog, and provided a clear, professional point of contact. This project was targeted primarily at potential clients, but also serves as a recruitment tool for prospective employees.
Technical Hurdles (and How They Were Solved)
One challenge was setting up Strapi to allow the SEO team to create and customize pages without needing a developer. This involved creating flexible, reusable custom components and ensuring they integrated seamlessly with the Next.js frontend.
Another challenge was experimenting with advanced visuals — I built a Three.js prototype with a background custom shader and mouse-reactive animations using GSAP. While the final production site didn’t include every experimental element, the process expanded my skills in 3D rendering and complex web animations, and parts of that work influenced the site’s interactive design choices.
Lessons Learned
This project reinforced the importance of building with both maintainability and non-technical user control in mind. I gained valuable experience bridging creative UI/UX designs with performant, production-ready code, while ensuring the CMS empowered other teams to work independently. Experimenting with Three.js and GSAP deepened my understanding of modern, visually engaging web experiences, and gave me tools to wow potential clients in future builds.