[commercial proposal]
Launching a Landing Page on Framer
Landing Page Development
INTRODUCTION
Everything needed to build a modern, high-converting digital presence.
[ 02 ]
Who We Are
who we are
A strategic design studio specialized in digital identities for companies building something that matters.
In 2023, I had the privilege of working at Framer as a Product Specialist, an experience that deepened my expertise and strengthened my role as an Expert and Partner in the design industry.
Now, with Mainnet Design, I’m channeling all of this experience into helping businesses thrive while focusing on sustainability and innovation. If you're looking for a partner to bring your ideas to life and make a positive impact, let’s make it happen.
Marcus Dutra
Founder and Designer Director
our work
Brands that trusted us with their first impression.
A curated selection of projects where strategy and execution meet. Each delivery is proof that intentional design changes how a brand is perceived, and how a proposal gets signed.
15+
projects delivered since 2024.
03
Scope
[ scope ]
Your landing page + white-label page with personality and high conversion rate
Phase 1
Research
First of all we are going to research your competitors and create possibilities of ways to go
Phase 2
Definition
Here we are going to create your wireframes of low and medium fidelity and choose a way to follow
Phase 3
Building
Here we are going to put the design on a high fidelity using the Figma and pass it to Framer.
Phase 4
Delivery
After delivering the Desktop version we are going to pass it to mobile and make a hand off
Research
[ Stage 1 ]
Reference and Competitors
Coleta de referencias
Análise competitiva
Criação de franksteins
[ Stage 2 ]
Project analysis
Criação de moodboards de diferentes estilos
Agrupamento de marcas
Definition
[ Stage 1 ]
Franksteins
Criação de 2 modelos de websites baseados nas sessões determinadas
[ Stage 2 ]
Lo-fi Wireframes
Creation of 2 lo-fi wireframes to choose one of them
Development
[ Stage 1 ]
Figma
Fidelity increasing on the screens
Creation of the final desktop screens (ready to dev)
[ Stage 2 ]
New pages reviews
Framer Development
Design System Setup
Delivery
[ Stage 1 ]
Responsive + Effects
Creation of Tablet and Mobile breakpoint
Application of effects across every page
[ Stage 2 ]
Handoff
30 days of free maintenance
4h of Framer classes to editing
[ 04 ]
[ operation ]
We don't just deliver design. Wedeliver process. Here's how wemake sure every phase happenswith full predictability — andnothing falls through the cracks.
Branding-First Decisions
Every creative choice is evaluated against your business goals. If it looks good but doesn't serve the strategy, it doesn't ship.
Full Agenda Transparency
You know exactly what's happening — at any moment, without having to ask.
Zero-Noise Flow
All communication, revisions, and decisions are centralized. Nothing gets lost. No approval without a record.
Quality Filter
What reaches you has already passed our highest standard. We deliver for review, not for correction.
[ 05 ]
Timeline
[ timeline ]
From kickoff to launch.
PROJECT
Website Design
TIMELINE
7 Days
DEPENDENCY
Landing Page
[ timeline ]
Macro timeline. The detailed version gets presented and locked at Kickoff.
Research
Building
Revision
Delivery
[ 06 ]
Value
[ value ]
This isn't a design expense. It's theconstruction of three strategicassets that will keep working foryour brand long after we're done —before every meeting, during everydemo, and after every contact.
A brand that earns trust before the pitch
Your visual identity becomes a silent credibility argument. Clients, partners, and investors perceive the seriousness of your product before hearing a single word.
An interface that makes adoption feel inevitable
The UI stops being a utility and starts being a differentiator. Every interaction reinforces why your product is the right choice — and reduces the distance between first use and habit.
A website that qualifies leads while you sleep
Three audiences, one site, zero confusion. The right message for the right person — converting attention into pipeline around the clock, without you in the room.
An overview of the deliverables.
2
Total Deliverables
2
Weeks of Work
5
Specialists
[ 07 ]
[ INVESTMENT ]
From kickoff to launch. Eachphase unlocks the next.
PROJECT
Style Guide
Landing Page
Value
$300
$1000
$1,300
[ Payment Terms ]
Two payments. On the start and on the end.
%
50%
50%
Trigger
Contract signed. Kickoff scheduled. Work begins.
Design finished and approve
value
$600
$600
[ 08 ]
Next Steps
[ closing ]
Three moves to get started.The timeline begins fromour digital handshake.
01
Say go
Reply to this proposal confirming your approval and payment preference. Any final questions — this is the window.
02
Sign & Start
We send the contract for digital signature and payment details. Once done, your spot in our schedule is locked.
03
Kickoff
We run the Immersion Session, share the project workspace, and officially start. Day one of the timeline begins here.