Skyline Robotics
Product Design
OVERVIEW
Skyline Robotics builds robots that clean skyscraper windows.
The system has two sides:
• A robot operating interface used by technicians and engineers.
• A SaaS data platform for clients to track progress and performance.
I was responsible for both sidesdesigning the SaaS
platform from the ground up, and restructuring the robot interface to
make it clear, functional, and efficient.
MY ROLE
As the sole product designer, I defined the product structure, mapped flows, and designed both interfaces to transform complex data and messy screens into usable,insight-driven tools.
I collaborated closely with engineers to align technical constraints with user needs, while also driving UX research, information architecture, and visual design.
CHALLENGE
The company had two separate systems:
• The SaaS platform was only raw data with no structure or flows
• The robot interface was created by engineers, with cluttered screens and no usability in mind
Setting the Tone
The login screen is the user's first point of contact with the product, so I explored different directions to
reflect the robot’s scale and precision. I used AI-generated imagery to support the product’s identity and introduce a visual language early in the experience.
ORIGINAL BRIEF
I received an initial screen created by the engineering team- it included basic layout suggestions and general functionality requirements, but left room for interpretation.
I used it as a starting point to define user needs, clarify flows, and introduce distinctions between different user types- turning the raw concept into a structured and usable experience.
User Flow
Before jumping into UI, I needed to clarify how users actually
navigate the system.
I mapped out the core user flows based on the product logic, distinguishing between company owners and building owners.
This helped me define what each user should see, when, and why -and ensured that the final interface would match real-world needs.
From Rough Outline to Functional Flow
Based on the user flow, I designed the key screens that guide building owners through monitoring, navigation, and issue detection - while keeping the layout scalable, readable, and easy to act on.
Building Dashboard
Displays real-time robot progress on the building facade.
Users can switch between facades (North, East, etc.) to view cleaning status per side. The visual grid shows drop-by-drop completion, with clear indicators for progress and current activity. A side panel provides operator logs, historical activity, and total drop counts.
Cleaning Trends
I designed a dashboard that gives building owners and customer a quick, data-rich view of cleaning progress and resource usage. The layout allows users to drill down per building and compare key metrics - from drops completed to power and water consumption - all in one place.
All reports in one place
A centralized table that allows users to search, sort, and access reports by organization, building, or cycle. Once a report is selected, users can view all cleaning activity for that specific cycle -
with clear daily breakdowns, totals, and operator details.
For sharing and documentation needs, I also created a downloadable PDF version of each report, designed to reflect the same structure and clarity as the in-app view.
Design-to-Dev Handoff
For each custom widget in the system, I prepared a dedicated spec to support the dev team-covering layout, spacing, states, and behavior. This helped ensure consistent implementation across screens and reduced back-and-forth during development.
.png)
Title Text
Subheading text
Body text Body text Body text Body text
Body text Body text Body text Body text
Body text Body text Body text Body text
Body text Body text Body text Body text
Font Name:
Inter
We chose the "inter" font for its excellent legibility and professional aesthetic, ideal for presenting extensive graphs and data in the product.
Inter Light
Inter Mediom
Inter Bold
