A cleaner website for a growing solar contractor.
A brand guide built on your new logo, shorter copy and a clean five-page Webflow site that shows your solar projects at a glance. Live on your own Webflow account at the turn of the year, with the Google rankings you have today kept intact.
What we heard from you.
Based on our conversations, this is our understanding of where Montes Electric stands today and where you want to go. If we got anything wrong, tell us. This is the foundation the whole proposal is built on.
Challenges today
- Built piece by piece, never properly designed
- Homepage reads like a wall of text
- 53 project pages that nobody reads
- New logo coming, but no brand guide
Where you want to go
- A clean, modern look in the new brand
- All projects at a glance in one table
- A site that is easy to change, on your account
- Keep the Google rankings you have today
Our track record.
What's included.
Branding
- Your new logo stays yours, made by your designer. We check how it works small, on dark and light backgrounds and on photos, and add usage rules
- Moodboard, then two visual directions on real Montes Electric content. You pick one
- Color palette built around the brighter blue of your new logo, with HEX, RGB, and CMYK codes
- Typography selection (Google Fonts or licensed fonts if provided)
- Basic brand elements (e.g. shapes, icons, patterns) for web use, plus a photo style so we pick the strongest project shots from your library
- Brand Style Guide (PDF) or Figma documentation
Copywriting
- Short interview on your services, your customers and what sets Montes Electric apart
- Section-by-section outline for each page, agreed with you before we write
- New, tighter copy for all 5 pages: homepage, about us, solar installation, projects and contact
- Page titles and meta descriptions, keeping the search terms you rank for today
- Written while the brand guide is made, so it adds no time to the project
Wireframes
- Low-fidelity wireframes in Figma for up to 5 unique pages: homepage, about us, solar installation, projects and contact
- One projects page instead of 53 single pages: a few featured projects up top, then a table of all projects with location and megawatts that visitors scan in seconds
- Optional notes/comments on functionality (e.g. CTA behavior, scroll sections)
- Wireframes provided in view-only Figma link
Web design
- Final UI designs in Figma for up to 5 unique pages
- Responsive designs for desktop and mobile
- Visual styling aligned with brand identity (colors, fonts, icons, imagery)
- Design components system (e.g. buttons, form fields, navigation, cards)
- Hover, focus, and active states for key UI elements
- Organized and labeled Figma file for seamless handoff to development
- Clean and calm: subtle hover and text effects only, no heavy movement
- Photo selection from your Google Drive library, so each project photo on the site shows something new
Webflow development
- Fully developed Webflow website based on the final approved designs
- Responsive implementation for desktop, tablet, and mobile
- CMS setup for dynamic content (e.g. blog posts, case studies)
- Global styles and classes for scalable design system
- Component library for easy reuse by the marketing team
- UX animations (e.g. hover effects, page transition)
- On-page SEO & AEO structure (titles, meta descriptions, alt-tags, heading structure, schema markup, llms.txt)
- GDPR compliant cookie banner implementation
- Built on your own Webflow account, so you own the site from day one
- The projects table runs from a simple Webflow list: a new project is one new row in the Webflow Editor, no new page and no developer needed
- Privacy policy and SMS program terms (needed for your Twilio texting) carried over as simple text pages
SEO migration
- Every old URL mapped to its new home: the 53 project pages, the blog and the old category pages point to the new projects page or homepage
- Setup of 301 redirects for legacy URLs to maintain SEO rankings
- Transfer of images, assets, and downloadable files
- Migration of all internal links
- Deactivation plan for legacy website (if hosted elsewhere)
Quality assurance & launch support
- Cross-browser testing (Chrome, Safari, Firefox, Edge)
- Responsive testing on key breakpoints (desktop, tablet, mobile)
- Functionality checks (e.g. forms, buttons, animations, CMS items)
- SEO basics verified (meta tags, alt-texts, semantic heading structure)
- Domain setup guidance and DNS record configuration support
- Webflow Optimize & Analyse integration
- Support during go-live window
Post-launch support
- 10 hours of free post-launch support to address items that were out of scope, available for 21 days after launch
- Assistance with onboarding your team to Webflow Editor & CMS
Not included
- Logo design: your designer delivers the final logo files before kickoff
- New photography or video shoots: we work with the photos you already have
- Blog and individual project detail pages: replaced by the projects table, as agreed
- Third-party costs: Webflow hosting plan on your own account, domains, paid integrations, billed directly by the provider
- Configuration inside external tools (HubSpot, Pipedrive, etc.): form embeds are provided by Montes Electric
Results from our clients, including solar and construction.
How we work.
7.5 weeks from kickoff to launch.
Each bar is a phase. The copy is written while the brand guide is made, so it adds no time. Assuming kickoff on 9 November (CW46), your new site goes live in the last week of December. With Speed Delivery it goes live the week before Christmas.
Your investment.
Indicative pricing based on the requirements we understood so far. Let's discuss your questions and feedback in detail. The scope above is covered in full; anything beyond gets flagged and aligned before work starts.
| BrandingBrand guide built on your new logo | $5,000 |
| CopywritingStructure and new copy for all 5 pages | $1,750 |
| WireframesUp to 5 unique pages | $1,250 |
| Web designUp to 5 unique pages, responsive, full component system | $2,750 |
| Webflow developmentCMS architecture, component library, SEO & tracking | $3,750 |
| SEO migration301 redirects for about 55 old URLs, rankings preserved | $500 |
| Quality assurance & launch supportCross-browser, responsive & functionality testing, go-live support | Included |
| Post-launch support (10 hours)Out-of-scope fixes & Webflow onboarding, 21 days after launch | Included |
| Your investment | $15,000 |
All prices in USD, net.
Add-ons
Toggle what you need and the total updates.
Payment
33% upfront
at project start
33% at start
of development
34% after launch
& handover
Validity
This offer is valid until 11 November 2026. After that, it may change based on our workload.
Iterations
Each deliverable includes two feedback rounds. Additional iterations or out-of-scope requests at $100/h, only after your written approval.
What we're counting on from your side.
The working assumptions the price and timeline are built on.
Onboarding & project kickoff
- Montes Electric completes all assigned onboarding materials (briefing documents, brand discovery questionnaires) before project kickoff
- Montes Electric provides the final logo files, access to the photo library on Google Drive and access credentials (WordPress, domain, Google Search Console) before project kickoff
- Montes Electric gives feedback on the copy within the two rounds, so it is approved before wireframes start
- Montes Electric provides the list of all projects for the table (name, location, size in megawatts, year) before development starts
Content & asset delivery
- magier enters the projects table once at launch; new projects after that are added by Montes Electric in the Webflow Editor
- Images compressed to less than 1MB; videos as mp4 or links to mp4 files hosted on the client's own server
- All content delivered (copy, images, videos) must be final and approved by the client prior to delivery
Feedback & communication
- Deliverables (wireframes, designs, staging links) are reviewed and approved within 24 hours of receipt, unless otherwise agreed
- All feedback is consolidated and communicated via the designated channel (Figma, Outlign or BugHerd); feedback outside of it cannot be taken into calculation
Access & responsibilities
- Montes Electric ensures timely access to all necessary third-party platforms (Webflow, Google Analytics, Figma) and remains responsible for related costs and terms
- Montes Electric secures all legal approvals and compliance checks (data protection, imprint, terms of use) before go-live
- If key stakeholders are unavailable for a prolonged period, the client notifies magier in advance and appoints a temporary point of contact
- No custom code or integrations beyond the explicitly listed scope
Iterations & additional work
- Each deliverable (design directions, moodboards, a batch of 3 to 5 subpages) includes up to two feedback and revision rounds
- An iteration is a round in which the client reviews and gives feedback on a deliverable or stage of a phase
- 10% of the total price is reserved for post-launch adjustments: revisiting an approved deliverable goes on the post-launch list and is handled from these reserved hours after go-live. This keeps the project on schedule and does not apply to new deliverables
- Additional iterations beyond scope: $100/h net, only after written approval
- Out-of-scope change requests: $100/h net, only after written approval
What clients say when we're not in the room.
As a VC-backed startup growing fast, we didn't have time for a six-month project. We needed someone fast, and magier proved they could deliver. Their Webflow expertise and past work impressed us, and in the end, we were super happy with the outcome. Magier was always on the project together with us - we felt like they were part of our team. I've never seen that in other agencies. They were fast, bold, and innovative. I would totally recommend them.
Working with Magier feels like having an entire design and web team plugged directly into our marketing engine. They move fast, they think with us, and they enabled us to execute ideas we simply didn't have the resources for before.
We partnered with Magier to relaunch our entire CI and website, and the experience was outstanding. The team delivered excellent work - communication and execution exceeded our expectations. If you want a website that stands apart with a uniquely creative interpretation of your CI, Magier is the partner to choose. Big thanks to the whole team! :)
I used maybe 5-6 other design/webflow agencies before finding Magier. All the usual ones you get FB ads for... I think I found Magier through my Y-combinator network... been super impressed with the quality of the design and Webflow development. Like, they've been able to do everything I threw at them. Also, they've worked well alongside our SEO agency and even provided many unsolicited speed improvements etc. Can't recommend them enough.
After our rebranding, we needed a partner to help us build a new website in Webflow - and Magier stepped in seamlessly. From day one, they were committed, enthusiastic, and solution-oriented, tackling every challenge we faced with ease. Communication was always smooth and effortless, making the entire process stress-free. Thanks to their dedication, we launched our brand-new website on schedule, despite a tight deadline. It was a fantastic experience, and we highly recommend the Magier team!
What a great pleasure it is to work with the design team at magier!! The team is very talented and customer focussed. From the moment you start working with them, it feels like a partner who is focussed at solving your problems. Their support post delivery was fantastic - helping quickly resolve any small issue that came up or in some cases doing some quick design revisions based on user feedback. In summary, if you are looking for a long term partner who keep you first, look no further!