Webflow design and build for SaaS teams
Webflow design and build for SaaS teams
Webflow design and build for SaaS teams
We design and build Webflow sites for SaaS teams with a growing library of pages and content. You’ll get a CMS your marketing team runs, a site that matches your product, and no queue for engineers.

Website
Website design for APY Ventures.
A website designed for APY Ventures. The case study covers the structure, pages and visual direction.
Read the case study
How a Webflow project runs.
How a Webflow project runs.
How a Webflow project runs.
Five steps, each with clear outputs. You always know what you’ll have at the end of the week and what decision we need from you.
Content model & plan
Map your pages and content before designing anything.
- Page tree
- CMS collections and fields
- Migration map
- Editor roles
Site mapSDHomeProductPricingCustomersBlogCMSWireframes
Lay out pages and templates with real content.
- Page and template wireframes
- Real content in place
- Paths to demo or signup
- Agreed layout
Wireframes · v2SDContinue2 commentsDesign
Page and template designs matched to your product.
- Visual direction
- Desktop, tablet and phone
- Component library
- Review links
Brand guidelinesLogonorthstar.Plainspoken, precise and confident. We explain, we don’t oversell.northstar.AaInter DisplayBuild & CMS
A clean Webflow build your editors can run.
- Reusable class system
- CMS templates
- Forms and integrations
- Speed checks
Webflow CMSBlog postsNew itemPricing pages that convertPublishedQ3 product updateScheduledHow we cut onboarding timeDraftCustomer story: FieldlyDraftChangelog: OctoberDraftMigrate & launch
Move your content and go live without losing traffic.
- Content migration
- Every old URL redirected
- SEO metadata and sitemap
- Editor training
Launch · RedirectsSDRedirects42 live/old-pricing→/pricing301/blog/2023/launch→/blog/launch301/about-us→/about301Sitemap submitted to Search Console
Content model & plan
Map your pages and content before designing anything.
- Page tree
- CMS collections and fields
- Migration map
- Editor roles
Site mapSDHomeProductPricingCustomersBlogCMSWireframes
Lay out pages and templates with real content.
- Page and template wireframes
- Real content in place
- Paths to demo or signup
- Agreed layout
Wireframes · v2SDContinue2 commentsDesign
Page and template designs matched to your product.
- Visual direction
- Desktop, tablet and phone
- Component library
- Review links
Desktop1200PublishDesktopNorthstarProductPricingGet startedHero · 560 × 96Your product, explained in one scroll.Northstar turns usage data into answers.DashboardsAlertsReportsBuild & CMS
A clean Webflow build your editors can run.
- Reusable class system
- CMS templates
- Forms and integrations
- Speed checks
Webflow CMSBlog postsNew itemPricing pages that convertPublishedQ3 product updateScheduledHow we cut onboarding timeDraftCustomer story: FieldlyDraftChangelog: OctoberDraftMigrate & launch
Move your content and go live without losing traffic.
- Content migration
- Every old URL redirected
- SEO metadata and sitemap
- Editor training
Ready for buildSDRelease checklist3 of 4Specs and tokens handed overWalkthrough with engineersDesign QA on stagingShipped
What Webflow sites usually get wrong
What Webflow sites usually get wrong
What Webflow sites usually get wrong
Webflow gives you speed and control. These are the ways SaaS sites still lose both.
Messy class names
Copied styles and one-off classes make every edit risky. We build on a clean, reusable class system.
CMS as an afterthought
Blog and customer stories get forced into pages. We plan collections and fields first.
Marketing waits on a developer
Small edits turn into tickets. We set the site up so your team publishes alone.
A site that doesn’t match the product
It looks like a different company. We design it from the same system as your product.
A migration that loses traffic
Old URLs vanish and rankings drop. We map and redirect every URL before launch.
Slow, heavy pages
Big images and stacked interactions hurt speed. We keep pages light on every device.
Two ways to work together.
Two ways to work together.
Two ways to work together.
Every engagement is scoped on a short call first, so the price matches the work.
Webflow website
from $4,000For teams moving to Webflow or replacing a site that has outgrown its template.
- Content model and page structure
- Design matched to your product
- Webflow build and CMS
- SEO and redirects
- Editor training
Product partner
from $2,500/moFor teams that need senior design every month without hiring a full-time designer.
- Unlimited requests, one active at a time
- Most tasks delivered in 2–3 working days
- Product, web and brand from one backlog
- Async in Slack, plus a weekly check-in
- Pause or cancel any month
Why teams pick Studio Magik.
Why teams pick Studio Magik.
Why teams pick Studio Magik.
Product designers who build websites, not a web shop guessing at your product. We care about what the site has to achieve, not only how it looks.
We know your product
We design SaaS and AI products, so we understand what your site has to explain and to whom.
Built for content teams
Your marketing team runs the CMS, not a ticket queue.
Careful migrations
We treat your search traffic as an asset, and check it before and after launch.
Framer or Webflow, honestly
We build in both, so we recommend the one that fits, not the one we sell.
Senior people, AI-assisted
Senior designers do the thinking. AI speeds up the repetitive parts, so you get more iterations for the same budget.
Part of your team
We work in your Slack, your Figma and your rituals. A direct line to the people doing the work, no account managers.
From the teams we work with.
From the teams we work with.
From the teams we work with.
Founders, product leads and PMs on what it’s like to build with us.
“Rather than simply creating designs, they challenge ideas, proposes better solutions, and always keeps business goals in mind. After working together, the overall user experience improved significantly, and the design language became much more consistent. Complex user flows were simplified, resulting in clearer and more intuitive experiences.”

“They contributed significantly to our projects, especially on the design side. When urgent situations came up, they were always willing to jump in and help. Provided clear, structured design files. This made it much easier for both the product and development teams to understand and implement the designs efficiently.”

“Communication was super easy, and we were always able to have great mutual discussions about our perspectives. Project bottlenecks were practically nonexistent. Kept the momentum moving forward and ensured the project crossed the finish line on time.”

“Rather than simply creating designs, they challenge ideas, proposes better solutions, and always keeps business goals in mind. After working together, the overall user experience improved significantly, and the design language became much more consistent. Complex user flows were simplified, resulting in clearer and more intuitive experiences.”

“They contributed significantly to our projects, especially on the design side. When urgent situations came up, they were always willing to jump in and help. Provided clear, structured design files. This made it much easier for both the product and development teams to understand and implement the designs efficiently.”

“Communication was super easy, and we were always able to have great mutual discussions about our perspectives. Project bottlenecks were practically nonexistent. Kept the momentum moving forward and ensured the project crossed the finish line on time.”

“Rather than simply creating designs, they challenge ideas, proposes better solutions, and always keeps business goals in mind. After working together, the overall user experience improved significantly, and the design language became much more consistent. Complex user flows were simplified, resulting in clearer and more intuitive experiences.”

“They contributed significantly to our projects, especially on the design side. When urgent situations came up, they were always willing to jump in and help. Provided clear, structured design files. This made it much easier for both the product and development teams to understand and implement the designs efficiently.”

“Communication was super easy, and we were always able to have great mutual discussions about our perspectives. Project bottlenecks were practically nonexistent. Kept the momentum moving forward and ensured the project crossed the finish line on time.”

“Rather than simply creating designs, they challenge ideas, proposes better solutions, and always keeps business goals in mind. After working together, the overall user experience improved significantly, and the design language became much more consistent. Complex user flows were simplified, resulting in clearer and more intuitive experiences.”

“They contributed significantly to our projects, especially on the design side. When urgent situations came up, they were always willing to jump in and help. Provided clear, structured design files. This made it much easier for both the product and development teams to understand and implement the designs efficiently.”

“Communication was super easy, and we were always able to have great mutual discussions about our perspectives. Project bottlenecks were practically nonexistent. Kept the momentum moving forward and ensured the project crossed the finish line on time.”

“They have a really good sense of balancing clean visuals with usability. The design became way more intuitive. It looked effortless, but you could tell there was a lot of smart thinking behind it. Working with them just flowed naturally, and I genuinely enjoyed the process.”

“They really take their time to understand our company, our product and the audience we serve, and translated that into a consistent visual language. Design decisions were always well-reasoned, iterated fast, and kept communication transparent. It felt like working with an in-house teammate!”

“They have a really good sense of balancing clean visuals with usability. The design became way more intuitive. It looked effortless, but you could tell there was a lot of smart thinking behind it. Working with them just flowed naturally, and I genuinely enjoyed the process.”

“They really take their time to understand our company, our product and the audience we serve, and translated that into a consistent visual language. Design decisions were always well-reasoned, iterated fast, and kept communication transparent. It felt like working with an in-house teammate!”

“They have a really good sense of balancing clean visuals with usability. The design became way more intuitive. It looked effortless, but you could tell there was a lot of smart thinking behind it. Working with them just flowed naturally, and I genuinely enjoyed the process.”

“They really take their time to understand our company, our product and the audience we serve, and translated that into a consistent visual language. Design decisions were always well-reasoned, iterated fast, and kept communication transparent. It felt like working with an in-house teammate!”

“They have a really good sense of balancing clean visuals with usability. The design became way more intuitive. It looked effortless, but you could tell there was a lot of smart thinking behind it. Working with them just flowed naturally, and I genuinely enjoyed the process.”

“They really take their time to understand our company, our product and the audience we serve, and translated that into a consistent visual language. Design decisions were always well-reasoned, iterated fast, and kept communication transparent. It felt like working with an in-house teammate!”

“They have a really good sense of balancing clean visuals with usability. The design became way more intuitive. It looked effortless, but you could tell there was a lot of smart thinking behind it. Working with them just flowed naturally, and I genuinely enjoyed the process.”

“They really take their time to understand our company, our product and the audience we serve, and translated that into a consistent visual language. Design decisions were always well-reasoned, iterated fast, and kept communication transparent. It felt like working with an in-house teammate!”

“They have a really good sense of balancing clean visuals with usability. The design became way more intuitive. It looked effortless, but you could tell there was a lot of smart thinking behind it. Working with them just flowed naturally, and I genuinely enjoyed the process.”

“They really take their time to understand our company, our product and the audience we serve, and translated that into a consistent visual language. Design decisions were always well-reasoned, iterated fast, and kept communication transparent. It felt like working with an in-house teammate!”

“Our project (A global hotel chain with 7 hotels and 20 languages) took 3 months and we only had 4 phone calls with them. His discipline made the whole design and Framer development process perfectly smooth. Their technical abilities helped us with the project to make it better and smoother.”

“Having them on board has elevated the way we approach digital product design. Thanks to their structured, thoughtful, and user-centered workflow, our websites have become more intuitive and aligned with our clients’ needs. Their involvement has allowed us to deliver complex web projects faster, without compromising on quality or design integrity.”

“Our project (A global hotel chain with 7 hotels and 20 languages) took 3 months and we only had 4 phone calls with them. His discipline made the whole design and Framer development process perfectly smooth. Their technical abilities helped us with the project to make it better and smoother.”

“Having them on board has elevated the way we approach digital product design. Thanks to their structured, thoughtful, and user-centered workflow, our websites have become more intuitive and aligned with our clients’ needs. Their involvement has allowed us to deliver complex web projects faster, without compromising on quality or design integrity.”

“Our project (A global hotel chain with 7 hotels and 20 languages) took 3 months and we only had 4 phone calls with them. His discipline made the whole design and Framer development process perfectly smooth. Their technical abilities helped us with the project to make it better and smoother.”

“Having them on board has elevated the way we approach digital product design. Thanks to their structured, thoughtful, and user-centered workflow, our websites have become more intuitive and aligned with our clients’ needs. Their involvement has allowed us to deliver complex web projects faster, without compromising on quality or design integrity.”

“Our project (A global hotel chain with 7 hotels and 20 languages) took 3 months and we only had 4 phone calls with them. His discipline made the whole design and Framer development process perfectly smooth. Their technical abilities helped us with the project to make it better and smoother.”

“Having them on board has elevated the way we approach digital product design. Thanks to their structured, thoughtful, and user-centered workflow, our websites have become more intuitive and aligned with our clients’ needs. Their involvement has allowed us to deliver complex web projects faster, without compromising on quality or design integrity.”

“Our project (A global hotel chain with 7 hotels and 20 languages) took 3 months and we only had 4 phone calls with them. His discipline made the whole design and Framer development process perfectly smooth. Their technical abilities helped us with the project to make it better and smoother.”

“Having them on board has elevated the way we approach digital product design. Thanks to their structured, thoughtful, and user-centered workflow, our websites have become more intuitive and aligned with our clients’ needs. Their involvement has allowed us to deliver complex web projects faster, without compromising on quality or design integrity.”

“Our project (A global hotel chain with 7 hotels and 20 languages) took 3 months and we only had 4 phone calls with them. His discipline made the whole design and Framer development process perfectly smooth. Their technical abilities helped us with the project to make it better and smoother.”

“Having them on board has elevated the way we approach digital product design. Thanks to their structured, thoughtful, and user-centered workflow, our websites have become more intuitive and aligned with our clients’ needs. Their involvement has allowed us to deliver complex web projects faster, without compromising on quality or design integrity.”

“Rather than simply creating designs, they challenge ideas, proposes better solutions, and always keeps business goals in mind. After working together, the overall user experience improved significantly, and the design language became much more consistent. Complex user flows were simplified, resulting in clearer and more intuitive experiences.”

“They really take their time to understand our company, our product and the audience we serve, and translated that into a consistent visual language. Design decisions were always well-reasoned, iterated fast, and kept communication transparent. It felt like working with an in-house teammate!”

“Our project (A global hotel chain with 7 hotels and 20 languages) took 3 months and we only had 4 phone calls with them. His discipline made the whole design and Framer development process perfectly smooth. Their technical abilities helped us with the project to make it better and smoother.”

“They contributed significantly to our projects, especially on the design side. When urgent situations came up, they were always willing to jump in and help. Provided clear, structured design files. This made it much easier for both the product and development teams to understand and implement the designs efficiently.”

“They have a really good sense of balancing clean visuals with usability. The design became way more intuitive. It looked effortless, but you could tell there was a lot of smart thinking behind it. Working with them just flowed naturally, and I genuinely enjoyed the process.”

“Having them on board has elevated the way we approach digital product design. Thanks to their structured, thoughtful, and user-centered workflow, our websites have become more intuitive and aligned with our clients’ needs. Their involvement has allowed us to deliver complex web projects faster, without compromising on quality or design integrity.”

“Rather than simply creating designs, they challenge ideas, proposes better solutions, and always keeps business goals in mind. After working together, the overall user experience improved significantly, and the design language became much more consistent. Complex user flows were simplified, resulting in clearer and more intuitive experiences.”

“They really take their time to understand our company, our product and the audience we serve, and translated that into a consistent visual language. Design decisions were always well-reasoned, iterated fast, and kept communication transparent. It felt like working with an in-house teammate!”

“Our project (A global hotel chain with 7 hotels and 20 languages) took 3 months and we only had 4 phone calls with them. His discipline made the whole design and Framer development process perfectly smooth. Their technical abilities helped us with the project to make it better and smoother.”

“They contributed significantly to our projects, especially on the design side. When urgent situations came up, they were always willing to jump in and help. Provided clear, structured design files. This made it much easier for both the product and development teams to understand and implement the designs efficiently.”

“They have a really good sense of balancing clean visuals with usability. The design became way more intuitive. It looked effortless, but you could tell there was a lot of smart thinking behind it. Working with them just flowed naturally, and I genuinely enjoyed the process.”

“Having them on board has elevated the way we approach digital product design. Thanks to their structured, thoughtful, and user-centered workflow, our websites have become more intuitive and aligned with our clients’ needs. Their involvement has allowed us to deliver complex web projects faster, without compromising on quality or design integrity.”

“Rather than simply creating designs, they challenge ideas, proposes better solutions, and always keeps business goals in mind. After working together, the overall user experience improved significantly, and the design language became much more consistent. Complex user flows were simplified, resulting in clearer and more intuitive experiences.”

“Our project (A global hotel chain with 7 hotels and 20 languages) took 3 months and we only had 4 phone calls with them. His discipline made the whole design and Framer development process perfectly smooth. Their technical abilities helped us with the project to make it better and smoother.”

“They have a really good sense of balancing clean visuals with usability. The design became way more intuitive. It looked effortless, but you could tell there was a lot of smart thinking behind it. Working with them just flowed naturally, and I genuinely enjoyed the process.”

“Communication was super easy, and we were always able to have great mutual discussions about our perspectives. Project bottlenecks were practically nonexistent. Kept the momentum moving forward and ensured the project crossed the finish line on time.”

“Rather than simply creating designs, they challenge ideas, proposes better solutions, and always keeps business goals in mind. After working together, the overall user experience improved significantly, and the design language became much more consistent. Complex user flows were simplified, resulting in clearer and more intuitive experiences.”

“Our project (A global hotel chain with 7 hotels and 20 languages) took 3 months and we only had 4 phone calls with them. His discipline made the whole design and Framer development process perfectly smooth. Their technical abilities helped us with the project to make it better and smoother.”

“Rather than simply creating designs, they challenge ideas, proposes better solutions, and always keeps business goals in mind. After working together, the overall user experience improved significantly, and the design language became much more consistent. Complex user flows were simplified, resulting in clearer and more intuitive experiences.”

“Our project (A global hotel chain with 7 hotels and 20 languages) took 3 months and we only had 4 phone calls with them. His discipline made the whole design and Framer development process perfectly smooth. Their technical abilities helped us with the project to make it better and smoother.”

“They have a really good sense of balancing clean visuals with usability. The design became way more intuitive. It looked effortless, but you could tell there was a lot of smart thinking behind it. Working with them just flowed naturally, and I genuinely enjoyed the process.”

“Communication was super easy, and we were always able to have great mutual discussions about our perspectives. Project bottlenecks were practically nonexistent. Kept the momentum moving forward and ensured the project crossed the finish line on time.”

“Rather than simply creating designs, they challenge ideas, proposes better solutions, and always keeps business goals in mind. After working together, the overall user experience improved significantly, and the design language became much more consistent. Complex user flows were simplified, resulting in clearer and more intuitive experiences.”

“Our project (A global hotel chain with 7 hotels and 20 languages) took 3 months and we only had 4 phone calls with them. His discipline made the whole design and Framer development process perfectly smooth. Their technical abilities helped us with the project to make it better and smoother.”

“They contributed significantly to our projects, especially on the design side. When urgent situations came up, they were always willing to jump in and help. Provided clear, structured design files. This made it much easier for both the product and development teams to understand and implement the designs efficiently.”

“Having them on board has elevated the way we approach digital product design. Thanks to their structured, thoughtful, and user-centered workflow, our websites have become more intuitive and aligned with our clients’ needs. Their involvement has allowed us to deliver complex web projects faster, without compromising on quality or design integrity.”

“They really take their time to understand our company, our product and the audience we serve, and translated that into a consistent visual language. Design decisions were always well-reasoned, iterated fast, and kept communication transparent. It felt like working with an in-house teammate!”

“They contributed significantly to our projects, especially on the design side. When urgent situations came up, they were always willing to jump in and help. Provided clear, structured design files. This made it much easier for both the product and development teams to understand and implement the designs efficiently.”

“Having them on board has elevated the way we approach digital product design. Thanks to their structured, thoughtful, and user-centered workflow, our websites have become more intuitive and aligned with our clients’ needs. Their involvement has allowed us to deliver complex web projects faster, without compromising on quality or design integrity.”

“They really take their time to understand our company, our product and the audience we serve, and translated that into a consistent visual language. Design decisions were always well-reasoned, iterated fast, and kept communication transparent. It felt like working with an in-house teammate!”

“They contributed significantly to our projects, especially on the design side. When urgent situations came up, they were always willing to jump in and help. Provided clear, structured design files. This made it much easier for both the product and development teams to understand and implement the designs efficiently.”

“Having them on board has elevated the way we approach digital product design. Thanks to their structured, thoughtful, and user-centered workflow, our websites have become more intuitive and aligned with our clients’ needs. Their involvement has allowed us to deliver complex web projects faster, without compromising on quality or design integrity.”

“They really take their time to understand our company, our product and the audience we serve, and translated that into a consistent visual language. Design decisions were always well-reasoned, iterated fast, and kept communication transparent. It felt like working with an in-house teammate!”

“They contributed significantly to our projects, especially on the design side. When urgent situations came up, they were always willing to jump in and help. Provided clear, structured design files. This made it much easier for both the product and development teams to understand and implement the designs efficiently.”

“Having them on board has elevated the way we approach digital product design. Thanks to their structured, thoughtful, and user-centered workflow, our websites have become more intuitive and aligned with our clients’ needs. Their involvement has allowed us to deliver complex web projects faster, without compromising on quality or design integrity.”

“They really take their time to understand our company, our product and the audience we serve, and translated that into a consistent visual language. Design decisions were always well-reasoned, iterated fast, and kept communication transparent. It felt like working with an in-house teammate!”

Questions about Webflow.
Questions about Webflow.
Questions about Webflow.
Can’t find what you’re looking for? Email hello@studiomagik.com or book a 15-minute intro.
Webflow for large CMS needs and many editors. Framer for speed and simple editing. We build both and will recommend one honestly.
Yes, if every old URL is redirected and titles, content and internal links are carried over and checked after launch. That’s part of every migration we do.
Plans your content, designs and builds your Webflow site, sets up the CMS, then hands it over so your team can run it.
It depends on the number of templates and how much content moves, so we agree the timeline in writing before we start. You’ll know the plan after the scoping call.
Yes. We review the class structure and CMS, then clean up or rebuild the parts that slow your team down.
Yes. We set up editor roles and walk your team through publishing before we hand over.
You do. The site and hosting plan sit in your Webflow workspace.
Yes. Many of our projects are under NDA, and we never share client work publicly without permission.
Related services
- Desktop1200PublishDesktopNorthstarProductPricingGet startedHero · 560 × 96Your product, explained in one scroll.Northstar turns usage data into answers.DashboardsAlertsReports
Framer websites
Marketing sites in Framer that your team edits without engineers.
Read more → - Brand guidelinesLogonorthstar.Plainspoken, precise and confident. We explain, we don’t oversell.northstar.AaInter Display
Brand identity
Logo, type and colour that also work inside your product.
Read more →
Tell us what you’re building.
Tell us what you’re building.
Tell us what you’re building.
In 15 minutes we’ll tell you honestly whether we’re the right team, and what it would take.
