I know people don’t like to read long case studies, so I’m adding my work first below. But if you’d still like to read the full case study, you’ll find it after the project images.

The project lasted around 14 Days and is now live at 👉🏻 https://ankh.framer.website/

Ankh is a Web3-native marketing agency that helps brands grow through strategy, community, and culture.

Our goal was to design and build a site that reflects their dual identity — the precision of a top-tier agency and the attitude of Web3 culture — while keeping it visually bold and fast.

Deliverables: Design, Framer development, Animations Platform: Figma, Framer Timeline: 14 Days

Ankh’s vision was clear: to showcase their credibility and creative range — 200+ projects, $100M+ in raised funding, and millions of followers — while maintaining a refined, futuristic aesthetic.

We needed to:

Merge Web3 energy with agency-level professionalism

Create a visual system that feels high-contrast, sleek, and confident

Highlight numbers, results, and clients dynamically

Use motion and transitions to give the site flow without overcomplicating UX

I led the complete design and development cycle:

Conducted stakeholder sessions to align narrative and tone

Created low-fidelity wireframes for structure and flow

Designed high-fidelity visuals with bold typography and modular sections

Developed the site fully in Framer, with responsive design, animations, and CMS flexibility

Built scroll-based animations and hover interactions to create an immersive experience

1. Discovery & Direction Through collaborative sessions, we defined the brand tone — bold, confident, and culture-driven. The site needed to speak directly to founders, investors, and creative teams in the Web3 space.

2. Wireframes Outlined the flow for each section — Hero, Stats, Services, Clients, Work, and Contact — ensuring logical progression and scannable storytelling.

3. Design Crafted a clean, high-contrast layout with large type, generous spacing, and accent imagery. Each section reinforces credibility — from metrics like “100M+ Funding Raised” to the “Our Work” grid showcasing partnerships with top Web3 brands.

4. Framer Build & Animations Built the site in Framer, translating every design element into interactive motion:

Scroll reveals across the hero and service sections

Smooth transitions between sections for a cohesive narrative flow

Hover animations on project cards and buttons

Performance-optimized assets for fast loading and responsive behavior across breakpoints

A visually commanding website that captures both tech and creative sides of Ankh

Stronger storytelling — numbers, brands, and case studies now form a coherent proof narrative

Engaging motion design enhances energy and memorability

Fully responsive and editable in Framer for future campaigns or collaborations

A Web3-native brand presence that feels modern, trusted, and culture-driven