Framer Website for - Mediagram | Marketing Agency ↗️

The goal of this project was to design a website for a performance marketing agency aimed at high quality clients.

I designed the website in Figma for first-hand validation and transferred it into Framer and also, and achieved full responsiveness on all device sizes while including engaging animations using sticky elements and movement on scroll.

Homepage

About Us Page

Contact Us Page

Case Study Page with 6 CMS-driven case studies

Other dynamic elements

The final outcome was a responsive website that was minimal and approachable by its intended audience with its unique combination of colors-gradients and svg elements, perfect element placements to drive conversions, and on-point micro-interactions to keep users engaged. This site also features custom interactive hamburger menu to add playful navigation and enhance their experience overall.

A full package project that includes design in Figma+ Framer development can take:

Landing page (one page): 1 week

Multi page website (3+ pages): 2 weeks and more, depending on the amount of pages

This project served as an opportunity for me to learn new skills in Framer development while launching my new service offering. Through this process I was able to successfully design a visually appealing site that met my initial goals.