Mauro Micozzi

UX UI Designer and
Front-End Developer

Sky Home Move

Creating a Digital service that keeps Sky’s clients entertained and informed during their transition to a new home

Sky Home Move service

Client

Sky

Field

Telco and media

Agency

Tangity UK

Period

Dic 2022 (2 weeks)

Role

UX UI

Overview

Sky Home Move is a digital service that keeps Sky’s clients entertained and informed during their transition to a new home.

Sky's end-to-end home move capability was limited to voice interactions, resulting in 15K calls weekly, split evenly between booking and managing inquiries. Additionally, over 40% of customers expressed a preference for digital service options.

This project moved at an extremely fast pace. As it was already structured and in progress, I joined the UX/UI team at Tangity UK for 2 weeks to assist in finalizing the designs.

Project statement

The client aimed to bridge the gap between their digital and voice capabilities in assisting customers during their transition to a new home. Implementing a digital service was the solution to enhance the four key success metrics that contribute to the Long Range Plan (LRP) targets:

  • Customer experience
  • Cost to serve
  • Digital growth/containment
  • Customer/product growth

Users

Sky clients seeking to change their address want to ensure that their service remains uninterrupted during the transition.

Touchpoints: website and mobile app (I was working on the mobile app version).

The UX Research team conducted interviews with customers who switched providers as well as those who remained with Sky. Here are the key findings from the research.

Pain points:

  • incredibly busy for the home move and uncertain about what’s involved in transferring broadband during a home move
  • frustrated that new customer deals are better than current deal and annoyed that package cannot be updated

Needs:

  • uninterrupted broadband service, along with simplicity and clear communication throughout the process
  • clear information on what is involved in moving broadband service and how long setup will take in the new home

Responsibilities

As a member of the UX UI team, my responsibilities included:

  • Understanding business requirements, brand guidelines and design system
  • Analyzing outputs from the UX Research team and reviewing the already approved UX flows
  • Creating various UI solutions for the Home Move tracking service process that align with the approved key screens of the service
  • Producing video animations for the main points of the service to be featured on the landing page

Design process

I supported the UX/UI team for 2 weeks, resulting in a streamlined and efficient process. We held quick daily morning catch-ups to keep everyone updated on progress, allowing each team to focus on their tasks.

While developing new UI concept designs, I participated in several meetings with the Creative Director to discuss the concepts and determine which designs would be finalized for the prototype.

Scope and constraints

We needed to create a digital solution for the Sky Home Move service to ensure a smooth and hassle-free transition to a new home for customers.

Participating in a large project like this for a short duration was a significant challenge. I had to process a vast amount of information quickly to effectively support the team.

Additionally, user journeys and several key screens had already been approved by the client, so my work needed to align seamlessly with the existing assets.

Highlights
1 / 5

Understanding the Home Move Hub with focus on the post-booking phase

When I joined the project I went straight into studying what the team has already designed and what was approved in the latest design sprint.

I had to mainly focus on the post-booking phase, where the Home Move Hub provides users with all relevant information and gives them the possibility to check the move progress, edit details and bundles or reschedule the installation of the required service.

The team had already designed the main pages, below here the visuals of the Home Move Hub section.

Sky Home Move Hub reuirements and screens already designed
2 / 5

Restyling the Home Move Hub

The primary task was to enhance the Home Move Hub page by prioritizing key information and optimizing the use of both primary and secondary call-to-action (CTA) elements. The page layout was restructured as follows:

  • First scroll includes an important reminder for the user, with a primary CTA to track the Home Move progress
  • Package and address section displays key details, with a secondary CTA allowing users to make edits if necessary
  • FAQ and support section positioned at the bottom, offering assistance and guidance for common queries.

When designing the page, I accounted for the dynamic nature of the reminder messages in the first scroll, which can vary depending on the proximity to the move date or any technical issues that may arise.

Sky Home Move homepage redesign
Sky Home Move message at 10 days
Sky Home Move message at 2 days
Sky Home Move message at 0 days
Sky Home Move error message
3 / 5

Improving the Home Move tracking with accordion components

I restructured the progress tracking using accordion elements to keep the page concise and easy to navigate. Each accordion represents a step in the installation process, containing relevant information and CTAs. This approach provides users with a clear, streamlined overview of the entire process at a glance.

Sky Home Move tracking process designed with accordion components
4 / 5

Exploring a new solution for the Home Move Hub and progress tracking

After designing the initial solution described earlier, and in alignment with the creative director, I explored an alternative approach for the Home Move Hub and progress tracking.

For the Home Move Hub page, I restructured the layout using card elements. However, this design made the page feel less fluid and misaligned with the brand guidelines.

For the progress tracking, I represented the process steps using a timeline. While this solution was visually appealing, it raised usability concerns. Users had to scroll both horizontally and vertically, making it difficult to get an overview of the entire process. Additionally, it wasn’t clear which step was currently active.

Ultimately, we decided to discard this solution in favor of the accordion approach, as explained earlier.

Sky Home Move tracking solution with timeline component
5 / 5

Designing animations for the Home Move Hub public page

After completing my role as a UX/UI designer, I assisted the UI team in finalizing the Home Move Hub public page by creating vector animations using Adobe After Effects.

These animations were incorporated into a slideshow to illustrate the Home Move process step by step.

Sky Home Move dedicated page design
Check titleCheck animationCheck description
Book titleBook animationBook description
Track titleTrack animationTrack description
Support titleSupport animationSupport description
Results

We successfully finalized the project and delivered an interactive prototype of the Home Move digital service to the client.

I contributed to the team by exploring new solutions for tracking the Home Move process and helping to identify the most effective one.

Ready to take your digital product to new heights?

Schedule your free 30-minute consultation right away!

Google Meet logo

Why reserve your spot now:

  • Receive instant feedback from a design expert with over 10 years of experience

  • Gain access to a network of specialized freelancers I regularly collaborate with

  • Join the consultation online via Google Meet, accessible from any location on your preferred device. Plus, it’s completely free!

Please feel free to contact me anytime

Get in touch