Content creation platform

Content creation platform – Creatively Squared website homepage - Featuring section preview and displaying a large creative photography grid, corporate client logos, and digital native content options.
Project overview

Creatively Squared studio provides high-quality branded visual content images and video production.

We have been collaborating with Creatively Squared for an extended period. Recently, the team decided to refresh the design, which had to be transferred to Webflow.

Tasks
  • Refactor the design: improve visuals, usability, and responsiveness while keeping its core functionality
  • Implement the Figma design via Webflow
  • Optimize system performance and logic for better load and functionality
  • Create a dynamic blog with custom fields in Webflow CMS for easy content updates and management
  • Use custom animations and interactions to make the design more attractive
Tools
Figma
Figma
Webflow
Webflow
Solutions
Outcome

After design refactoring, we implemented Figma designs into Webflow, optimized performance and logic, integrated a fully functional blog, and added custom animations. The result is a fast, highly responsive website with a modern design that stands out in today’s competitive marketplace.

Solutions

Website refresh

As part of our ongoing partnership with Creatively Squared, we delivered Version 2 of their website. Building on the original project (view it here), this iteration focused on a modern design refresh, enhanced user experience, and overall performance improvements.

Content creation platform – Creatively Squared before-and-after redesign comparison - Displaying two layout versions with updated hero sections, copywriting, and brand imagery.
Content creation platform – Creatively Squared before-and-after redesign comparison - Displaying two layout versions with updated hero sections, copywriting, and brand imagery.

Website refresh

As part of our ongoing partnership with Creatively Squared, we delivered Version 2 of their website. Building on the original project (view it here), this iteration focused on a modern design refresh, enhanced user experience, and overall performance improvements.

Website refresh

As part of our ongoing partnership with Creatively Squared, we delivered Version 2 of their website. Building on the original project (view it here), this iteration focused on a modern design refresh, enhanced user experience, and overall performance improvements.

Content creation platform – Creatively Squared before-and-after redesign comparison - Displaying two layout versions with updated hero sections, copywriting, and brand imagery.

Website refresh

As part of our ongoing partnership with Creatively Squared, we delivered Version 2 of their website. Building on the original project (view it here), this iteration focused on a modern design refresh, enhanced user experience, and overall performance improvements.

Content creation platform – Creatively Squared before-and-after redesign comparison - Displaying two layout versions with updated hero sections, copywriting, and brand imagery.

Website refresh

As part of our ongoing partnership with Creatively Squared, we delivered Version 2 of their website. Building on the original project (view it here), this iteration focused on a modern design refresh, enhanced user experience, and overall performance improvements.

Content creation platform – Creatively Squared before-and-after redesign comparison - Displaying two layout versions with updated hero sections, copywriting, and brand imagery.

Webflow implementation

We started by refreshing the design of the existing website pages to enhance their visual appeal and usability. Once the updates were finalized, we proceeded with implementing the pages in Webflow, ensuring a smooth transition while optimizing performance and user experience.

Content creation platform – About Us page preview - Displaying a large team group photo, a "Founders Story" origin section, and a company values grid.
Content creation platform – About Us page preview - Displaying a large team group photo, a "Founders Story" origin section, and a company values grid.

Webflow implementation

We started by refreshing the design of the existing website pages to enhance their visual appeal and usability. Once the updates were finalized, we proceeded with implementing the pages in Webflow, ensuring a smooth transition while optimizing performance and user experience.

Webflow implementation

We started by refreshing the design of the existing website pages to enhance their visual appeal and usability. Once the updates were finalized, we proceeded with implementing the pages in Webflow, ensuring a smooth transition while optimizing performance and user experience.

Content creation platform – About Us page preview - Displaying a large team group photo, a "Founders Story" origin section, and a company values grid.
Content creation platform – Careers page preview - Displaying a collection of outdoor team photos, a "Core Principles" values breakdown, and an "Open Positions" job board section.

Webflow implementation

We started by refreshing the design of the existing website pages to enhance their visual appeal and usability. Once the updates were finalized, we proceeded with implementing the pages in Webflow, ensuring a smooth transition while optimizing performance and user experience.

Content creation platform – About Us page preview - Displaying a large team group photo, a "Founders Story" origin section, and a company values grid.Content creation platform – Careers page preview - Displaying a collection of outdoor team photos, a "Core Principles" values breakdown, and an "Open Positions" job board section.Content creation platform – Website homepage - Displaying a grid of lifestyle product photography, corporate client logos, and content creation value propositions.Content creation platform – Pricing page - Displaying tiered subscription plan cards, an overview of content creation options, and credit-based asset costs.

Webflow implementation

We started by refreshing the design of the existing website pages to enhance their visual appeal and usability. Once the updates were finalized, we proceeded with implementing the pages in Webflow, ensuring a smooth transition while optimizing performance and user experience.

Content creation platform – About Us page preview - Displaying a large team group photo, a "Founders Story" origin section, and a company values grid.Content creation platform – Careers page preview - Displaying a collection of outdoor team photos, a "Core Principles" values breakdown, and an "Open Positions" job board section.Content creation platform – Website homepage - Displaying a grid of lifestyle product photography, corporate client logos, and content creation value propositions.Content creation platform – Pricing page - Displaying tiered subscription plan cards, an overview of content creation options, and credit-based asset costs.

Gallery loading improvements

The page contained 300+ videos that are loaded using embed codes from Vimeo. We developed a custom functionality to load the videos one by one as the user scrolls instead of all at once. This way, we improved the page's performance and reduced the load.

Content creation platform – Portfolio showcase page - Displaying filtering tabs, categorized content tags, and a grid of creative product and commercial photography.
Content creation platform – Portfolio showcase page - Displaying filtering tabs, categorized content tags, and a grid of creative product and commercial photography.

Gallery loading improvements

The page contained 300+ videos that are loaded using embed codes from Vimeo. We developed a custom functionality to load the videos one by one as the user scrolls instead of all at once. This way, we improved the page's performance and reduced the load.

Gallery loading improvements

The page contained 300+ videos that are loaded using embed codes from Vimeo. We developed a custom functionality to load the videos one by one as the user scrolls instead of all at once. This way, we improved the page's performance and reduced the load.

Content creation platform – Portfolio showcase page - Displaying filtering tabs, categorized content tags, and a grid of creative product and commercial photography.

Gallery loading improvements

The page contained 300+ videos that are loaded using embed codes from Vimeo. We developed a custom functionality to load the videos one by one as the user scrolls instead of all at once. This way, we improved the page's performance and reduced the load.

Content creation platform – Portfolio showcase page - Displaying filtering tabs, categorized content tags, and a grid of creative product and commercial photography.

Gallery loading improvements

The page contained 300+ videos that are loaded using embed codes from Vimeo. We developed a custom functionality to load the videos one by one as the user scrolls instead of all at once. This way, we improved the page's performance and reduced the load.

Content creation platform – Portfolio showcase page - Displaying filtering tabs, categorized content tags, and a grid of creative product and commercial photography.

Powerful blog and dynamic templates

For the blog page, we incorporated custom fields that allow Creatively Squared editors to easily add and update content using Webflow CMS. This approach streamlines content management and ensures a smooth editing experience.

Content creation platform – Blog resources page - Displaying a "Digital marketing articles & insights" grid layout, a list of visual marketing advice posts, and a dark purple call-to-action banner.
Content creation platform – Blog resources page - Displaying a "Digital marketing articles & insights" grid layout, a list of visual marketing advice posts, and a dark purple call-to-action banner.

Powerful blog and dynamic templates

For the blog page, we incorporated custom fields that allow Creatively Squared editors to easily add and update content using Webflow CMS. This approach streamlines content management and ensures a smooth editing experience.

Powerful blog and dynamic templates

For the blog page, we incorporated custom fields that allow Creatively Squared editors to easily add and update content using Webflow CMS. This approach streamlines content management and ensures a smooth editing experience.

Content creation platform – Blog resources page - Displaying a "Digital marketing articles & insights" grid layout, a list of visual marketing advice posts, and a dark purple call-to-action banner.
Content creation platform – Blog page - Displaying a "Digital marketing articles & insights" grid layout, a list of visual marketing advice posts, and a dark purple call-to-action banner.

Powerful blog and dynamic templates

For the blog page, we incorporated custom fields that allow Creatively Squared editors to easily add and update content using Webflow CMS. This approach streamlines content management and ensures a smooth editing experience.

Content creation platform – Blog resources page - Displaying a "Digital marketing articles & insights" grid layout, a list of visual marketing advice posts, and a dark purple call-to-action banner.Content creation platform – Blog page - Displaying a "Digital marketing articles & insights" grid layout, a list of visual marketing advice posts, and a dark purple call-to-action banner.Content creation platform – Job description and case studies page - Displaying a "Creative Account Manager" career listing, alongside a "Discover our success stories" featured client testimonial card.Content creation platform – Use cases page - Displaying a "Social Media" section with lifestyle photography highlights, and a "Digital Ads" section showcasing brand-optimized creative examples alongside corporate client logos.

Powerful blog and dynamic templates

For the blog page, we incorporated custom fields that allow Creatively Squared editors to easily add and update content using Webflow CMS. This approach streamlines content management and ensures a smooth editing experience.

Content creation platform – Blog resources page - Displaying a "Digital marketing articles & insights" grid layout, a list of visual marketing advice posts, and a dark purple call-to-action banner.Content creation platform – Blog page - Displaying a "Digital marketing articles & insights" grid layout, a list of visual marketing advice posts, and a dark purple call-to-action banner.Content creation platform – Job description and case studies page - Displaying a "Creative Account Manager" career listing, alongside a "Discover our success stories" featured client testimonial card.Content creation platform – Use cases page - Displaying a "Social Media" section with lifestyle photography highlights, and a "Digital Ads" section showcasing brand-optimized creative examples alongside corporate client logos.

Mobile responsive

We focused on improving mobile responsiveness to ensure easy and intuitive navigation across all devices and screen sizes.

Content creation platform – Mobile adaptation - Showcasing a light teal mobile interface design, displaying a "Content creation platform for leading brands" hero screen, a filtered visual marketing article list, and a featured resource article card.
Content creation platform – Mobile adaptation - Showcasing a light teal mobile interface design, displaying a "Content creation platform for leading brands" hero screen, a filtered visual marketing article list, and a featured resource article card.

Mobile responsive

We focused on improving mobile responsiveness to ensure easy and intuitive navigation across all devices and screen sizes.

Mobile responsive

We focused on improving mobile responsiveness to ensure easy and intuitive navigation across all devices and screen sizes.

Content creation platform – Mobile adaptation - Showcasing a light teal mobile interface design, displaying a "Content creation platform for leading brands" hero screen, a filtered visual marketing article list, and a featured resource article card.
Content creation platform – Collection of mobile designs - Displaying a multi-category portfolio showcase, a work opportunities board with production project types, client testimonials, a digital advertising feature section, and a sign-up call-to-action banner.

Mobile responsive

We focused on improving mobile responsiveness to ensure easy and intuitive navigation across all devices and screen sizes.

Content creation platform – Mobile adaptation - Showcasing a light teal mobile interface design, displaying a "Content creation platform for leading brands" hero screen, a filtered visual marketing article list, and a featured resource article card.Content creation platform – Collection of mobile designs - Displaying a multi-category portfolio showcase, a work opportunities board with production project types, client testimonials, a digital advertising feature section, and a sign-up call-to-action banner.

Mobile responsive

We focused on improving mobile responsiveness to ensure easy and intuitive navigation across all devices and screen sizes.

Content creation platform – Mobile adaptation - Showcasing a light teal mobile interface design, displaying a "Content creation platform for leading brands" hero screen, a filtered visual marketing article list, and a featured resource article card.Content creation platform – Collection of mobile designs - Displaying a multi-category portfolio showcase, a work opportunities board with production project types, client testimonials, a digital advertising feature section, and a sign-up call-to-action banner.
No items found.

Outcome

After design refactoring, we implemented Figma designs into Webflow, optimized performance and logic, integrated a fully functional blog, and added custom animations. The result is a fast, highly responsive website with a modern design that stands out in today’s competitive marketplace.

More works

Have a project in mind?

Let’s discuss your goals, challenges, and how WebFolks can help you move forward.

200+
Projects shipped
70+
Clients supported
Startups & Enterprises
Trusted by growing teams