Edge Network Company Website V.1

Framed desktop mockup of the NetActuate homepage hero, "Your Partner at the Global Edge," with trusted-by client logos
Project overview

NetActuate is a global infrastructure platform built for developers and enterprises that need low-latency, high-availability edge deployments. It offers anycast networking, colocation, transit, and automated provisioning across a worldwide footprint.

Our goal was to redesign the website and migrate it from WordPress to Webflow – enhancing performance, scalability, and visual consistency, while expanding the site with new pages to support NetActuate’s growth.

Tasks
  • Redesign the existing website to incorporate the latest trends and improve overall digital experience
  • Design additional pages to support and expand key service areas, including internet exchange, compliance, looking glass etc.
  • Create a set of illustrations highlighting each company offerings and explaining the product idea at the first glance
  • Implement the design via Webflow for easy content management and administration
  • Migrate the content from WordPress to Webflow
  • Implement looking glass functionality to test network routes and latency from NetActuate’s data centers
  • Consider a website's SEO, speed, and adaptability for various devices using best practices
Tools
Figma
Figma
Webflow
Webflow
Solutions
Outcome
  • Redesigned the website to create a modern and consistent digital experience
  • Created custom illustrations to clearly communicate complex infrastructure solutions
  • Expanded the site with new pages to support key services and offerings
  • Migrated the website from WordPress to Webflow for easier content management
  • Implemented Looking Glass functionality for network route and latency testing
  • Delivered a responsive, SEO-friendly, and performance-optimized website

Solutions

Redesign

As part of NetActuate’s transformation, we rethought the core pages with a fresh visual language and more tech-forward look. We also improved navigation through intuitive UX patterns and best practices, creating a faster, clearer, and more user-friendly experience.

Before-and-after comparison of NetActuate's homepage redesign, showing the outdated light-themed layout next to the new dark, tech-forward hero section
Before-and-after comparison of NetActuate's homepage redesign, showing the outdated light-themed layout next to the new dark, tech-forward hero section

Redesign

As part of NetActuate’s transformation, we rethought the core pages with a fresh visual language and more tech-forward look. We also improved navigation through intuitive UX patterns and best practices, creating a faster, clearer, and more user-friendly experience.

Redesign

As part of NetActuate’s transformation, we rethought the core pages with a fresh visual language and more tech-forward look. We also improved navigation through intuitive UX patterns and best practices, creating a faster, clearer, and more user-friendly experience.

Before-and-after comparison of NetActuate's homepage redesign, showing the outdated light-themed layout next to the new dark, tech-forward hero section

Redesign

As part of NetActuate’s transformation, we rethought the core pages with a fresh visual language and more tech-forward look. We also improved navigation through intuitive UX patterns and best practices, creating a faster, clearer, and more user-friendly experience.

Before-and-after comparison of NetActuate's homepage redesign, showing the outdated light-themed layout next to the new dark, tech-forward hero section

Redesign

As part of NetActuate’s transformation, we rethought the core pages with a fresh visual language and more tech-forward look. We also improved navigation through intuitive UX patterns and best practices, creating a faster, clearer, and more user-friendly experience.

Before-and-after comparison of NetActuate's homepage redesign, showing the outdated light-themed layout next to the new dark, tech-forward hero section

Information architecture

We developed a clear sitemap that supports NetActuate’s main goals and audience needs, ensuring intuitive navigation and a solid foundation for content, design, and future growth.

Figma collaboration view of the NetActuate homepage wireframe with team comments and section annotations for Hero, Key Stats, Services, and Case Studies
Figma collaboration view of the NetActuate homepage wireframe with team comments and section annotations for Hero, Key Stats, Services, and Case Studies

Information architecture

We developed a clear sitemap that supports NetActuate’s main goals and audience needs, ensuring intuitive navigation and a solid foundation for content, design, and future growth.

Information architecture

We developed a clear sitemap that supports NetActuate’s main goals and audience needs, ensuring intuitive navigation and a solid foundation for content, design, and future growth.

Figma collaboration view of the NetActuate homepage wireframe with team comments and section annotations for Hero, Key Stats, Services, and Case Studies

Information architecture

We developed a clear sitemap that supports NetActuate’s main goals and audience needs, ensuring intuitive navigation and a solid foundation for content, design, and future growth.

Figma collaboration view of the NetActuate homepage wireframe with team comments and section annotations for Hero, Key Stats, Services, and Case Studies

Information architecture

We developed a clear sitemap that supports NetActuate’s main goals and audience needs, ensuring intuitive navigation and a solid foundation for content, design, and future growth.

Figma collaboration view of the NetActuate homepage wireframe with team comments and section annotations for Hero, Key Stats, Services, and Case Studies

Design system

From the beginning, we established a flexible design foundation to ensure consistency across the UI. As the project evolved, we gradually expanded this system with reusable components, patterns, and modules – making it easier to scale the design and streamline collaboration between design and development.

Design system moodboard showing NetActuate's color palette, custom icon set, team member card, and footer navigation structure
Design system moodboard showing NetActuate's color palette, custom icon set, team member card, and footer navigation structure

Design system

From the beginning, we established a flexible design foundation to ensure consistency across the UI. As the project evolved, we gradually expanded this system with reusable components, patterns, and modules – making it easier to scale the design and streamline collaboration between design and development.

Design system

From the beginning, we established a flexible design foundation to ensure consistency across the UI. As the project evolved, we gradually expanded this system with reusable components, patterns, and modules – making it easier to scale the design and streamline collaboration between design and development.

Design system moodboard showing NetActuate's color palette, custom icon set, team member card, and footer navigation structure

Design system

From the beginning, we established a flexible design foundation to ensure consistency across the UI. As the project evolved, we gradually expanded this system with reusable components, patterns, and modules – making it easier to scale the design and streamline collaboration between design and development.

Design system moodboard showing NetActuate's color palette, custom icon set, team member card, and footer navigation structure

Design system

From the beginning, we established a flexible design foundation to ensure consistency across the UI. As the project evolved, we gradually expanded this system with reusable components, patterns, and modules – making it easier to scale the design and streamline collaboration between design and development.

Design system moodboard showing NetActuate's color palette, custom icon set, team member card, and footer navigation structure

Homepage

We designed a clean, modern homepage that positions NetActuate as a leader in edge infrastructure. Focusing on visual clarity and content hierarchy, we created a structure that communicates key offerings, builds trust through data-backed highlights, and delivers a strong first impression.

Split view of the NetActuate homepage hero and Global Footprint section with regional data center map and client testimonial highlights
Split view of the NetActuate homepage hero and Global Footprint section with regional data center map and client testimonial highlights

Homepage

We designed a clean, modern homepage that positions NetActuate as a leader in edge infrastructure. Focusing on visual clarity and content hierarchy, we created a structure that communicates key offerings, builds trust through data-backed highlights, and delivers a strong first impression.

Homepage

We designed a clean, modern homepage that positions NetActuate as a leader in edge infrastructure. Focusing on visual clarity and content hierarchy, we created a structure that communicates key offerings, builds trust through data-backed highlights, and delivers a strong first impression.

Split view of the NetActuate homepage hero and Global Footprint section with regional data center map and client testimonial highlights

Homepage

We designed a clean, modern homepage that positions NetActuate as a leader in edge infrastructure. Focusing on visual clarity and content hierarchy, we created a structure that communicates key offerings, builds trust through data-backed highlights, and delivers a strong first impression.

Split view of the NetActuate homepage hero and Global Footprint section with regional data center map and client testimonial highlights

Homepage

We designed a clean, modern homepage that positions NetActuate as a leader in edge infrastructure. Focusing on visual clarity and content hierarchy, we created a structure that communicates key offerings, builds trust through data-backed highlights, and delivers a strong first impression.

Split view of the NetActuate homepage hero and Global Footprint section with regional data center map and client testimonial highlights

Navigation

We redesigned the site’s navigation with a custom mega menu that clearly organizes NetActuate’s core offerings and solutions. To ensure a seamless experience across devices, we implemented a mobile-specific accordion layout with custom JavaScript for smooth, intuitive interactions.

Mobile and desktop views of the mega menu showing NetActuate's AI, Edge Infrastructure, and Networking service categories
Mobile and desktop views of the mega menu showing NetActuate's AI, Edge Infrastructure, and Networking service categories

Navigation

We redesigned the site’s navigation with a custom mega menu that clearly organizes NetActuate’s core offerings and solutions. To ensure a seamless experience across devices, we implemented a mobile-specific accordion layout with custom JavaScript for smooth, intuitive interactions.

Navigation

We redesigned the site’s navigation with a custom mega menu that clearly organizes NetActuate’s core offerings and solutions. To ensure a seamless experience across devices, we implemented a mobile-specific accordion layout with custom JavaScript for smooth, intuitive interactions.

Mobile and desktop views of the mega menu showing NetActuate's AI, Edge Infrastructure, and Networking service categories

Navigation

We redesigned the site’s navigation with a custom mega menu that clearly organizes NetActuate’s core offerings and solutions. To ensure a seamless experience across devices, we implemented a mobile-specific accordion layout with custom JavaScript for smooth, intuitive interactions.

Mobile and desktop views of the mega menu showing NetActuate's AI, Edge Infrastructure, and Networking service categories

Navigation

We redesigned the site’s navigation with a custom mega menu that clearly organizes NetActuate’s core offerings and solutions. To ensure a seamless experience across devices, we implemented a mobile-specific accordion layout with custom JavaScript for smooth, intuitive interactions.

Mobile and desktop views of the mega menu showing NetActuate's AI, Edge Infrastructure, and Networking service categories

Custom illustrations

We created a set of illustrations that brings clarity to NetActuate’s complex services – like AI networking and global logistics – while reinforcing a consistent, modern visual language across the site.

Grid of custom illustrations depicting NetActuate's AI networking, GPU infrastructure, data centers, and global logistics services
Grid of custom illustrations depicting NetActuate's AI networking, GPU infrastructure, data centers, and global logistics services

Custom illustrations

We created a set of illustrations that brings clarity to NetActuate’s complex services – like AI networking and global logistics – while reinforcing a consistent, modern visual language across the site.

Custom illustrations

We created a set of illustrations that brings clarity to NetActuate’s complex services – like AI networking and global logistics – while reinforcing a consistent, modern visual language across the site.

Grid of custom illustrations depicting NetActuate's AI networking, GPU infrastructure, data centers, and global logistics services

Custom illustrations

We created a set of illustrations that brings clarity to NetActuate’s complex services – like AI networking and global logistics – while reinforcing a consistent, modern visual language across the site.

Grid of custom illustrations depicting NetActuate's AI networking, GPU infrastructure, data centers, and global logistics services

Custom illustrations

We created a set of illustrations that brings clarity to NetActuate’s complex services – like AI networking and global logistics – while reinforcing a consistent, modern visual language across the site.

Grid of custom illustrations depicting NetActuate's AI networking, GPU infrastructure, data centers, and global logistics services

Product & Solution pages

We designed each product page to communicate value at a glance while encouraging deeper exploration. By carefully balancing technical detail with a clean, user-friendly layout, we ensured every page delivers clarity, credibility, and flexibility tailored to NetActuate’s audience.

Side-by-side product page and solution page comparison for Virtual Machines and Cloud Repatriation solutions, showing hero sections and feature highlight
Side-by-side product page and solution page comparison for Virtual Machines and Cloud Repatriation solutions, showing hero sections and feature highlight

Product & Solution pages

We designed each product page to communicate value at a glance while encouraging deeper exploration. By carefully balancing technical detail with a clean, user-friendly layout, we ensured every page delivers clarity, credibility, and flexibility tailored to NetActuate’s audience.

Product & Solution pages

We designed each product page to communicate value at a glance while encouraging deeper exploration. By carefully balancing technical detail with a clean, user-friendly layout, we ensured every page delivers clarity, credibility, and flexibility tailored to NetActuate’s audience.

Side-by-side product page and solution page comparison for Virtual Machines and Cloud Repatriation solutions, showing hero sections and feature highlight

Product & Solution pages

We designed each product page to communicate value at a glance while encouraging deeper exploration. By carefully balancing technical detail with a clean, user-friendly layout, we ensured every page delivers clarity, credibility, and flexibility tailored to NetActuate’s audience.

Side-by-side product page and solution page comparison for Virtual Machines and Cloud Repatriation solutions, showing hero sections and feature highlight

Product & Solution pages

We designed each product page to communicate value at a glance while encouraging deeper exploration. By carefully balancing technical detail with a clean, user-friendly layout, we ensured every page delivers clarity, credibility, and flexibility tailored to NetActuate’s audience.

Side-by-side product page and solution page comparison for Virtual Machines and Cloud Repatriation solutions, showing hero sections and feature highlight

Region & Location templates

We created flexible templates for region and data center pages to showcase NetActuate’s global footprint with local clarity. Regional pages highlight presence and connectivity, while location pages focus on technical specs, compliance, and network reach – ensuring consistency across the platform.

Data center location page template showing the Sydney facility details alongside the Asia & Oceania regional overview page
Data center location page template showing the Sydney facility details alongside the Asia & Oceania regional overview page

Region & Location templates

We created flexible templates for region and data center pages to showcase NetActuate’s global footprint with local clarity. Regional pages highlight presence and connectivity, while location pages focus on technical specs, compliance, and network reach – ensuring consistency across the platform.

Region & Location templates

We created flexible templates for region and data center pages to showcase NetActuate’s global footprint with local clarity. Regional pages highlight presence and connectivity, while location pages focus on technical specs, compliance, and network reach – ensuring consistency across the platform.

Data center location page template showing the Sydney facility details alongside the Asia & Oceania regional overview page

Region & Location templates

We created flexible templates for region and data center pages to showcase NetActuate’s global footprint with local clarity. Regional pages highlight presence and connectivity, while location pages focus on technical specs, compliance, and network reach – ensuring consistency across the platform.

Data center location page template showing the Sydney facility details alongside the Asia & Oceania regional overview page

Region & Location templates

We created flexible templates for region and data center pages to showcase NetActuate’s global footprint with local clarity. Regional pages highlight presence and connectivity, while location pages focus on technical specs, compliance, and network reach – ensuring consistency across the platform.

Data center location page template showing the Sydney facility details alongside the Asia & Oceania regional overview page

Additional pages

Beyond core pages, we designed a wide range of additional layouts to support NetActuate’s growing content needs – covering resources, compliance, FAQ, contact, careers, IX peering, and many more – all built within the same design system to ensure consistency, clarity, and purpose across the site.

Additional pages

Beyond core pages, we designed a wide range of additional layouts to support NetActuate’s growing content needs – covering resources, compliance, FAQ, contact, careers, IX peering, and many more – all built within the same design system to ensure consistency, clarity, and purpose across the site.

Additional pages

Beyond core pages, we designed a wide range of additional layouts to support NetActuate’s growing content needs – covering resources, compliance, FAQ, contact, careers, IX peering, and many more – all built within the same design system to ensure consistency, clarity, and purpose across the site.

Blog post page and blog listing template showing NetActuate's New York City data center expansion article and resource grid

Additional pages

Beyond core pages, we designed a wide range of additional layouts to support NetActuate’s growing content needs – covering resources, compliance, FAQ, contact, careers, IX peering, and many more – all built within the same design system to ensure consistency, clarity, and purpose across the site.

Blog post page and blog listing template showing NetActuate's New York City data center expansion article and resource gridSchedule a Call booking page alongside a mobile FAQ accordion for infrastructure and platform capabilitiesDE-CIX colocation partnership page and Compliance page showing SOC 1, SOC 2, and PCI DSS certification details

Additional pages

Beyond core pages, we designed a wide range of additional layouts to support NetActuate’s growing content needs – covering resources, compliance, FAQ, contact, careers, IX peering, and many more – all built within the same design system to ensure consistency, clarity, and purpose across the site.

Blog post page and blog listing template showing NetActuate's New York City data center expansion article and resource gridSchedule a Call booking page alongside a mobile FAQ accordion for infrastructure and platform capabilitiesDE-CIX colocation partnership page and Compliance page showing SOC 1, SOC 2, and PCI DSS certification details

Webflow development

We handled the full Webflow implementation – applying best practices to ensure performance, responsiveness, and long-term maintainability. Using a clean, modular structure, we built a scalable system that makes it easy for the NetActuate team to manage and grow their site with confidence.

Webflow Designer view of the Security and Resilience page being built, showing the elements panel and live canvas preview
Webflow Designer view of the Security and Resilience page being built, showing the elements panel and live canvas preview

Webflow development

We handled the full Webflow implementation – applying best practices to ensure performance, responsiveness, and long-term maintainability. Using a clean, modular structure, we built a scalable system that makes it easy for the NetActuate team to manage and grow their site with confidence.

Webflow development

We handled the full Webflow implementation – applying best practices to ensure performance, responsiveness, and long-term maintainability. Using a clean, modular structure, we built a scalable system that makes it easy for the NetActuate team to manage and grow their site with confidence.

Webflow Designer view of the Security and Resilience page being built, showing the elements panel and live canvas preview
Webflow CMS collections map showing relationships between News, Products, Product Features, and Date Centres content types

Webflow development

We handled the full Webflow implementation – applying best practices to ensure performance, responsiveness, and long-term maintainability. Using a clean, modular structure, we built a scalable system that makes it easy for the NetActuate team to manage and grow their site with confidence.

Webflow Designer view of the Security and Resilience page being built, showing the elements panel and live canvas previewWebflow CMS collections map showing relationships between News, Products, Product Features, and Date Centres content typesBrowser DevTools Lighthouse audit of netactuate.com showing performance, accessibility, best practices, and SEO scores

Webflow development

We handled the full Webflow implementation – applying best practices to ensure performance, responsiveness, and long-term maintainability. Using a clean, modular structure, we built a scalable system that makes it easy for the NetActuate team to manage and grow their site with confidence.

Webflow Designer view of the Security and Resilience page being built, showing the elements panel and live canvas previewWebflow CMS collections map showing relationships between News, Products, Product Features, and Date Centres content typesBrowser DevTools Lighthouse audit of netactuate.com showing performance, accessibility, best practices, and SEO scores

Interactive map

We built an interactive global map using custom JavaScript, pulling location data from Webflow CMS to showcase NetActuate’s 40+ data centers worldwide. The experience allows users to explore infrastructure coverage by region and easily navigate down to specific city-level details.

Interactive map

We built an interactive global map using custom JavaScript, pulling location data from Webflow CMS to showcase NetActuate’s 40+ data centers worldwide. The experience allows users to explore infrastructure coverage by region and easily navigate down to specific city-level details.

Interactive map

We built an interactive global map using custom JavaScript, pulling location data from Webflow CMS to showcase NetActuate’s 40+ data centers worldwide. The experience allows users to explore infrastructure coverage by region and easily navigate down to specific city-level details.

Interactive map

We built an interactive global map using custom JavaScript, pulling location data from Webflow CMS to showcase NetActuate’s 40+ data centers worldwide. The experience allows users to explore infrastructure coverage by region and easily navigate down to specific city-level details.

Interactive map

We built an interactive global map using custom JavaScript, pulling location data from Webflow CMS to showcase NetActuate’s 40+ data centers worldwide. The experience allows users to explore infrastructure coverage by region and easily navigate down to specific city-level details.

Looking glass

We integrated a real-time Looking glass tool into NetActuate’s Webflow site using custom JavaScript and a Cloudflare Worker endpoint. It handles live network diagnostics across 45+ global locations, with smart URL parameters, retry logic, JSON parsing, and dynamic UI updates.

Looking glass

We integrated a real-time Looking glass tool into NetActuate’s Webflow site using custom JavaScript and a Cloudflare Worker endpoint. It handles live network diagnostics across 45+ global locations, with smart URL parameters, retry logic, JSON parsing, and dynamic UI updates.

Looking glass

We integrated a real-time Looking glass tool into NetActuate’s Webflow site using custom JavaScript and a Cloudflare Worker endpoint. It handles live network diagnostics across 45+ global locations, with smart URL parameters, retry logic, JSON parsing, and dynamic UI updates.

Looking glass

We integrated a real-time Looking glass tool into NetActuate’s Webflow site using custom JavaScript and a Cloudflare Worker endpoint. It handles live network diagnostics across 45+ global locations, with smart URL parameters, retry logic, JSON parsing, and dynamic UI updates.

Looking glass

We integrated a real-time Looking glass tool into NetActuate’s Webflow site using custom JavaScript and a Cloudflare Worker endpoint. It handles live network diagnostics across 45+ global locations, with smart URL parameters, retry logic, JSON parsing, and dynamic UI updates.

Before & After

We transformed NetActuate’s website into a clearer, more cohesive experience that better represents its global infrastructure. A refined visual language and improved content hierarchy make its complex technical offering easier to understand and explore.

Collage of network infrastructure pages showing global footprint map, AS36236 peering policy, and news/blog archive in grayscale
Collage of network infrastructure pages showing global footprint map, AS36236 peering policy, and news/blog archive in grayscale

Before & After

We transformed NetActuate’s website into a clearer, more cohesive experience that better represents its global infrastructure. A refined visual language and improved content hierarchy make its complex technical offering easier to understand and explore.

Before & After

We transformed NetActuate’s website into a clearer, more cohesive experience that better represents its global infrastructure. A refined visual language and improved content hierarchy make its complex technical offering easier to understand and explore.

Collage of network infrastructure pages showing global footprint map, AS36236 peering policy, and news/blog archive in grayscale
ngled mockup of the NetActuate website showing the "Carrier-neutral Data Centers" page layered behind the homepage hero, "Your Partner at the Global Edge"

Before & After

We transformed NetActuate’s website into a clearer, more cohesive experience that better represents its global infrastructure. A refined visual language and improved content hierarchy make its complex technical offering easier to understand and explore.

Collage of network infrastructure pages showing global footprint map, AS36236 peering policy, and news/blog archive in grayscalengled mockup of the NetActuate website showing the "Carrier-neutral Data Centers" page layered behind the homepage hero, "Your Partner at the Global Edge"

Before & After

We transformed NetActuate’s website into a clearer, more cohesive experience that better represents its global infrastructure. A refined visual language and improved content hierarchy make its complex technical offering easier to understand and explore.

Collage of network infrastructure pages showing global footprint map, AS36236 peering policy, and news/blog archive in grayscalengled mockup of the NetActuate website showing the "Carrier-neutral Data Centers" page layered behind the homepage hero, "Your Partner at the Global Edge"
No items found.

Outcome

  • Redesigned the website to create a modern and consistent digital experience
  • Created custom illustrations to clearly communicate complex infrastructure solutions
  • Expanded the site with new pages to support key services and offerings
  • Migrated the website from WordPress to Webflow for easier content management
  • Implemented Looking Glass functionality for network route and latency testing
  • Delivered a responsive, SEO-friendly, and performance-optimized website
WebFolks did an excellent job redesigning and rebuilding our website in Webflow. Their team was professional, responsive, technically well-rounded, and communicated clearly throughout the project. They adapted quickly to changes in scope, and we were very pleased with the final result.
Brandon Wick
Director of Marketing at NetActuate

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