2021

Azena Website

Optimization of a complex CMS-driven website, improving usability, accessibility, and performance while creating a flexible and maintainable content structure.
HubSpot CMSHTML5CSS3JavaScriptCSS3
Responsive website design for Azena shown on desktop, laptop, tablet, and mobile devices

About

Azena (formerly Security & Safety Things), a Bosch IoT startup based in Munich, builds an open platform for camera-based security solutions. The platform enables developers and companies to create and deploy applications in the field of smart security.

The website plays a key role in communicating the platform’s value and supporting both users and partners.

Problem

The existing HubSpot CMS website had grown inconsistently over time, with a large number of redundant and poorly structured templates. This made content management inefficient and error-prone.

In addition, the site lacked responsiveness, accessibility, and consistent UI/UX patterns, resulting in a suboptimal experience for both users and content editors.

Approach & Implementation

The focus was on simplifying the system, improving usability for both visitors and editors, and creating a scalable, maintainable structure.

CMS Structure Optimization

Reduced the number of templates and introduced a more modular structure to simplify page creation and long-term maintenance.

Reusable Module System

Developed flexible, consistent content modules that can be easily reused, reordered, and customized by editors.

UI/UX Improvements

Refined the visual design and interaction patterns to create a clearer, more consistent user experience across the site.

Responsive Design

Rebuilt layouts to ensure the website works seamlessly across all devices and screen sizes.

Accessibility (a11y)

Improved accessibility to make the website usable for people with disabilities and aligned it with modern standards.

Performance Optimization

Enhanced loading times and overall performance based on Google Lighthouse recommendations.

SEO Optimization

Implemented on-site SEO improvements to increase visibility and improve search engine rankings.

Frontend Code Unification

Standardized and simplified the frontend codebase to reduce complexity and improve maintainability.

Stakeholder Collaboration

Worked closely with the internal project manager and designers to align requirements, discuss progress, and iterate on new ideas.

Results & Impact

The result is a significantly more structured, accessible, and high-performing website.

Editors can now create and manage content more efficiently thanks to a flexible module system, while users benefit from a consistent, responsive, and accessible experience. The improved technical foundation also supports future growth and scalability.

Got an Idea? Let’s Build It.

Whether it’s a landing page or a full web app, I’ll help you bring your vision to life with clean, modern frontend development.