JE logo

MultiChoice

DStv Self Service website redesign

Significant usability issues

The original Self Service website was failing both users and the organisation alike as it suffered from disjointed information architecture, scattered pages and to make things worse the page load times were worryingly high.

By performing an extensive UX audit (qualitative and quantitative research) on the existing website we were able to study and document various behavioural patterns. This ground work provided a solid foundation for what users really wanted thereby paving the way for user centred design.

Summary of findings
  • The African market is incredibly data cost conscious
  • 75% of all visitors are returning visitors
  • 'Pay' and 'Clear error code' are the most popular functions
  • A mobile first approach is paramount
DStv load times
Quantitative insights from Google Analytics, Hotjar heatmaps and website performance insights.

My involvement

Information architecture • Wireframes • UI design • Manage tasks among team members: research gathering (customer habits/trends) & quantitative insights

Content is King

For an effective, user centred website its the Information Architecture (IA) that makes it or breaks it when it comes to the 'findability factor' (the level of ease a user is able to successfully navigate a website). So to keep things as simple as possible the navigation was broken into 4 main categories: Get DStv, Watch, Manage account & Need help.

Get DStv

Packages
  • All Packages
  • DStv Premium
  • DStv Compact Plus
  • DStv Compact
  • DStv Family
  • DStv Access
Decoders
  • All hardware
  • DStv Explora 2
  • DStv Single View HD
  • Wifi connector
Business
  • Hotels
  • Pubs & clubs
  • Offices
  • Restricted viewing

Watch

What's on
  • TV guide
  • Upcoming attractions
  • Featured channels
What to watch
  • DStv Now
  • BoxOffice
  • Showmax
  • SuperSport
  • M-Net
Featured shows
  • Animania
  • fliekNET
  • The Queen
  • Wedding Bashers

Manage account

Pay
  • View amount due
  • Make a payment
  • Payment methods
Account
  • View/manage account
  • Change package
  • Reconnect account
Errors
  • Clear error code
Top stories
  • Latest news
  • DStv Now 4 newbies
  • How to beat 'rain fade'
  • Premium gets Showmax

Need help

FAQs
  • Frequently asked questions
  • 'How to' videos
Installer
  • Find an accredited installer
  • Locate a service centre
Rain fade
NOTE: Rain fade can occur due to weather at reception or signal or at source causing 'rain fade'. You should not experience any problems with your signal if the sky is overcast or if there is drizzle or normal rainfall.
Test early and often

To help convey a concept to numerous stakeholders or to test findability issues with real users, wireframes were employed early and often throughout the design process.

All icons were designed in Adobe Illustrator

Coins Conversation Warning Installer Location Profile Scales Television Up down Wallet
Success through research, iterative design testing and a digital strategy
  • World-class responsive design
  • User centric information architecture
  • Easy to use side-by-side product comparisons
  • Intuitive navigation to relevant information
  • Much lower page load times
  • Overall improved user experience
DStv product page
Self service login