Project Overview

For agencies and freelancers, the portfolio is the pitch. Velory was built around that idea, with project cards displaying category and date metadata, case study pages following a consistent template, and a homepage that guides visitors from positioning to services, proof, and finally to booking. The visual system remains intentionally minimal, allowing the buyer's work to become the primary focus.

My Role & Contributions

• Structured the template across Home, About, Services, Projects, Project Detail, and Contact pages.

• Designed a minimal, typography-led visual system that keeps portfolio imagery as the focal point.

• Built a CMS-driven project collection with category, date, and featured states.

• Created reusable components for service cards, stat counters, testimonials, and FAQs.

• Developed the complete template in Framer with responsive layouts across every page.

• Designed a booking-focused contact section with direct call and social links.

• Refined motion and page transitions to create a seamless browsing experience between projects.

Design Highlights

• A project grid that remains balanced whether the buyer has three case studies or thirty.

• A single case study template that keeps the portfolio visually consistent across different types of work.

• Bold typographic hierarchy that defines the layout without relying on heavy visual decoration.

• An impact section highlighting clients, projects, awards, and experience with editable labels.

• Featured and standard project states managed through CMS toggles instead of manual layouts.

• A single, prominent booking CTA that avoids competing calls-to-action.

Tools Used

• Figma

• Framer

• Framer CMS

Challenges & Solutions

Challenge

A creative portfolio template needs to feel professionally designed without imposing a visual style that competes with the buyer's own work.

Solution

I kept colours, decorative elements, and imagery minimal, allowing layout, spacing, and typography to shape the experience while ensuring the portfolio remains the centre of attention.

Outcome

• A polished agency and portfolio template ready for marketplace release.

• A CMS-driven project system that scales from a small portfolio to a comprehensive archive.

• A consistent case study format across all project pages.

• Clean, responsive behaviour across desktop, tablet, and mobile.

• A direct conversion path from portfolio browsing to booking a discovery call.