PowerDecks 13-Page Website Transformation by Ulises GabrielPowerDecks 13-Page Website Transformation by Ulises Gabriel

PowerDecks 13-Page Website Transformation

Approve request to show earnings

View

Ulises Gabriel

Ulises Gabriel

Verified

1 collaborator

Turning a Framer Template Into a 13-Page Website for PowerDecks

Client: PowerDecks Service: Framer Website Design & Development Role: Framer Designer / Framer Developer Platform: Framer Industry: Presentation Design / Fundraising / B2B Services Website: PowerDecks

Overview

PowerDecks helps founders and businesses improve the structure, clarity, and visual quality of their investor presentations.
The project started with a purchased Framer template, but the final website needed to go far beyond the original layout. My role was to transform the template into a complete 13-page website with a custom visual direction, reusable components, CMS collections, responsive layouts, forms, and integrations.
The result is a structured and scalable website that clearly presents PowerDecks’ services, process, expertise, and previous work.

The Challenge

The original template provided a visual starting point, but it was not built around PowerDecks’ actual services, content, or customer journey.
The website needed to explain a specialized offer, organize a large amount of information, and guide different types of visitors toward the right next step.
The challenge was to keep the premium feel of the template while completely adapting its structure, components, pages, and content to create a website that felt custom-made for the business.

Template Transformation

I customized the original Framer template to match PowerDecks’ identity and positioning.
This involved rebuilding sections, changing the visual hierarchy, creating new layouts, adapting typography and spacing, and developing reusable components that could work consistently across the entire website.
Instead of simply replacing the template content, I used it as a foundation and transformed it into a much larger and more complete digital experience.

Building the 13-Page Experience

The project grew into a complete 13-page website covering the company’s services, methodology, expertise, case studies, insights, FAQs, team information, and contact experience.
Each page was designed to have a clear purpose while still feeling connected to the rest of the website.
I focused on keeping the navigation simple, creating consistent page structures, and making long-form content easier to scan and understand.

CMS for Case Studies and Insights

I created two CMS collections inside Framer: one for case studies and another for blog and insights content.
This allows the PowerDecks team to publish new projects and articles without rebuilding pages manually.
Each collection includes a reusable page structure, organized content fields, and layouts designed to keep future content visually consistent with the rest of the website.

Responsive Development

The entire website was adapted across desktop, tablet, and mobile breakpoints.
With 13 pages and several different content structures, the responsive work required more than simply resizing elements. Navigation, typography, grids, cards, forms, and content sections were adjusted individually to maintain clarity and hierarchy on every screen size.
The final experience remains polished and easy to navigate across devices.

Forms and Integrations

I also developed the website’s contact and application experience, helping users choose the service that best matched their situation.
The website includes functional forms, clear CTA flows, and a Calendly integration that allows qualified visitors to schedule a call directly.
These elements turn the website into more than a presentation piece by giving visitors clear ways to take action.

Interactions and Final Details

To make the experience feel more polished, I added subtle animations, transitions, hover states, and interactive elements throughout the website.
I also reviewed spacing, alignment, component consistency, links, navigation, forms, and responsive behavior across every page.
The goal was to make the final website feel cohesive and intentional, despite the project growing far beyond the structure of the original template.

Result

The final result was a responsive and scalable 13-page Framer website built around PowerDecks’ services and positioning.
What started as a purchased template became a fully customized website with reusable components, two CMS collections, responsive layouts, animations, forms, and Calendly integration.
PowerDecks now has a professional digital presence that clearly explains its offer, showcases its expertise, and gives potential clients a direct path toward working with the team.

Like this project

What the client had to say

great!

Manuel Duboe

Jul 21, 2026, Client

Posted Jul 21, 2026

Transformed a purchased Framer template into a custom 13-page website with responsive layouts, CMS collections, forms, and Calendly integration.

Likes

2

Views

2

Timeline

May 18, 2026 - Jul 21, 2026

Collaborators