WORK /
CATEGORY
Framer Development
YEAR
2025-2026
ROLE
Web Designer & Framer Dev.
INDUSTRY
Tech Consulting
TIMEFRAME
1 Year
SERVICE
Framer Development
TL;DR
OVERVIEW
Mivarii Consulting needed a complete website built from the ground up to support its consulting business. The engagement covered the full workflow: UI design in Figma, followed by a complete build-out in Framer, backed by a CMS structured to support the company's ongoing content needs.
OBJECTIVES
/ 01
Design and Approve the Full UI in Figma
Establish the site's layout and visual direction in Figma before moving into development.
/ 02
Bring the Design to Life in Framer
Translate the approved Figma design into a fully functioning, live website in Framer.
/ 03
Set Up a CMS Built for Ongoing Content
Structure a CMS that would let Mivarii Consulting manage and update site content going forward.
/ 01
Figma-to-Framer Website Build
Designed the site in Figma, then built it out fully in Framer once the design was approved.
/ 02
Reusable, Customizable Components
Built site components using variables and variants, so key styles could be adjusted without manual, one-off edits.
/ 03
Interactive Elements
Structure a CMS that would let Mivarii Consulting manage and update site content going forward.
/ 04
CMS Setup
Structured a CMS to support the site's ongoing content and collections.
/ 05
Full Responsiveness
Ensured the site worked cleanly across desktop and mobile.
/ 06
Contact Form & Site Setup
Connected the contact form to email and set up analytics and tracking for the live site.
/ 01
Customizable Component System
Site components were built with variables and variants so the client's team could adjust key styles without needing a developer to manually edit each instance.
IMPACT
With the Figma-to-Framer workflow, Mivarii Consulting now has a fully functioning, on-brand website built for its consulting business, backed by a CMS that lets the team manage content independently and a component system that keeps future updates simple.
RESULTS
A complete website build for Mivarii Consulting, taken from Figma design through a fully functioning Framer site with a supporting CMS, covering the full workflow from design approval to a live, responsive, trackable website.
