Monarch is your home base for money clarity, it simplifies finances by bringing all your accounts together into one clear view. Always know where your money is and where it's going, achieve your goals quicker, and collaborate with your partner or professional at no extra cost.

As a senior Frontend Engineer, I played pivotal roles in developing its marketing site. The site was designed with dynamic content management, high performance, and an intuitive user experience, empowering the marketing team to manage updates independently. The entire project was successfully delivered within 2 months, providing a beautiful, high-performing, and SEO-optimized site that significantly enhanced customer engagement.

Next.js (App Router), Sanity CMS, Tailwind CSS, Shadcn/ui, Vercel

Referred to the best Next.js + Sanity CMS boilerplate and implemented ESLint, Prettier, Husky and commit rules to ensure a clean and maintainable codebase.

Established a structured development workflow with branch management (dev, staging, live) using Vercel for a streamlined CI/CD process.

Architected a well-structured Sanity Studio schema for managing pages, SEO settings, and other critical content management features, ensuring scalability and maintainability.

Connected Sanity Studio with basic authentication for secure content management.

Implemented automatic type generation, ensuring a fully type-safe project—whenever a new schema was created in Sanity, the system automatically generated the necessary types across the entire project.

Built a scalable design system including base components, layouts, color schemes, typography, header, and footer, enabling the UI team to develop modules based on consistent, reusable components.

Led UI implementation and contributed to over 20 out of 30 modules, ensuring pixel-perfect execution from Figma designs.

Conducted rigorous QA testing and bug-fixing to guarantee a seamless user experience.

Implemented LQIP (Low-Quality Image Placeholder) blur effect using Sanity CDN, integrated with Next.js Image for faster loading and better UX.

Optimized server-side rendering (SSR) and static generation (SSG) strategies to improve page load speeds.

Integrated Segment.io to track all user events, enabling data-driven decision-making.

Implemented A/B testing with Split.io, optimizing conversion rates based on real-time insights.

Set up analytics tracking across platforms, including AppsFlyer, Reddit, Spotify, TikTok, and cookie management for GDPR compliance.

Worked closely with the marketing team, contributing to content entry and providing real-time bug fixes to ensure a smooth launch.

🚀 Delivered the full codebase in just two months, ensuring a scalable, maintainable, and high-performing site. 💡 Enabled the marketing team to update content autonomously with Sanity CMS integration. ⚡ Achieved phenomenal UX with fast-loading pages, optimized images, and smooth interactions. 🔍 Boosted SEO performance, enhancing visibility and engagement.

Landing

Blog

About

Download

Others