Built with Framer
OrangeOrange: Framer site for a design and development agency
Pavlo Zhydkykh
My agency site, designed and built in Framer: services, case pages, insights and hiring in one CMS-driven site, with a booked call as the main goal.
Client and challenge
OrangeOrange is my design and development agency. It builds websites and digital systems for companies in the US and Europe: website design and development, product design, branding and ongoing support, in Framer and Webflow. The site has to sell an agency rather than a person. It needs to show capability across real projects, make the process easy to follow, and turn a first-time visitor into a booked call.
What I did
I designed and built the whole site myself in Framer, responsive across desktop, tablet and mobile.
Hero
A kinetic headline, "We create websites that drive business", with a short "Our Approach" video that stays pinned in the corner of the page.
Credentials
A strip with the agency's Clutch rating and its Behance and Webflow Professional Partner badges.
Services
Four service pillars (website design and development, product design, branding, ongoing support), each with its own page.
Process
Four steps: strategy and research, design and prototype, build, test and optimise, then launch and support.
Proof
Selected projects with full case pages, and a client testimonial from a named founder.
CMS
Collections for projects, services, insights and open roles, so new case studies, articles and job posts go live without changes to the layout.
Content
An insights blog (including a piece on GEO, how AI search tools find and cite websites), a video insights page and a hiring page.
Search
Keyword-mapped metadata, a dedicated sitemap page and a site search index.
Conversion
"Book a Free Consultation" repeats across the site and opens Calendly booking, with a contact form as the second path.
Results
One Framer site that holds the agency's services, case studies, articles and hiring, all managed through the CMS.
Every page leads to the same next step: a free consultation booked directly in Calendly.
Tools and tags
Tools: Framer, Framer CMS, Calendly
Skills: Web Design, Framer Development, Interaction Design
Industry: Design Agency
Live site: https://orangeorange.agency/
Like this project
Posted Oct 6, 2026
My agency site, designed and built in Framer: services, case pages, insights and hiring in one CMS-driven site, with a booked call as the main goal.
Likes
0
Views
1
