Hélder Cruz logo
WorkWorkAboutAboutExperienceExperience
ResumeResume
Contact
Contact
Case Study

Casa Benfica Lenzburg

A public website and internal backoffice system built for a real business.

Role

Full-stack Developer

Type

Client Project

Stack

Next.js / Supabase

Focus

Website + Backoffice

Casa Benfica Lenzburg public website homepage mockup

Project ecosystem

Public content that stays easy to reach.

Albums and contact details stay part of the public experience, giving visitors a clear way to explore community moments, schedules and practical venue information.

Albums mockup from Casa Benfica Lenzburg

Albums

Public gallery browsing for events and community moments.

Contact page mockup from Casa Benfica Lenzburg

Contact page

Contact details, schedule and location presented in a clear public page.

Project ecosystem

Public pages and internal tools in the same ecosystem.

The project combines public-facing sections for visitors with practical operational interfaces for reservations, communication, team schedules and event content.

Public website - Casa Benfica Lenzburg

Public website

Homepage and public presence with events, albums, restaurant and reservation paths.

Reservation flow - Casa Benfica Lenzburg

Reservation flow

Date, group size and availability selection for restaurant bookings.

Email management - Casa Benfica Lenzburg

Email management

Backoffice tooling for contacts, groups, campaigns and email composition.

Work schedules - Casa Benfica Lenzburg

Work schedules

Staff planning interface for shifts, teams and monthly service organization.

Member sign-up - Casa Benfica Lenzburg

Member sign-up

Public family membership form with a focused registration experience.

Project ecosystem

Public pages and internal tools in the same ecosystem.

The project combines public-facing sections for visitors with practical operational interfaces for reservations, communication, team schedules and event content.

Public website - Casa Benfica Lenzburg

Public website

Homepage and public presence with events, albums, restaurant and reservation paths.

Reservation flow - Casa Benfica Lenzburg

Reservation flow

Date, group size and availability selection for restaurant bookings.

Email management - Casa Benfica Lenzburg

Email management

Backoffice tooling for contacts, groups, campaigns and email composition.

Work schedules - Casa Benfica Lenzburg

Work schedules

Staff planning interface for shifts, teams and monthly service organization.

Member sign-up - Casa Benfica Lenzburg

Member sign-up

Public family membership form with a focused registration experience.

Responsive UI

Mobile layouts prepared for daily use.

The public experience was also adapted for smaller screens, keeping core paths readable and direct for visitors using a phone.

Mobile public website - Casa Benfica Lenzburg

Mobile public website

Compact public pages with the same visual identity and clear navigation paths.

Mobile dedicated menus - Casa Benfica Lenzburg

Mobile dedicated menus

Responsive screens prepared for quick browsing and practical actions on narrow devices.

Core Challenges

Managing real business data

Ensuring absolute data integrity and security for live reservations and billing records within Supabase.

Creating admin workflows

Designing intuitive role-based access control and approval flows for staff with varying technical proficiencies.

Interface simplicity

Distilling complex operational data into clean, accessible UI components that reduce cognitive load for users.

Production readiness

Optimizing Next.js server components and API routes to handle real-world traffic spikes and ensure high availability.

Next Project

XV Studio

Multi-page service website with custom layouts, polished presentation and a guided contact flow.

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