Hélder Cruz logo
WorkWorkAboutAboutExperienceExperience
ResumeResume
Contact
Contact
Case Study

HAUSB

Developed a modern business website focused on clear communication, responsive design and professional presentation.

Role

Frontend Developer

Type

Client Project

Stack

Next.js / Tailwind CSS

Focus

Website + Brand Direction

Screenshots from the HAUSB business website

Project ecosystem

A clean business website with real responsive screens.

The HAUSB website was built around clear service communication, calm visual hierarchy and responsive pages that feel consistent across desktop and mobile. These screenshots show the production-facing layouts rather than abstract placeholders.

Homepage - HAUSB website

Homepage

Landing page focused on a clean first impression and direct service positioning.

Architecture page - HAUSB website

Architecture page

A service page with structured content, strong image rhythm and clear hierarchy.

Construction page - HAUSB website

Construction page

A focused page for construction services with consistent visual language.

Light steel framing - HAUSB website

Light steel framing

A dedicated LSF service page explaining the system, its composition and benefits.

About section - HAUSB website

About section

Brand presentation with company context and a quieter editorial layout.

Portfolio page - HAUSB website

Portfolio page

Project showcase page designed to support visual browsing and trust.

Contact page - HAUSB website

Contact page

A focused contact experience with project enquiries and business details.

Project ecosystem

A clean business website with real responsive screens.

The HAUSB website was built around clear service communication, calm visual hierarchy and responsive pages that feel consistent across desktop and mobile. These screenshots show the production-facing layouts rather than abstract placeholders.

Homepage - HAUSB website

Homepage

Landing page focused on a clean first impression and direct service positioning.

Architecture page - HAUSB website

Architecture page

A service page with structured content, strong image rhythm and clear hierarchy.

Construction page - HAUSB website

Construction page

A focused page for construction services with consistent visual language.

Light steel framing - HAUSB website

Light steel framing

A dedicated LSF service page explaining the system, its composition and benefits.

About section - HAUSB website

About section

Brand presentation with company context and a quieter editorial layout.

Portfolio page - HAUSB website

Portfolio page

Project showcase page designed to support visual browsing and trust.

Contact page - HAUSB website

Contact page

A focused contact experience with project enquiries and business details.

Responsive UI

Mobile states included from the start.

The visual system carries through smaller screens, including service pages and navigation states that keep the experience direct and usable.

Mobile navigation - HAUSB

Mobile navigation

Responsive menu state prepared for compact screens and touch navigation.

Mobile construction page - HAUSB

Mobile construction page

Construction services adapted to a focused, readable mobile layout.

Case Study

Technical Notes

01

Frontend page system built with reusable components to maintain visual consistency across services, portfolio and contact sections.

02

Content structure designed to communicate technical architecture services in a simple, clear and accessible way for the target audience.

03

Website prepared for a responsive experience, with optimized images, direct navigation and a scalable foundation for future sections.

Next Project

Casa Benfica Lenzburg

Public website, reservation backoffice and restaurant billing system for Casa Benfica Lenzburg.

View project
View project
SoftwareWebsitesBrandingDesign
heldercruz.dev@gmail.com

Based in Portugal. For real needs

  • WorkWork
  • AboutAbout
  • ExperienceExperience
  • ContactContact
Get in Touch

Hélder Cruz © 2026

PT/
EN