workcloud24

Website redesign with Framer development for a German company optimizing building operations for sustainability and efficiency

Website design

Framer development

Introduction

workcloud24 offers Energy Optimization Solutions for the real estate sector, helping clients reduce costs and meet compliance goals. The original site wasn’t performing well, so the focus was on improving conversion and communication. I led both the UX/UI design and no-code development using Framer.

Timeline

February 2025 - April 5

Deliverables

Website redesign

Framer development

My duties

Research & Analysis

Wireframing

Stakeholder management

UX/UI Design

Framer development

Testing

Problems & Challenges

The original website faced serious usability issues. Built with Elementor, it suffered from slow performance and lacked a clear user flow. Visitors often didn’t understand what the company offered or how to get in touch resulting in minimal lead generation.

On top of that, the service descriptions were overly complex and filled with technical jargon, which left users confused about whether it could actually help them. As a result, many bounced without taking any meaningful action.

Website redesign

From strategy to final development, the focus was always on clarity, credibility, and usability. The new site speaks directly to the right audience and finally lets workcloud24’s strengths shine through.

Research & Strategy

We started with moodboarding and in-depth discussions to align on visual direction and tone of voice. I conducted competitor research and understood the client's target audience, communication goals, and user journey priorities.

Research & Strategy

We started with moodboarding and in-depth discussions to align on visual direction and tone of voice. I conducted competitor research and understood the client's target audience, communication goals, and user journey priorities.

Research & Strategy

We started with moodboarding and in-depth discussions to align on visual direction and tone of voice. I conducted competitor research and understood the client's target audience, communication goals, and user journey priorities.

Research & Strategy

We started with moodboarding and in-depth discussions to align on visual direction and tone of voice. I conducted competitor research and understood the client's target audience, communication goals, and user journey priorities.

Wireframe & Structure

Wireframe & Structure

Wireframe & Structure

Wireframe & Structure

Design & Communication

Design & Communication

Design & Communication

Design & Communication

Trust & Social Proof

Trust & Social Proof

Trust & Social Proof

Trust & Social Proof

Framer Development

Framer Development

Framer Development

Framer Development