Regina Hoefter

Website

Regina Hoefter is a Munich-based interior designer, voted Top 100 Interior Designers Germany by Architectural Digest. Her timeless, minimalist aesthetic needed a digital stage that matched her reputation. Commissioned by the design bureau NotJust*, I translated their static design into a fully functional, responsive WordPress website — balancing elegance with scalability.

Product	Website, mobile-first
Role	UI/UX designer, developer
Skills	Design Audit (bridging static design and responsive digital product), Front-End Development (WordPress setup, custom CSS, JS, PHP), System Thinking in a Single-Site Context (applied spacing, typography scales, and component consistency for future-proofing), End-to-End Delivery (from server setup to CMS documentation)
Team	Anna Skopp, NotJust*
Client	Regina Hoefter
	All artworks shown are courtesy of the artist.

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.”

Sitemap

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

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

Let’s Talk.Let’s Talk.Let’s Talk.Let’s Talk.Let’s Talk.Let’s Talk.Let’s Talk.Let’s Talk.Let’s Talk.Let’s Talk.Let’s Talk.Let’s Talk.Let’s Talk.Let’s Talk.Let’s Talk.Let’s Talk.