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
Icons showing Figma, JKIra and Slack
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
Sky Glass promotional image showing the streaming service interface displayed across three devices - a tablet, laptop, and another tablet - with the Sky Glass logo prominently featured at the top. The devices showcase various content screens including TV shows, sports content with Manchester United branding, device management pages displaying Sky Glass Gen2 and Sky Glass products, and shopping interfaces. The background features a vibrant gradient blend of orange, pink, purple, and blue colors with flowing curved light elements creating a modern, dynamic aesthetic
The problem
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
Simplifying Complexity: A 67% Reduction in User Steps
Designed for scale - the layout system adapts seamlessly as new products launch.
Three progressive iterations of Sky Glass product configuration pages showing responsive design evolution. Each wireframe displays the TV and Devices sections with Sky Glass television options in various sizes (43", 55", 65") and the Sky Stream puck device below. The layouts demonstrate increasing information density from left to right: the first shows basic product cards with simple options, the middle version adds more detailed specifications and filtering options, and the rightmost design presents a more compact multi-column layout with enhanced product details. Each iteration maintains consistent pricing display (ranging from £30-60 monthly) and 'Learn more/Learn more about...' links at the bottom. Product images show the Sky Glass TV displaying colorful gradient screens and the black hexagonal Sky Stream puck device.
tile functionality
Sales tile breakdown
Sky Glass Gen 2 product configuration interface showcasing UX design principles. The form displays a product image of the Sky Glass TV at the top, followed by selectable options for Model (New/Refurbished), Size (Small 43", Medium 55", Large 65"), TV colour (Ink/Atlantic Blue with Arctic Silver option), and Payment options (Pay in full, 24 months, 48 months). The monthly price of £30.00 plus £0.00 upfront is prominently displayed. Six numbered callouts highlight key design features: 1. Clean image with strong brand identity, 2. Clear text header with good contrast, 3. Logical information flow from Model to Payment, 4. Standard radio button UI patterns, 5. Adequate spacing to prevent accidental selections, and 6. Price transparency showing monthly cost and upfront fees clearly.
Developer handover
  • • 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
  • • 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 & 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.
Testimonials
"You have made my life SO much easier with this new Sky Glass interface. It is so much faster and easier to use"
Sky Retail Advisors
Eldon Square Shopping Centre, Newcastle
July 2025