01
Local Services
Maximillian D.
The current M.D. Alltagsunterstützung website — a connected public service journey, captured on desktop and iPhone.
Project Focus
Next.js · React · TypeScript · Tailwind CSS · Radix UI · Motion · next-intl · Supabase · PDFKit · Resend · Stripe · Vercel
A structured service catalogue explains household help, errands, garden care and individually assessed support. Clear descriptions establish what each service includes and where its boundaries lie. Distinct booking and enquiry actions, local coverage information and a postcode check help visitors choose a practical next step.
A dedicated simplified experience brings shorter explanations, larger controls and direct actions into a separate page structure. Prominent telephone access keeps personal contact close. Optional browser read-aloud controls support page content or selected text, with pause and stop actions and language settings aligned with the content.
German, English, French, Italian, Russian and Polish share a common locale system. The language selector remembers a visitor’s choice, while dedicated translations also support the simplified experience. Shared navigation, content structures and speech-language settings keep language preferences connected across the application rather than creating separate microsites.
The public calculator combines service selection and adjustable hours to explain a single-visit estimate. Shared pricing rules produce net, tax and gross amounts, with travel information alongside the calculation. Hourly services remain distinct from requests that need a personal assessment, giving each offer an appropriate next step.
The account-based booking flow separates service, date and time, contact details, payment choice and a final summary. Server-side checks consider staff availability and existing visits before accepting an appointment. Shared service rules and configurable payment options connect the public estimate with the practical work of scheduling support.
The customer workspace brings the next appointment, booking history, order status and payment status together. When the team proposes another time, customers can accept or decline from their account. Profile management and feedback after completed work extend the relationship beyond the initial booking form.
Role-specific workspaces support employees with assigned visits, availability, leave, time tracking, hour records, visit reports and training. Administration sections connect scheduling, customers, staff, invoices, communication and content. PDF invoice generation and transactional email support the documents and updates surrounding each visit within the same application.
Searchable FAQs, topic filters and category-based articles give visitors several ways to understand the service. Team and review content sit alongside direct contact routes. A support chat draws on prepared knowledge and offers a team handover, keeping a personal conversation within reach when more detail is needed.
The public journey follows the decisions a visitor needs to make: understand the help available, explore an estimate, check local coverage and choose how to begin. Clear service boundaries and distinct booking or enquiry actions give a broad service offer a consistent structure.
A restrained green identity, generous typography and consistent actions establish the main interface. The simplified experience changes the hierarchy, explanations and controls for a more direct route. Shared language preferences and optional browser speech connect both experiences, with telephone contact always easy to find.
A shared service catalogue and pricing utilities connect discovery, estimates and booking. Explicit appointment stages lead into server-side validation and capacity checks against staff availability and existing visits. Operator settings determine the payment and optional package choices available within the same application flow.
Customer, employee and administration responsibilities are separated into focused workspaces. Scheduling connects with appointment proposals, status updates, time records, invoice documents and communication. Reusable components and translation files maintain a consistent interface as the product extends from the public website into daily service operations.
Explore the services, price calculator, postcode check and simplified view. For bookings or account access, open the website in a new tab and sign in.
The interactive preview is available on mxlx.framer.ai and mxlx.studio. You can open the live website directly from this preview.
