Sky Home Move
Creating a Digital service that keeps Sky’s clients entertained and informed during their transition to a new home
Client
Sky
Field
Telco and media
Agency
Tangity UK
Period
Dic 2022 (2 weeks)
Role
UX UI
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.
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.
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.
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.
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.
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.
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!
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!