M.D. Alltagsunterstützung

Local Services

2026

Client

Maximillian D.

A service website and working platform for everyday support in Lorsch and the surrounding area. MDPKE connects clear service information and transparent pricing with online booking, customer accounts and the tools needed to organise the work behind each visit.

mdpke.deVisit website

MDPKE — everyday support, clearly presented. Explore the interface and the features behind the experience.

Project Focus

Accessible browsing · Booking & pricing · Customer and staff tools · Next.js development

The Challenge

The goal was to make asking for everyday help feel straightforward—for seniors, relatives and anyone comparing local support. Visitors need clear answers about services and costs, while the team needs a practical way to handle appointments, communication and paperwork. The experience also had to accommodate different languages, devices and levels of confidence with technology.

The Solution

A clear public website sits alongside a simplified interface with larger controls and read-aloud support. Services, pricing and a guided booking flow form the main visitor journey. Behind it, customer accounts, employee tools and an administration area connect bookings, availability, invoices and communication in one application.

What we built

The features behind the experience.

/001

Two ways to use the site

The main experience pairs an editorial layout with a separate simplified view: larger text, direct actions, plain wording and a persistent phone shortcut. Browser-based read-aloud controls can read the page or individual passages.

/002

Six language options

German, English, French, Italian, Russian and Polish are supported through the shared translation system. Visitors can choose the language that makes service information easier to understand.

/003

A price calculator before booking

Visitors select a service and the number of hours to see an estimate with net price and VAT. The booking flow also calculates travel costs from the service address.

/004

Guided appointment booking

A step-by-step journey brings together service selection, a calendar, contact details, payment options and a final summary. Server-side availability checks account for employee schedules and existing bookings.

/005

A customer area after the first visit

Registered customers can return to their bookings, follow their status, respond to proposed appointment changes and access invoices. Profile management and password recovery support ongoing use.

/006

Tools for the team behind the service

Employee views cover assigned appointments, availability, time tracking, visit reports and training. The administration area brings bookings, customers, invoices, staff planning and content management together.

/007

Answers, articles and feedback

A searchable FAQ, category-based blog, customer reviews and a support chat give visitors several ways to get oriented. The chat uses a prepared knowledge base with a handover to the team.

/008

Connected operations

The application includes invoice PDFs, email notifications, Stripe payment integration and configurable voucher and hour-package features. Availability depends on the service operator’s settings.

The approach

How the experience comes together.

Start with the visitor’s next task

The page structure separates learning about support, checking prices and requesting a visit. Service categories, clear headings and direct contact routes keep those decisions visible.

Give accessibility its own space

The simplified view follows the same service offering with fewer distractions, larger controls and optional spoken content. It is an alternative path through the product, rather than a smaller copy of the main layout.

Connect the public journey to daily operations

Shared service and pricing logic links the calculator and booking flow. Customer, employee and administration views extend that journey into scheduling, communication and invoicing.

Build a consistent system across screens

Next.js, React and TypeScript support the interface, with Supabase behind the application and Vercel hosting it. Reusable layouts, translation files and motion patterns carry the visual language from desktop to mobile.

Try it yourself

Explore the live website.

Browse the public pages, explore the services and try the price calculator. For bookings or account access, open the website in a new tab.

mdpke.deOpen website ↗

The interactive preview is available on mxlx.framer.ai and mxlx.studio. You can open the live website directly from this preview.

A closer look.

09 views

01Service overview — support options grouped around everyday needs.

02Interactive pricing — explore services and estimate the cost before making an inquiry.

03The simplified view — larger controls, direct phone access and browser-based read-aloud support.

04Price calculator — compare services and hours with a clear breakdown of net price and VAT.

05Searchable FAQ — questions grouped around services, pricing, bookings and account access.

06The blog — practical articles organised by topic in the same editorial design system.

07Customer feedback — an interactive card presentation within the public website.

08Account entry — a focused login screen with registration and password recovery routes.

09The service’s values — personal support, clear communication, reliability and respect.

The Outcome

A connected service platform that carries the experience from the first question to an organised appointment. Visitors can compare support options, estimate costs and choose the browsing experience that suits them. Customers and staff have dedicated spaces to follow the work, while the team can manage schedules, content and invoices within the same application.