B2B Webflow Website · Component Architecture · Responsive Development
Blue Sky Marketing Group: a new B2B Webflow website built from scratch
Webflowich created a new Webflow website for Blue Sky Marketing Group, a branded merchandise and corporate gifting company. Serhii Havryliuk, professionally known as Sergey Gavriluk, led Webflow development and architecture, while Hamlet Chilingaryan led design and visual direction.
The delivered website uses reusable components, flexible project-page layouts, responsive interactions and a marketer-friendly editing workflow. It was built as a new Webflow project—not as a URL-by-URL migration from WordPress.
Project overview
Client — Blue Sky Marketing Group
Industry — Branded merchandise and corporate gifting
Platform — Webflow
Project type — New website built from scratch
Project period — June–August 2026. Paid work began after the first payment on June 8; May was limited to negotiations and scope alignment.
Launch — August 6, 2026, in the client’s time zone
Blue Sky Marketing Group is a family-owned company founded in 1997. It creates branded merchandise, gifting programs, online stores, campaign experiences, and the kitting and fulfillment systems behind them.
The company was ranked No. 73 among distributors in the 2026 PPAI 100 and has appeared in the ranking for three consecutive years. That independent industry context matters because the website needed to present Blue Sky as an experienced operational partner, not simply as a product catalog.
The project brief
The brief called for a new B2B website that would make Blue Sky’s services easier to understand and give its project work more room to tell a story.
Some projects relied on photography and testimonials; others needed longer Challenge, Solution and Result narratives. The client also wanted a site its marketing team could update without rebuilding layouts or changing global design elements by accident.
The practical goals were to translate the approved visual direction into a responsive Webflow system, explain a broad service offering clearly, support varied project stories, and complete QA, launch and a usable editing handoff.
A component-based Webflow build
Instead of treating every page as an isolated layout, Webflowich built a reusable component system for navigation, buttons, cards, decorative elements, portfolio sections and shared page content.
Component properties control approved text, images, links, visibility settings and visual variants. This keeps repeatable patterns consistent while allowing routine content changes without rebuilding the underlying structure.
An August 2026 project audit recorded 29 component definitions in the Webflow project. The number itself is not the goal; it is evidence of a deliberate reusable system rather than a collection of disconnected pages.
Flexible project pages
Six case studies were prepared for the initial launch. They do not use a CMS-powered project collection. Reusable Project components and Page Slots instead allow each page to include only the sections its story needs.
A photo-led project can use galleries and testimonials. A longer story can use extended program, solution and outcome sections. Both remain visually consistent because the pages draw from the same component library.
The flexibility is real, but it comes from the component architecture—not from a claim that every case study is generated by one CMS template.
Responsive implementation and interactions
The approved Figma direction was translated into responsive Webflow layouts for desktop and smaller screens. The site combines editorial typography, product photography, background video, Lottie media, a project slider and GSAP-powered interactions.
Motion supports hierarchy and transitions while the content, navigation and primary actions remain clear.
Editing workflow and client handoff
The site separates global structure from content the marketing team can safely maintain. In Webflow’s Marketer role and Build mode, Blue Sky can work with approved components, Page Slots and exposed component properties instead of editing the underlying design system, reducing the risk of accidental structural changes. The handoff guide documents how to update text, images, links and component settings, while shared elements such as the navigation and footer remain centrally managed.
A separate Insights CMS foundation was prepared with article, author and category structures plus category filtering. It was a foundation for future publishing, not an active Blue Sky editorial archive at launch.
After final payment, the project was transferred to Blue Sky Marketing Group’s own Webflow Workspace so the client controlled the site and user access.
Delivery and QA
Quality assurance covered common browsers, desktop and mobile sizes, responsive spacing and overflow, links, forms, content display and typographical checks.
Final-round work included image replacements, carousel refinements, mobile adjustments, footer and social-link checks, and contact-form fixes. The Webflow form was tested so the site could accept and retain inquiries at launch without making an unverified HubSpot claim.
After launch, Webflowich delivered a separate holiday page and reusable announcement banner. Its documented behavior included accessible visibility handling and session-aware dismissal logic, allowing a temporary campaign to run without changing the site’s core structure.
Delivered outcome
The verified outcome is a live B2B Webflow website that brings Blue Sky’s services, selected work, company story and contact paths into one responsive system.
Reusable components and editor documentation give the marketing team a practical way to maintain approved content while preserving the design system. The project also left a defined foundation for future Insights publishing and post-launch campaign additions.
The relationship continued after launch with a separate holiday page and announcement banner. The client has since begun discussing an ongoing monthly support arrangement for future updates; no signed retainer is claimed.
No traffic, search-ranking, conversion or revenue uplift is claimed here because those measurements were not included in the verified project data.
Project credits
Client — Blue Sky Marketing Group
Webflow Development & Architecture — Serhii Havryliuk, professionally known as Sergey Gavriluk
Design Lead & Visual Direction — Hamlet Chilingaryan
Webflowich built the website. Serhii Havryliuk, professionally known as Sergey Gavriluk, handled Webflow development and architecture. Hamlet Chilingaryan led design and visual direction.
Was this a WordPress-to-Webflow migration?
No. The client commissioned a new Webflow website built from scratch. WordPress administration, URL migration and redirect work were not part of the assignment.
What did the Webflow development include?
The delivered build included responsive page development, reusable component architecture, flexible project-page sections, custom interactions, editor controls, quality assurance, launch preparation and a foundation for future Insights publishing.
Can the Blue Sky team update the site themselves?
Yes. The editing workflow documents how authorized users can update agreed text, images, links, visibility settings and component properties without rebuilding page layouts. Global elements such as the navigation and footer remain centrally managed.
Does the site use Webflow CMS?
A structured Insights CMS was prepared for future articles, authors, categories and filtering. It was not an active editorial archive at launch. The portfolio case studies use reusable page components rather than a CMS-powered project collection.
Evidence and project links
The case is grounded in the delivered Webflow project, project correspondence, the client’s public website and independent industry context. These links let readers verify the public-facing facts directly.
