Tired of
lengthy page building?
Try GemPages to create pages faster and smarter with AI-powered feature.
Try GemPages to create pages faster and smarter with AI-powered feature.
Exclusively for users making any first payment from Oct 1st to Dec 31st 2023, UTC.
Discount applied automatically at checkout.
When you work closely with ecommerce brands long enough, one pattern becomes very clear.
The brands that scale quickly aren’t always the ones with the biggest budgets or the most polished designs. They’re the ones that can launch campaigns faster, test ideas sooner, and iterate continuously.
Friction Studio saw this pattern repeatedly while working with scaling Shopify brands. Their team had strong design capabilities and a structured development workflow. But as their clients grew and began launching campaigns more frequently, the traditional page-building process started to become a bottleneck.
This case study explores how Friction Studio adapted their workflow using GemPages, reducing page build time from up to seven days to just 48 hours, while helping one nutrition brand improve conversion rates by nearly 25%.
If you look at how D2C brands operate today, the pace is very different from just a few years ago.
Product cycles are shorter. Marketing campaigns run constantly. Paid acquisition channels like Meta, Google, and TikTok require continuous testing of new creatives, offers, and messaging.
Each experiment often needs its own landing page.
As a result, landing pages and product pages are no longer static assets. They are active parts of the growth engine, constantly evolving alongside marketing campaigns.
For scaling D2C brands, the ability to launch pages quickly directly affects how fast they can grow.
But that speed requirement creates a challenge.
Brands still want custom page designs that reflect their identity. Agencies still want to maintain quality and structure. Meanwhile, marketing teams need pages delivered within tight timelines.
Balancing all three becomes difficult when page creation depends entirely on traditional design-to-development workflows.
Behind many fast-moving ecommerce launches is a team responsible for turning marketing ideas into real pages that customers can interact with. For many growing Shopify brands, Friction Studio plays exactly that role.
Founded by Vishal Goswami, the agency focuses on helping D2C brands design and build high-performing Shopify pages that support rapid product launches and marketing campaigns.

Vishal has spent nearly nine years in the digital industry, including about seven years working specifically with Shopify stores. Over that time, he has worked closely with ecommerce brands across different stages of growth, giving him a deep understanding of how quickly online businesses need to move, especially when paid traffic, product launches, and campaign calendars are involved.
Today, Friction Studio operates as a 12-person design and development studio, with designers and developers working together to deliver Shopify projects from concept to implementation. Rather than functioning as a loose network of freelancers, the team runs as a structured agency with defined workflows and clear roles, allowing them to manage multiple client launches while maintaining consistent quality.
The agency primarily works with direct-to-consumer brands, many of them operating in competitive or specialized industries such as CBD, apparel, coffee, electronics, and consumer packaged goods (CPG). While these industries differ in product type and marketing strategy, they share a common challenge: success often depends on how effectively brands can present their products and convert traffic into customers.
Most of Friction Studio’s clients are small to mid-sized brands entering a growth stage, though the team also collaborates with larger companies when custom campaign pages are required. These brands frequently launch new products, experiment with different offers, and run ongoing paid acquisition campaigns, creating a constant demand for new landing pages and product experiences.
To support those needs, Friction Studio regularly builds custom landing pages, product pages, editorial and advertorial pages, bundle layouts, and rapid-launch campaign pages designed to go live quickly.
As Friction Studio began working with more fast-growing ecommerce brands, one issue kept appearing across projects: the traditional page production workflow simply wasn’t built for speed.
The process typically looked like this:

This approach ensured quality and control, but it also meant every page passed through multiple stages before going live.
In most cases, launching a single page took two to seven days.
For occasional projects, this timeline was acceptable. But for brands launching campaigns regularly, it quickly became a constraint.
Marketing teams often needed new landing pages within 24–48 hours to support product launches or paid advertising campaigns.
Under those conditions, the traditional workflow couldn’t keep up.
When page creation takes too long, the impact quickly spreads across marketing efforts.
Campaigns may launch without optimized landing pages. Paid traffic might be sent to generic product pages instead of tailored experiences.
Testing also slows down.
Conversion optimization depends on rapid experimentation: trying different layouts, messaging, and offers to see what performs best. But when each variation requires a multi-day development process, the number of experiments becomes limited.
Over time, this slows learning and reduces a brand’s ability to improve performance.
For agencies like Friction Studio, the challenge became clear: they needed a faster way to build Shopify pages without sacrificing design flexibility.
As the limitations of the traditional workflow became more apparent, Friction Studio began looking for a different approach, one that could maintain design quality while significantly reducing the time required to launch pages.
The question wasn’t simply how to design faster. It was how to build and launch pages faster without depending on a full development cycle every time.
Around 2018–2019, while building and managing multiple ecommerce projects, Vishal and his team were already exploring ways to make their Shopify workflow more efficient.
At the time, many of the projects involved building dropshipping stores, where speed was particularly important. Products needed to be tested quickly, landing pages had to be created fast, and marketing campaigns often required immediate changes.
To support that pace, the team began exploring the broader Shopify ecosystem: testing themes, experimenting with different page builders, and evaluating tools that could simplify the page creation process.
The goal was straightforward: find a way to build high-quality pages faster without sacrificing design flexibility.
Like many agencies working in Shopify, Friction Studio experimented with several page-building tools available at the time.
Each option promised faster page creation compared to traditional development workflows. But in practice, many of them introduced new limitations, particularly when it came to layout flexibility and creative control.
Some builders relied heavily on rigid template structures. Others restricted how sections could be arranged or customized. While they were helpful for simple pages, they often struggled to support more complex layouts or storytelling-driven designs.
For an agency focused on building custom landing pages and conversion-focused product pages, those limitations quickly became noticeable.
The team needed something that could combine speed with real design flexibility.
Among the tools they tested, GemPages stood out because it offered a balance that many other builders didn’t.
First, the drag-and-drop builder made it possible to create and adjust page layouts quickly without writing custom code for every change. Designers could assemble pages visually and make updates in real time, significantly reducing the time required to move from concept to live page.
Second, GemPages allowed the team to combine different layout elements in ways that weren’t easily possible in many other builders. This flexibility made it easier to design more sophisticated landing page structures.
Another important factor was the white canvas approach. Instead of forcing designers to work strictly within predefined templates, GemPages allowed pages to be built from a more open layout environment. This gave the team the freedom to create unique page structures tailored to specific campaigns or products.
As a result, the builder introduced fewer structural limitations than many alternatives.
For Friction Studio, this meant something important: designers could move faster while still maintaining creative control over the final layout.
That combination: speed, flexibility, and creative freedom made GemPages a natural fit for the type of work the agency was doing.
And over time, it would become a core part of how they built Shopify pages for their clients.
Once Friction Studio adopted GemPages, it didn’t just replace a tool in their stack, it gradually changed how the team built and launched pages altogether.
Instead of relying entirely on the traditional design → developer handoff model, many pages could now be created directly inside the builder. Designers were able to implement layouts themselves, make adjustments instantly, and launch pages without waiting for full development cycles.
Over time, GemPages became a core part of the production workflow, supporting a variety of page types used across ecommerce funnels.
One of the most common use cases for Friction Studio is building campaign-specific landing pages.
These pages are typically designed for paid traffic campaigns, where the landing experience must match the messaging and offer presented in ads.

For example, a Meta or TikTok campaign might focus on a specific product benefit, promotional bundle, or limited-time offer. Rather than sending traffic to a generic product page, brands often require a tailored landing page that aligns closely with the ad creative and campaign message.
Using GemPages, the team can quickly assemble these pages with structured sections for headlines, product highlights, social proof, and conversion-focused calls to action.
More importantly, the builder makes it easier to iterate quickly. When media buyers want to test a new hook, reposition an offer, or adjust the layout based on campaign performance, the page can be updated without rebuilding it from scratch.
Another major use case for Friction Studio is building custom product pages designed specifically for conversion.
While Shopify themes provide a basic product page structure, scaling brands often require more flexibility to present their products effectively.
Standard product pages typically include the essentials: product images, descriptions, and purchase options. But for many brands, especially those competing in crowded markets, this structure isn’t always enough to communicate the full value of a product.
With GemPages, Friction Studio can extend product pages with custom storytelling sections, additional visual content, and conversion-focused elements that go beyond the limitations of the default theme layout.

These pages often include sections for product benefits, comparison tables, customer testimonials, educational content, and feature highlights.
Because the layout is flexible, designers can structure the page in a way that guides visitors through a clear narrative, from understanding the product problem to recognizing the solution and ultimately completing the purchase.
For brands relying heavily on ecommerce revenue, these improvements in product page structure can play a major role in conversion performance.
Some ecommerce funnels require more than short landing pages or standard product layouts. In many cases, brands use editorial-style content to educate customers and build trust before presenting the product.
For example, a page might explain a common problem in a product category, introduce research or educational insights, and gradually transition into recommending a specific product solution.
Building these types of pages inside traditional Shopify themes can be challenging because the layout often needs to feel more like an article than a product page.
GemPages makes this easier through its flexible pre-built layout, allowing designers to structure long-form content faster.

As a result, Friction Studio can create pages that blend education, storytelling, and conversion elements in a more natural flow.
Bundles are another strategy many ecommerce brands use to increase average order value and create more compelling offers.
But the way bundles are presented can significantly influence how customers perceive their value.
Instead of simply listing multiple products together, Friction Studio often designs custom bundle layouts that clearly communicate the benefits of purchasing items as a package.
With GemPages, the team can structure sections that highlight product combinations, savings comparisons, and visual breakdowns of what the bundle includes.
The layout flexibility allows them to frame the offer strategically, showing customers why the bundle represents better value than buying individual items.
For brands competing on both value and differentiation, this kind of presentation can make the offer more persuasive.
Perhaps the most important change GemPages introduced to Friction Studio’s workflow was the ability to launch pages significantly faster.
Instead of following the full Figma → developer → Shopify build pipeline for every page, many layouts could now be created directly inside the builder.
Designers could structure sections, adjust spacing, add content blocks, and publish pages without waiting for a separate development phase.
This dramatically shortened the production timeline.
Pages that might previously have required several days of design and development work could now be built and launched within 24 to 48 hours, depending on the project scope.
Another advantage was the ability to make immediate adjustments after launch. If a client requested a change or if marketing teams wanted to tweak messaging, updates could often be implemented directly in the page builder.
This reduced reliance on custom coding for many page types and made the entire production process more agile.
For Friction Studio, the result was a workflow that could keep up with the pace of modern ecommerce marketing, while still maintaining the design quality their clients expected.
The biggest impact of adopting GemPages wasn’t just faster page creation, it was a fundamental shift in how Friction Studio delivered projects.
Before introducing the builder into their workflow, most pages followed a traditional design-to-development pipeline. Designers worked extensively in Figma, developers handled the final build, and pages moved through multiple approval steps before going live.
While the process ensured quality, it also created delays. A typical page could take two to seven days to launch, depending on revision cycles and developer availability.
After integrating GemPages into their workflow, that timeline changed dramatically.
Many pages could now be built directly inside the builder, allowing designers to move from layout creation to live page much faster. Instead of waiting for a development phase, revisions could often be made instantly within the page editor.
Client approvals also became quicker. Instead of reviewing static designs in Figma and imagining how the page would look in the store, clients could review real, functional pages earlier in the process.
The result was a much more streamlined workflow:

With a faster production process, Friction Studio was able to increase its overall page production capacity. The team could support more campaigns and product launches without needing to significantly expand development resources.
Because pages could be launched faster, the agency was also able to handle multiple client projects simultaneously, something that had previously been limited by development bandwidth.
Clients benefited as well. Faster turnaround times meant campaigns could launch on schedule, marketing teams could move quickly, and new products could reach the market sooner.
Internally, the workflow became smoother. Designers gained more control over implementation, developers were freed from building every page from scratch, and the entire production pipeline experienced less operational friction.
In practical terms, what used to take up to a week could now often be completed in 24 to 48 hours, allowing both the agency and its clients to operate at the speed modern ecommerce demands.
One of the projects that best illustrates the impact of Friction Studio’s new workflow involved a nutrition brand transitioning from Amazon to Shopify.
Like many brands that begin on marketplaces, the company had strong product demand but limited control over its customer experience. Moving to Shopify gave them the opportunity to build a stronger owned-channel presence, but it also meant they needed product pages that could do more than simply list product details.
They needed pages capable of educating customers, building trust, and converting traffic effectively.
The brand was entering a critical stage of growth.
After generating sales on Amazon, they wanted to establish a stronger direct-to-consumer channel through Shopify. This meant building a storefront that could replicate, and ideally improve on the conversion performance they had previously achieved on the marketplace.
To make that transition successful, the brand needed product pages that could communicate value clearly, explain product benefits, and guide new visitors toward purchase.
Working with GemPages as part of their production workflow, Friction Studio designed a series of conversion-focused page experiences for the brand.
This included custom product pages that went beyond the standard Shopify layout, allowing the team to structure product information in a more persuasive and visually engaging way.
They also created advertorial-style pages designed to educate potential customers about the product category and gradually introduce the brand’s solution. These long-form pages blended storytelling with product education, helping new visitors better understand why the product mattered.
In addition, the team implemented bundle offers, presenting product combinations in a way that made the value proposition clearer and more compelling.
The pages were built primarily using GemPages, combined with targeted custom enhancements where necessary.
After launching the redesigned pages, the brand saw measurable improvements in performance.
Most notably, the site experienced an estimated ~25% increase in conversion rate.
At the same time, both bounce rate and exit rate decreased, indicating that visitors were engaging more deeply with the content and progressing further through the purchase journey.
While multiple factors can influence ecommerce performance, the new page structure played a significant role in improving how customers experienced the product.
Several elements contributed to the improvement.
First, the pages moved from information-heavy to persuasion-optimized layouts.
Second, the layout allowed for stronger storytelling, giving the brand space to explain product benefits, ingredients, and differentiators more effectively than a standard product page would allow.
The messaging also improved value communication, helping customers quickly understand why the product was worth purchasing.
The introduction of bundled offers further strengthened the purchase decision by presenting additional value and encouraging larger orders.
Finally, the flexible page structure made it easier to test and refine layouts over time, allowing the brand to continuously optimize performance.
Together, these improvements helped transform the brand’s Shopify storefront into a stronger conversion engine.
Friction Studio’s experience highlights several lessons for agencies working with fast-growing ecommerce brands.
First, operational speed directly influences revenue capacity. When page production takes too long, marketing teams are forced to slow down. Faster workflows allow agencies to support more campaigns and launches.
Second, marketing cycles now move faster than traditional development cycles. Agencies that rely entirely on design-to-development pipelines may struggle to keep up with modern campaign timelines.
Third, the right page-building tools can significantly increase production throughput. By reducing dependency on custom development for every page, teams can deliver projects faster without sacrificing design quality.
Fourth, faster iteration leads to stronger conversion optimization. When pages can be updated quickly, brands can run more experiments, learn faster, and improve their funnels continuously.
Ultimately, tools like GemPages become more than just design utilities, it’s a revenue accelerator, enabling both agencies and brands to move at the speed modern ecommerce requires.
For agencies and ecommerce brands facing similar challenges, the lesson is clear: speed matters.
When page creation depends entirely on development cycles, campaigns slow down and opportunities are missed. But when teams have the flexibility to build and launch pages quickly, marketing becomes far more agile.
GemPages helps Shopify teams:
Eliminate development bottlenecks
Increase page production capacity
Launch new pages in as little as 24–48 hours
Create conversion-focused layouts without heavy coding
Whether you’re building landing pages for paid campaigns, optimizing product pages, or preparing for your next product launch, a faster workflow can unlock new growth opportunities.
Are you ready to…
Take your store design to the next level?
Don't have a Shopify store yet? Create one here
Take your store design to the next level?
Don't have a Shopify store yet? Create one here