Regina Hoefter

Website

Regina Hoefter is a Munich-based interior designer featured among Architectural Digest’s Top 100 Interior Designers Germany. Her timeless, minimalist aesthetic required a digital platform that matched the clarity and refinement of her work. Commissioned by the design bureau NotJust*, the static design was transformed into a responsive WordPress website that balances elegance with long-term scalability.

Product Responsive WordPress portfolio website
Role Senior UI/UX Designer & Front-End Developer
Key Skills Design audit
Responsive UI design
Front-end implementation (WordPress)
System thinking for small design systems
Typography systems
Spacing systems
CMS setup
Documentation
Team Anna Saar, NotJust*
Client Regina Hoefter
All interior photographs are courtesy of the artist.
reh-logo-1×1
reh-intro-project-1×1

Task — From Flat Design to Fluid Experience

Since a static design doesn’t equal a real-world digital experience my job was to:

  • Audit the provided design for responsiveness and UX gaps.
  • Translate static layouts into fluid, scalable digital structures.
  • Ensure elegance without sacrificing usability on desktop, tablet, and mobile.

Project Roadmap

1

Audit

Review agency PDF design, identify responsiveness and UX gaps

2

Setup

Install WordPress, configur Enfold theme as the technical backbone.

3

Implementation

Custom CSS, JS, and PHP scripts; font upload; build interactive modules

4

Refinement & Launch

Final polish with design-system thinking: responsive grids, scalable typography, and intuitive CMS setup.

Process — Laying the Foundation For Responsiveness and Long-Term Maintainability

I set up the website in WordPress from scratch, using the Enfold theme as a flexible base. The process involved a mix of visual fidelity and technical precision:

  • Design Audit → Spacing, typography, responsiveness adjustments.
  • Implementation → Custom CSS, JS, and PHP scripts to expand theme functionality.
  • Font Integration → Uploaded and embedded custom fonts for brand consistency.
  • Responsive Scaling → Tailored layouts for tablet and mobile without compromising the minimal aesthetic.
  • Content Management → Built a backend that makes content updates effortless.

“The website was supposed to feel like Regina’s interiors — effortless, precise, and unforgettable.”

reh-1×1-task

Sitemap

reh-sitemap-desktop

Sitemap

reh-sitemap-mobile

Systematizing Design — Clear Structure and Reusable Logic

To ensure visual consistency and scalability, I applied a system-based approach across all breakpoints:

  • Typography and spacing systems based on design logic, optimized for readability across breakpoints

  • Section-based structure with reusable components 

  • Modular WordPress theme with block-based logic 

reh-16×9-wp-backend
reh-1×1-wp-backend
reh-1×1-styles
reh-typography-2

Colors

#5F7077 — Dove Grey

#A88531 — Luxor Gold

#DBBCAA — Cashmere

#92A0A0 — Cool Grey

#93948E — Oslo Grey

#E5DFD3 — Pearl

#323232 — Warm Charcoal

Results & Reflections — A Living, Scalable Digital Extension of Thekra’s Work

  • System-based layout even for a small site
  • Responsive, animated, and fully client-maintainable via CMS
  • Clear, written CMS guide so the client feels confident updating and growing the site

reh-impressions-grid-1×1
reh-impressions-grid-16×9
reh-publications-grid-2-1×1
reh-publications-grid-1-1×1
reh-publications-grid-3-1×1

Quick access

Ride with me

Quick access

Ride with me

© Anna Saar, 2026

Text, images and code made with 💕and 

Text, images and code made with 💕and 

© Anna Saar, 2026