Skip to content
MN.← Web Design & Hosting
DEStart a project ↗

Web design concept / Fictional brand

RAUMKLAR

01 / 09

A clear website for a well-defined service.

A website study for commercial cleaning: clear service areas, an understandable process and a focused property enquiry provide the structure.

Sector
Commercial cleaning
Focus
Structure, design, implementation
Status
Concept study · Not a client project
RAUMKLAR / Website design↗
RAUMKLAR: visual website concept for Commercial cleaning
01 — The visual directionDesign study, not a functioning client websiteOpen the full-size design ↗

01 / Before the first pixel

What the website needs to do.

The brief

The homepage should explain which properties the company can assess. Specific services and a straightforward next step are more useful than generic cleanliness promises.

The people using it

Facilities managers, practice managers and local businesses need a suitable service scope and reliable contact information. Short overviews should support an initial assessment without specialist knowledge.

A clear page structure

Services, property types, process, company and enquiry would be possible main areas. The actual service region and contact availability need to be visible without implying nonexistent locations.

The proposed homepage structure

Every section has a purpose.

This is how the homepage could lead from a first impression to a relevant enquiry. The sequence is a concept to be refined around your actual content.

  1. 01

    Opening: recognise the building and need

    A bright office scene with cleaners at work establishes context. A short statement and clear link lead directly to the service areas.

  2. 02

    Services: identify the setting

    Offices, practices and shared stairwells are presented as different property types. The actual scope would be agreed with the cleaning company in each case.

  3. 03

    Process: from conversation to ongoing care

    A short overview could explain a site visit, scope agreement and regular service. Specific commitments must reflect the company’s actual workflow.

  4. 04

    Property enquiry: gather useful information

    Property type, location, approximate area and intended frequency prepare a conversation. A binding quotation follows the necessary assessment.

RAUMKLAR: Homepage continuation with service sections, content hierarchy and contact area.
02 — Illustrative page sectionsRAUMKLAR: Homepage continuation with service sections, content hierarchy and contact area.Open full-size view ↗

Subpage study / Fictional concept

A closer look at one service.

A dedicated office cleaning page could explain the service and process clearly. Visitors can judge whether it fits their premises and what details would help with an enquiry.

RAUMKLARStatic page concept
Illustrative image direction: cleaners working in a bright office.

Services / Office cleaning

Clear spaces for focused work.

A concept for clear service information and a relevant property enquiry.

Image direction for a possible subpageIllustrative image direction: cleaners working in a bright office.Open full-size image ↗

02 / The design decisions

One visual system. Considered in detail.

Off-white, cobalt and powder blue define the design. A daylight scene with cleaners in a glazed office shows the work, with three image sections below organising property types. The fictional image study does not represent an actual team or client property.

Type direction

Aa↗

Outfit / IBM Plex Mono

An accessible sans-serif such as Outfit could provide the foundation. Clear size differences and generous spacing organise services and contact routes. IBM Plex Mono could supplement individual section labels.

Colour & contrast
#f5f7f4
#234cba
#cbdfee
#243b4b

The finishing details

A precise grid makes service areas easy to compare. Icons need text labels, and essential contact details should remain outside images. Mobile layouts would prioritise the enquiry journey over decorative detail.

RAUMKLAR: Two mobile website views and an enlarged interface detail.
03 — Illustrative mobile viewsRAUMKLAR: Two mobile website views and an enlarged interface detail.Open full-size view ↗

03 / From idea to website

A concept to explore. A website shaped for you.

In this study

What you can explore here

The study shows how services, property types and an enquiry could come together on a website. The controls in the design are part of a fictional concept; the project enquiry on this page concerns web design.

For your project

Plan the next step

A future property enquiry could ask for building type, location, area and cleaning frequency. Conditional fields would only be useful if they improve the initial assessment. Booking would require an agreed site-visit process.

04 / A proposed project process

How your project could take shape.

  1. Brief

    Define the scope

    View this step

    Outcome: agreed objectives, content and a clearly defined scope.

    Clarify service areas, coverage and information needed for property enquiries.

  2. Structure

    Map the pages

    View this step

    Outcome: a page map, content sequence and a reviewable enquiry journey.

    Plan the page sequence for offices, practices and stairwells with a contact route.

  3. Design

    Agree on designs

    View this step

    Outcome: approved desktop and mobile views with agreed type and colour.

    Design bright imagery, readable service sections and mobile enquiry views.

  4. Implementation

    Build the site

    View this step

    Outcome: a reviewable staging version with the agreed content and functionality.

    Translate approved designs into responsive pages. Bring agreed functionality, content and contact journeys together in a staging version.

  5. Review & launch

    Review and launch

    View this step

    Outcome: an agreed release, documented responsibilities and editing guidance.

    Check service information, contact delivery and device layouts before launch.

From concept to your website

Which direction feels right for you?

Let’s discuss your content, the right design and the functionality you actually need. Your enquiry goes directly to Marius Neumann.

Discuss your website project