Este caso de estudo ainda está em inglês. Os materiais visuais originais do projeto foram preservados.

All work

Sellwerk.de

Online platform

I worked on making Sellwerk’s products easier to find, understand and use, across desktop and mobile.

My role
UX/UI design
Platforms
Desktop & mobile

What is Sellwerk.de?

Sellwerk.de brings digital services for businesses into one platform, from online visibility and marketing to bookings, reviews and everyday tools. It is part of the Sellwerk brand from directory publisher Müllerverlag.

The challenge was to make that range of products easier to understand, so people could see what was available and find the right place to start.

The challenge

As a Sellwerk.de user, I want a clear overview of the products and services available on the platform.

  • Redesign the Sellwerk.de homepage for people who are signed in and those who are not.
  • Organize products and services into clearer categories. The previous categories were success, image, office and marketing. The proposed categories were online presence, clients and services.
  • Review the existing homepage content and decide what needs to stay in the new design.
  • Create a prototype to show the new structure and how people would move through the platform.

Goal

  • Make the user interface easier to understand.
  • Help people understand what Sellwerk.de offers and how its products could help their business.

Process

Research

  • Interface references
  • Personas

Ideation

  • Information architecture
  • Brainstorming
  • Sketches

Solution and testing

  • Wireframes
  • Style guide
  • Design system
  • User interface
  • Prototype
  • User testing

The previous website

Sellwerk.de products

  • PRIME
  • LIVE WEBINAR
  • LEADMANAGEMENT
  • ECHTZEIT-WEBANALYSE (real-time web analysis)
  • MEINE FIRMENDATEN im Internet (my company data)
  • SOCIALNETwerk (my advertising on Facebook)
  • BUCHHALTUNGSTOOL (accounting tool)
  • MEINE BEWERTUNGEN IM NETZ (my reviews)
  • FIRMENPROFIL (company profile)
  • Adwerk
  • Btrusted — reputation tool
  • SITEwerk
  • VERZEICHNISWERBUNG — directory advertising
  • Wettbewerbercheck — competitor overview
  • MEINUNGSMEISTER (opinion master)
  • ONLINEBUCHUNG (booking calendar)

Interface references

Twitter
Behance
Xing
Google My Business
Optimizely
LinkedIn
Salesforce
Qonto

Personas

Maximilian research persona

Maximilian
Schmidt

Carpenter | 55 years old | male | Coburg | married | two children: a daughter, 16, and a son, 22

Bio

Maximilian runs a third-generation carpentry business. He is hesitant about moving the business online and only uses digital tools when necessary. He works with an established client base, with returning customers making up 60%.

Goals and needs

  • Make money
  • Enjoy free time
  • Find new clients who are a good fit for his business
  • Find employees
  • Reach a wider market
  • Find someone to help him with a website

Apps

WhatsApp
He has a Facebook account but does not use it.

Technology

He has a smartphone and a laptop.
His business has no website.

Hannah research persona

Hannah
Müller

Hairdresser | 31 years old | female | Düsseldorf | single

Bio

Hannah has just opened her own beauty salon after working as a hairdresser for 13 years. She invested everything she had in the salon and has very little marketing experience.

Goals and needs

  • Build her salon’s reputation
  • Find new clients
  • Build an online presence and ways to reach clients

Apps

WhatsApp
Instagram, Facebook and Pinterest for personal use
Online shops such as Zalando
Uber

Technology

She is comfortable with online shopping and social media.
Her salon has no online presence.

The value proposition

“Sellwerk.de offers you easy to use tools under one roof to help you grow your business.”

Information architecture

100%
Menu.
Footer.
SearchContact Us
HelpDesk
24h
Online
Presence
Build Your Image
Home Login My Activity Page
My Profile = Site Map Page Edit..Add Map, Add Events, Add Operating hours Add Yext AddHashtag # Edit Agenda, Edit infos, Online Booking...Published What people can see
Product World Unlock & Lock tools.
My Daily Activity PageResume content, Activity Stream, Guide, Timeline.
Community
Account Settings
Dashboard KPI b2b e b2c Views, google, reviews, leads...
Public Profiles search & organized listing categoriesYellow Page 2.0
Community Blog (users can post)
Webinar, Videos, Tutorials.
FAQ
PDPs Product Detailed Page
PRO WEBSITE Domain, SEO... Wix, Cargo....
Reputation. Meinungsmeister, Btrusted.
Listing Yext, Google My Business.
Lead Management
Billomat
Sitewerk Webdesign Pro
Topwerk SEO, Keywords
Correction Ads
Posting
Socialwerk
Adswerk Google Ads
Photo and Videowerk
Socialwerk

Brainstorming

Sketches

Wireframes

Style guide

Colors

HEX: #D3F1EE

HEX: #00E6C7

HEX: #00CCB1

HEX: #00AF9C
Sellwerk Green

HEX: #056A68

HEX: #F7F7F7
Site Background

HEX: #DAE0E7
Disabled

HEX: #647C99
Subtitle / Descriptions

HEX: #3D4C5E
Text Main

HEX: #F8FAFE
Onboarding Background

HEX: #FFFFFF
White

HEX: #FF5A5F
Error / Danger

HEX: #F7C01A
Warning

HEX: #7ED321

HEX: #4EDBED
Information

HEX: #1D252E

HEX: #1137FF
Call to Action

HEX: #1137FF
Call to Action Hover

HEX: #AE1AF7

HEX: #AB944C
Prime color

Icons

Buttons

Font

Design system

Elements

Components

Elements

Components

User interface

Activity page

Profile

Listing

Posting

Ad corrections

Settings

Blog

Prototype overview

User testing
First round with 7 participants

General design

  • Participants responded positively to the colors and layout.
  • Participants felt they could trust the platform.
  • Participants found the typeface clear and easy to read.
  • Text in profile input fields needed to be easier to read, and typography needed to be more consistent.

Closing feedback

  • Participants could see themselves using the platform daily if the activity stream showed relevant updates, such as new leads or company emails.
  • Participants were unsure how often they would use the platform. Monthly use seemed possible if the content was useful to their business.
  • No participant identified a feature they disliked completely.
  • Participants found profile requests, warnings and reminders useful, especially for noticing negative customer feedback.