PropTech
One Tool for All Property Insights
Susteco is a digital twin platform that integrates building, utility, and consumption data to offer transparency and decision-making tools for real estate professionals.
Client
Bosch
Company
Motius
Timeline
18 months
Period
2024-2025
My Role:
Strategy & brand Identity
Research & concept development
Design workshops & user interviews
Wireframes & user testing iterations
Final UI designs
Rebranding (logo, identity, color palette, typography, market positioning)
Parallel collaboration with client’s tech and dev teams
Figma-based Susteco Design System
Final design handoff
My Role:
Strategy & brand Identity
Research & concept development
Design workshops & user interviews
Wireframes & user testing iterations
Final UI designs
Rebranding
Tech and dev teams collaboration
Figma-based Susteco Design System
Final design handoff
We transformed a slow, unintuitive ESG tracking tool into a powerful digital twin platform that integrates real-time building data, utility insights, and sustainability metrics - giving real estate professionals the clarity and control they needed.
We transformed a slow, unintuitive ESG tracking tool into a powerful digital twin platform that integrates real-time building data, utility insights, and sustainability metrics - giving real estate professionals the clarity and control they needed.
The Challenge
The Challenge
Legacy Pain Points:
Poor UX and slow performance
Confusing workflows with minimal user guidance
Lack of meaningful data visualizations for decision-making
Constantly switching between software due to lack of centralized data access
No live data tracking
Data overload with poor categorisation
No clear market identity
Legacy Pain Points:
Poor UX and slow performance
Confusing workflows with minimal user guidance
Lack of meaningful data visualizations for decision-making
Constantly switching between software due to lack of centralized data access
No live data tracking
Data overload with poor categorisation
No clear market identity
⚡ Goal: Build a new platform that:
Aggregates building, utility, and consumption data
Enables ESG tracking, maintenance planning, and transparent reporting
Offers intuitive, fast, and scalable UX for asset managers and sustainability officers
Connects service providers and offers collaboration
Optimises Environmental, Social, and Governance metrics for more sustainable consumption (Energy Efficiency, Water Conservation, Waste Reduction etc.)
Makes building maintenance and management scalable
⚡ Goal: Build a new platform that:
Aggregates building, utility, and consumption data
Enables ESG tracking, maintenance planning, and transparent reporting
Offers intuitive, fast, and scalable UX for asset managers and sustainability officers
Connects service providers and offers collaboration
Optimises Environmental, Social, and Governance metrics for more sustainable consumption (Energy Efficiency, Water Conservation, Waste Reduction etc.)
Makes building maintenance and management scalable
Research, Discovery & Usability Tests
Research, Discovery & Usability Tests
Stakeholder Alignment: Workshops with Bosch and Susteco leadership
Stakeholder Alignment: Workshops with Bosch and Susteco leadership
✦ Alignment on the current challenges and UX breakdowns
✦ Alignment on the current challenges and UX breakdowns
✦ Alignment on Susteco's new value proposition, vision, and goals. Identification of potential risks, strategic direction, and best practices
✦ Alignment on Susteco's new value proposition, vision, and goals. Identification of potential risks, strategic direction, and best practices
Key findings:
Key findings:
Conflicting Success Metrics
Conflicting Success Metrics
What surfaced:
What surfaced:
Different teams had conflicting goals—Sales prioritized onboarding speed, Tech focused on data integrity, ESG wanted flexible reporting.
Different teams had conflicting goals—Sales prioritized onboarding speed, Tech focused on data integrity, ESG wanted flexible reporting.
Design implication:
Design implication:
Aligned on a unified core user journey, shaping the MVP around shared impact metrics.
Aligned on a unified core user journey, shaping the MVP around shared impact metrics.
Feature-Centric Mindset
Feature-Centric Mindset
What surfaced:
What surfaced:
Stakeholders focused on adding features rather than solving real user problems.
Stakeholders focused on adding features rather than solving real user problems.
Design implication:
Design implication:
Shifted discussions toward user outcomes, justifying user research and iterative testing over a feature wishlist.
Shifted discussions toward user outcomes, justifying user research and iterative testing over a feature wishlist.
Unclear User Understanding
Unclear User Understanding
What surfaced:
What surfaced:
No consensus on primary users—some thought of building managers, others sustainability leads or execs.
No consensus on primary users—some thought of building managers, others sustainability leads or execs.
Design implication:
Design implication:
Justified a structured user research phase to create personas and define user journeys.
Justified a structured user research phase to create personas and define user journeys.
Brand Identity Misalignment
Brand Identity Misalignment
What surfaced:
What surfaced:
Stakeholders weren’t aligned on Susteco’s voice, visual tone, or perceived brand image.
Stakeholders weren’t aligned on Susteco’s voice, visual tone, or perceived brand image.
Design implication:
Design implication:
This gave strong backing for a rebranding initiative, including logo, UI language, and design tone of voice.
This gave strong backing for a rebranding initiative, including logo, UI language, and design tone of voice.
Business Model Evolution
Business Model Evolution
What surfaced:
What surfaced:
Susteco was shifting toward offering white-labeled or modular versions of the platform to enterprise clients.
Susteco was shifting toward offering white-labeled or modular versions of the platform to enterprise clients.
Design implication:
Design implication:
Helped define a modular design system and emphasized customizability in the UI architecture.
Helped define a modular design system and emphasized customizability in the UI architecture.
Desire to be Different
Desire to be Different
What surfaced:
What surfaced:
Susteco wanted to distinguish itself from traditional building management systems and be seen as a modern ESG intelligence platform.
Susteco wanted to distinguish itself from traditional building management systems and be seen as a modern ESG intelligence platform.
Design implication:
Design implication:
Helped drive a bold, data-driven, and clean design approach.
Helped drive a bold, data-driven, and clean design approach.
Quantitative and Qualitative data analysis (Workshop):
User Interviews: 10+ real estate professionals, energy consultants, facility managers
User Interviews: 10+ real estate professionals, energy consultants, facility managers
✦ I used the initial version of the platform to do Usability Tests to get as much UX insights as I could to better understand user’s pain points and priorities future design tasks
✦ I used the initial version of the platform to do Usability Tests to get as much UX insights as I could to better understand user’s pain points and priorities future design tasks
Key findings:
Data Overload Without Context
Data Overload Without Context
What surfaced:
What surfaced:
Users were overwhelmed by raw data without a clear visual hierarchy or explanations.
Users were overwhelmed by raw data without a clear visual hierarchy or explanations.
Design implication:
Design implication:
Introduced data storytelling elements—contextual headings, tooltips, and summary insights above charts.
Introduced data storytelling elements—contextual headings, tooltips, and summary insights above charts.
Manual Reporting
Manual Reporting
What surfaced:
What surfaced:
Many users exported data to Excel and built reports manually.
Many users exported data to Excel and built reports manually.
Design implication:
Design implication:
Designed a report builder with exportable templates and visual summaries aligned with industry standards (e.g., GRESB).
Designed a report builder with exportable templates and visual summaries aligned with industry standards (e.g., GRESB).
Lack of Trust in Data Accuracy
Lack of Trust in Data Accuracy
What surfaced:
What surfaced:
Users weren’t sure how the numbers were calculated or if the data was current.
Users weren’t sure how the numbers were calculated or if the data was current.
Design implication:
Design implication:
Added data source indicators, refresh timestamps, and traceable calculation methods.
Added data source indicators, refresh timestamps, and traceable calculation methods.
Difficult Navigation
Difficult Navigation
What surfaced:
What surfaced:
Users struggled to find the right buildings or metrics without lots of clicks.
Users struggled to find the right buildings or metrics without lots of clicks.
Design implication:
Design implication:
Implemented persistent filters, search by asset name/ID, and customizable dashboards.
Implemented persistent filters, search by asset name/ID, and customizable dashboards.
Implemented persistent filters, search by asset name/ID, and customizable dashboards.
No Clear Entry Point
No Clear Entry Point
What surfaced:
What surfaced:
First-time users didn’t know where to start—no onboarding or guided flow.
First-time users didn’t know where to start—no onboarding or guided flow.
Design implication:
Design implication:
Created a progressive onboarding with a setup checklist and context-aware walkthroughs.
Created a progressive onboarding with a setup checklist and context-aware walkthroughs.
Slow System Performance
Slow System Performance
What surfaced:
What surfaced:
The legacy tool was laggy and delayed in loading charts or switching views.
The legacy tool was laggy and delayed in loading charts or switching views.
Design implication:
Design implication:
Prioritized performance-optimized UI components and lazy-loading for heavy data tables.
Prioritized performance-optimized UI components and lazy-loading for heavy data tables.
Quantitative and Qualitative data analysis (Workshop):
Wireframes & UX Design
Wireframes & UX Design
As you already can tell, I use Miro for most of the documentation, workshops and iterations.
This step include:
User Flows
Wireframes
Information Architecture
Interaction Models & UX Patterns
New iterations with users
Documentation (Confluence, Miro, Figma)
This step include:
User Flows
Wireframes
Information Architecture
Interaction Models & UX Patterns
New iterations with users
Documentation (Confluence, Miro, Figma)
✦ User Journey Map + Wireframes + Users feedback
✦ User Journey Map + Wireframes + Users feedback
As you already can tell, I use Miro for most of the documentation, workshops and iterations.
New logo, new look, new voice
New logo, new look, new voice
Why we decided to change the logo
Poor scalability
Poor scalability
Low contrast
Low contrast
Too many details
Too many details
✦ Redesigned logo that reflects building management and infrastructure themes. Clean and minimal.
✦ Redesigned logo that reflects building management and infrastructure themes.
Clean and minimal.
Final Designs & Product Impact Metrics
Final Designs & Product Impact Metrics
Quicker Onboarding
Quicker Onboarding
Asset onboarding time reduced from ~25 min to under 10 minutes
Asset onboarding time reduced from ~25 min to under 10 minutes
Better Search
Better Search
Time to find a specific asset decreased from 3.4 minutes → less than 1 minute with improved search and filters
Time to find a specific asset decreased from 3.4 minutes → less than 1 minute with improved search and filters
More Intuitive User Flows
More Intuitive User Flows
Task success rates improved from 30% → 90% in usability tests after flow redesign
Task success rates improved from 30% → 90% in usability tests after flow redesign
Better Information Architecture
Better Information Architecture
Clearer grouping of assets, utilities, and ESG metrics reduced user confusion and navigation errors.
Clearer grouping of assets, utilities, and ESG metrics reduced user confusion and navigation errors.
Clearer grouping of assets, utilities, and ESG metrics reduced user confusion and navigation errors
Less Manual Work
Less Manual Work
Manual data exports decreased by 50% with new embedded reporting features
Manual data exports decreased by 50% with new embedded reporting features
Fuller Asset Profiles
Fuller Asset Profiles
Data completeness scores improved by 30% as users now had better visibility of missing fields
Data completeness scores improved by 30% as users now had better visibility of missing fields
And here are some of the final screens
And here are some of the final screens
✦ Primary dashboard offering asset managers a clear snapshot of overall asset health
✦ Primary dashboard offering asset managers a clear snapshot of overall asset health
✦ Details page for tracking metrics of an individual building
✦ Details page for tracking metrics of an individual building
✦ A live-tracking AI-based connectivity hub for detecting and resolving building system errors
✦ A live-tracking AI-based connectivity hub for detecting and resolving building system errors
✦ A graph view of assets and connected services
✦ A graph view of assets and connected services
✦ Design structure in Figma for the admin interface, allowing users to manage and prepare asset data before it's presented on the dashboard
Back to Homepage
PropTech
One Tool for All Property Insights
Data transparency and decision-making tool for real estate professionals.
Client
Bosch
Company
Motius
Timeline
18 months
Period
2024-2025