A refreshed digital experience for HBOB, bringing together a clearer content structure, a cohesive visual direction, and performance-focused development.

Live website: https://hbob.sa

Design: Figma · Development: Qwik (QwikJS)

This project focused on redesigning HBOB's website to give the brand a more consistent and intentional digital presence. The goal was to make the content easier to explore while creating a stronger connection between the brand and the overall website experience.

The visuals below show the original website alongside the redesigned experience, highlighting the changes in layout, content hierarchy, and visual direction.

I designed the website in Figma, focusing on a unified visual experience and making key information easier to scan.

Layout: A clearer structure that guides visitors through the content.

Typography: Consistent type styles and a stronger visual hierarchy.

Spacing: More breathing room between sections and content.

Visual direction: A cohesive presentation across the website.

I brought the design to life with Qwik (QwikJS), choosing the framework with better performance in mind. The development approach focused on translating the Figma design into a lightweight, responsive website.