Sky Glass Sales Dashboard

UI Dashboard Design

About the project

I worked on Sky's mission-critical sales platform—a comprehensive web application serving 20,000 advisors who sell, update, and maintain customer accounts daily.

Launched alongside the groundbreaking Sky Glass TV in 2021, this platform became the operational backbone, enabling Sky's advisors to deliver seamless customer experiences at scale.

Key Integrations

The challenge

When Sky launched their second-generation Glass TV, their retail advisors faced a critical usability issue within the TV section of Sky's multi-category sales platform.

The existing interface made it difficult to efficiently compare and switch between the original Sky Glass and the new Gen 2 model during customer consultations.

With plans to expand their TV product lineup, this section needed a scalable solution that could accommodate future devices without requiring constant redesigns.

impact summary

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

The problem

Legacy System Limitations

Advisors struggled to navigate between multiple Sky Glass models during sales conversations, making it difficult to compare options quickly.

The rigid interface couldn’t scale to support new products, leading to inefficient workflows that slowed interactions and risked lower conversions.

The TV section also needed to align with other platform areas while enabling easy product comparison unique to the category.

Sky Glass Sales Journey 2019 - 2024

The Sky Glass sales journey was initially built with a ‘progressive reveal’ structure. This guides the user step-by-step, keeps interface clean and focused and reduces cognitive load.

However, there were a number of problems. This eventually became slower access for experienced users, harder to compare options and also accessibility concerns.

Sky Glass Sales Journey 2019 - 2024 flow

ser flow diagram showing the Sky Glass streaming TV setup process across multiple screens. The wireframe sequence displays six connected interface screens with curved arrows indicating navigation flow. Starting from device selection (Small 43", Medium 55", Large 65"), users progress through frame color choices (Ceramic, Sky, White, Grove, Pink), payment options (24 Months, 18 Months, Pay in Full), and speaker placement selections. The flow culminates in a devices page showing Sky Glass configuration with multiroom speakers and Wi-Fi Hub options. The minimalist interface design uses a light color scheme with blue accent colors for interactive elements.

My role and approach

As the sole UI Designer for the TV section, I partnered with UX Designers and developers to reimagine the advisor interface., which meant designing a more intuitive and flexible experience tailored to the TV product range.

Working closely with the UX Designer, I also tested our designs directly with Sky advisors in call centres, gathering real feedback that shaped the final solution.

• Streamline model comparison and switching within the TV product category
• Build a scalable design system for future TV product additions
• Improve advisor efficiency and confidence during TV-related customer interactions
• Maintain design consistency with the broader sales platform (Broadband and Mobile sections)

Concept Exploration Phase

The Solution

The final solution enabled advisors to compare TV prices side by side, while filtering additional attributes to instantly update and refine comparison results.

• Easy comparison between devices
• High comparison of all options
• A scalable option to accommodate future product launches

Configurable Product Cards

Reducing Cognitive Load Through Intentional Design

Developer handover

To ensure seamless implementation, I created comprehensive handover documentation that included:

• Detailed component specifications with exact measurements, spacing, and responsive behaviour
• Interactive states and micro-interactions for all UI elements
• Comprehensive annotation of design tokens (colors, typography, shadows, border radius)
• Dark and high contrast modes
• Edge case scenarios and error states
• Accessibility requirements and ARIA label specifications. Specifically, focus order, image alt text and headings
• Asset exports in multiple formats and resolutions

Developer handover

Impact and Reflection

Impact & Results

The redesigned interface led to a 120% faster task completion time for advisors, allowing them to serve customers more efficiently and handle a greater volume of interactions per day.

The new, layout also reduced training time for new advisors, enabling them to become proficient in the system more quickly and confidently.

As a direct result, the team exceeded quarterly sales targets, generating an additional £300,000 in revenue for Sky following the launch of the new interface.

Reflection

The simplicity of using radio buttons ended up solving a surprisingly tricky problem. I felt quite a bit of pressure on this project; Sky Glass 2 sales sit right at the heart of Sky’s TV business, but the outcome was extremely rewarding.

The Assisted UX/UI team were fantastic throughout, offering valuable feedback on concepts and helping to coordinate advisor testing.

Even outside the office, I found myself dropping into Sky shops to chat with advisors about the new sales interface. Their positive reactions and real-world insights were hugely encouraging. It’s definitely a project I’ll remember fondly for a long time.

Sky Glass Sales Dashboard

Want to work together?