End-to-end Research, design & development
Defining and developing a complete product portfolio
The startup weißaufschwarz, a sub-company for Mittwald hosting sought to launch a marketplace with B2B applications tailored specifically for their core business – hosting for agencies & freelancers.
WHO: weißaufschwarz
WHAT: End-to-end Product Portfolio Research and Development
WHEN: 10/2023 – 06/2024
Summary
This case study delves into the research, prioritization, creation, and development of a product portfolio for hosting features. The initiative is to identify and prioritize the development of a product portfolio consisting of roughly 20 applications that will be developed in 2024 as a part of a marketplace offered in the Mittwald hosting platform.
01
02
Problem Statement
This case study delves into the research, prioritization, creation, and development of a product portfolio for hosting features. The initiative is to identify and prioritize the development of a product portfolio consisting of roughly 20 applications that will be developed in 2024 as a part of a marketplace offered in the Mittwald hosting platform.
03
The Plan
- User Research
- Survey Analysis
- Quantitive Analysis
- Competitor Analysis
- UX Design
- Design System for white-labeling
- Visual Design
- UI Design
- Tech-stack agreement
- Development
User Research
A. Survey Analysis
Surveyed to acquire information on repetitive tasks and friction points in servicing, maintenance, administration, client attrition, billing management, end client UX, and platform expectations.
04
We gathered client feedback on the importance of various applications to determine which to prioritize for development and narowed it down to 5 priority applications.
What questions did we ask for selected features?
White-label Email Account Manager
- How frequently do you have to administrate new/obsolete email accounts (Daily,Weekly, Monthly).
- How many email accounts do you have on average per client?
- How important is the ability to fully customize email templates, signatures and branding? (1-5)
- Would integration with other email clients (e.g., Outlook, Gmail) be beneficial? (Yes/No)
- How important is email filtering and spam management? (1-5)
- Is it important to provide an application for your client’s branding? (Yes/No)
Smart Invoicing for Splitting Bills
- How important is the ability to split bills based on custom criteria? (1-5)
- Would you find automatic invoice generation based on usage beneficial? (Yes/No)
- How essential is integration with external payment providers? (1-5)
- How important is a clear and detailed invoice summary? (1-5)
- How important is automatic billing schedule per client? (1-5)
Feedback Portal
- How important is the ability for users to submit feedback directly through the portal? (1-5)
- Would analytics and reporting per client be useful? (Yes/No)
- How valuable is the ability to categorize and prioritize feedback? (1-5)
- Would you prefer video over text feedback? (1-5)
Performance Monitoring Dashboard
- How important is real-time performance data visualization? (1-5)
- Would customizable dashboards and reporting for end users be useful? (Yes/No)
- How crucial is historical data analysis for performance metrics? (1-5)
- How important is real time user monitoring? (1-5)
- How important is load time monitoring? (1-5)
Server Resource Management Tool
- How important is real-time monitoring of server resources? (1-5)
- How crucial is automated alerting for resource usage thresholds? (1-5)
- Would you value a feature that provides detailed resource usage reports? (Yes/No)
- How important is the ability to optimize resource allocation automatically? (1-5)
- How important is it to be able to switch between hosting types within the application – shared, VPS, Cloud, Dedicated? (1-5)
- How important is manual configuration ability? (1-5)
Is it important to provide an application for your client’s branding? (Yes/No)
Would you prefer video over text feedback? (1-5)
B. Competitor Analysis
User Personas
05
User Journey Rudi
06
Sentiment scoring & opportunities
User Flow
07
Wireframes
07
Tech-Stack Agreement
08
- Design
- UX & User Research – Miro
- Ilustrator – Graphics
- Marketing Materials – Figma
- Figjam – User Flows
- Design System
- Figma + Token Studio
- StyleDictionary
- Front-End Development
- ShadCN + Flowbite
- Tailwind CSS
- React
- NextJS
Let’s create something great together.
