Responsive Hero Section & Navbar Optimization for ClockOn
Rebuilt their website for speed, flexibility, and easy content management while matching Figma designs.

Client Challenges:

  • Website built on drag-and-drop templates with limited functionality.
  • Required a developer for even minor content or design changes.
  • Slow website performance.
  • Needed new pages aligned with Figma designs.

Our Solution:

  • Rebuilt the website theme in HubSpot CMS using HTML + HubL templates.
  • Developed custom dynamic modules to match the Figma design.
  • Created new pages with optimized layouts and functionality.
  • Resolved existing issues in previous modules.

Outcome:

  • A fast-performing and scalable website.
  • Easy for the client to create or update pages using existing modules without relying on a developer.
  • Improved user experience and ensured consistency with Figma design standards.
  • Client Challenges: ClockOn faced issues with their navigation bar that impacted user experience. The navigation was not functioning as expected, leading to difficulties in site navigation. They also needed a complete redesign of their hero section to align with new design specifications provided in Figma.
  • Client Requirements: The client required a seamless fix for their navigation bar issues and a new, fully dynamic, and responsive hero section based on the Figma design. They also asked for updates to their previous module to address functionality and responsiveness problems.
  • Our Solution: We resolved the navigation bar issues by fixing bugs and enhancing functionality to improve user experience. For the hero section, we created a custom, dynamic module that is fully responsive and adheres to the Figma design. We also updated the existing module, ensuring it functions correctly and performs well across devices.
  • Outcome: The updated navigation bar and hero section now provide a smoother user experience and are fully aligned with the new design. The website is more responsive and user-friendly, meeting the client’s expectations and improving overall site performance.