Custom Web Design from Halle/Saale – Structured Design Process for SMEs, Freelancers & Non-Profits

The web design process at lilac-media is clearly structured and user-centered, methodically guiding you towards a unique web design. In four phases – Analysis, Concept Design, Visual Design, and Finalization – we create a custom design that intentionally stands out from the crowd. No website builders, no off-the-shelf themes. Christiane Schenke, a diplomaed designer with 25 years of experience and a graduate of Burg Giebichenstein, delivers tailor-made solutions – for freelancers, startups, SMEs, or non-profits.

Process Overview: Four Phases to Your Custom Web Design

• Phase 1: Design Analysis of Your Web Design Project
• Phase 2: Design Concept
• Phase 3: Visual Design with a Focus on Mobile Devices
• Phase 4: Web Design Finalization & Handover to Web Development

Our approach ensures that the web design takes into account user needs, brand identity, and individual client goals.

Phase 1: Design Analysis

Goal: Understanding the client, industry, users, and competitors.

Input:

• Information from the client (company, target audience, goals, design preferences)
• Existing content & corporate design
• Competitor analysis

Process / Steps:

• Analysis of the target audience
• Analysis of the industry and competitors
• Documenting brand values and existing assets

Output / Result:

• Clearly defined design requirements
• List of design goals
• Briefing for the next phase

Roles:

• lilac-media: Conducting the analysis, drafting the briefing
• Client: Providing information and feedback

Phase 2: Design Concept

Goal: Create a structural foundation for the design.

Input:

• Analysis results from phase 1
• Design goals and client wishes

Process / Steps:

• Developing the layout and navigation concept
• Developing a basic visual concept in line with the brand identity
• Selecting typography, color palette, image style (basic)

Output / Result:

• Concept document / wireframes
• Design guidelines for visual design

Roles:

• lilac-media: Drafting the concept, consulting with the client
• Client: Feedback on structure and concept

Phase 3: Visual Design

Goal: Concrete, visual implementation of the design concept.

Input:

• Concept document from phase 2
• Client feedback

Process / Steps:

• Design of screens / page layouts
• Integrating color and typography guidelines
• Adjusting visual elements to fit brand and target audience

Output / Result:

• Final design draft (prototype)
• Previews of the most important pages / templates

Roles:

• lilac-media: Creating the design, revising based on feedback
• Client: Feedback on final drafts

Phase 4: Design Finalization & Handover

Goal: Completion of the design process and preparation for implementation.

Input:

• Final draft from phase 3
• Last feedback from the client

Process / Steps:

• Making minor adjustments
• Completed prototype for handover
• Ensuring consistency across all pages

Output / Result:

• Approved final design
• Completed prototype for further content integration

Roles:

• lilac-media: Finishing touches and handover
• Client: Approval and acceptance

Your Advantages with Professional Web Design from lilac-media

• Professional first impression
• Clarity through well-thought-out structure
• Fewer follow-up questions thanks to clear user guidance
• Brand recognition
• Building trust with potential clients
• Better conversions through targeted calls-to-action
• Website structure can be expanded long-term

Practical Case Study: Web Design for a Newly Established General Practice

Initial Situation & Objective

A general practitioner is opening a new practice. The goal of the website is to clearly and understandably guide patients through organizational processes – especially for appointments, prescriptions, and referrals. The design should support the practice organization and reduce the team’s workload.

lilac-media handles the concept development and design of a clear, user-friendly website.

Phase 1: Design Analysis

At the beginning, we jointly defined which tasks the website should perform for patients. The focus was on orientation, clarity, and reducing follow-up questions.

No corporate design existed. The client did not want a logo, only specifying the color world of burgundy, white, and silver-grey, along with a deliberately simple, clear appearance.

The content was prepared collaboratively: The client provided brief, concise texts, while lilac-media took authentic photos on site at the practice.

Phase 2: Design Concept

Based on the analysis, we developed a design concept that works without a logo and with very minimal text. The choice of typography became a key design element.

A wide, sans-serif font was used, which creates visual presence even with little text and is also highly readable. The font conveys stability and security – regardless of the content.

Phase 3: Visual Design

The design follows a compact, calm layout with clear navigation. Burgundy is used purposefully as a key color to highlight menu elements and central calls-to-action.

The menu labels are intentionally action-oriented so that patients can instantly see how to book appointments or address their concerns. The content area is designed to be understated, making information quick and distraction-free to grasp.

Phase 4: Design Finalization & Handover

After consultation with the general practitioner, the design was applied consistently to all page types and finalized. Each page was assigned a thematically appropriate practice photo.

Layouts optimized for readability were developed for the texts and vary according to content type. The final design prototype was handed over and forms the creative foundation for upcoming pages and content.

Mehr zum Thema "Website creation":