Research: Stakeholder Interviews
Prior to starting any design work, we conducted informal interviews with the CEO and marketing director of Digicel Play in order to get a firm understanding of their expectations and the business needs of the website.
From the interviews, we understood that the website needed to be educational and interactive in order to create a personalized customer service experience. It also needed to showcase Digicel Play's products and services in innovative ways without being intimidating, complicated or slow.
Research: Comparative Analysis
We conducted a comparative analysis in order to get a sense of the user experience of related websites. We compared roku.com, sky.com, and vizio.com, specifically in relation to the use of interaction patterns and how they structured content.
Websites reviewed as part of the comparative analysis
Research: Personas
Personas were created to ensure that the user was kept at the forefront of the design process. We created personas based on existing users of the Digicel brand itself and also based on information given to us by stakeholders about the target demographic.
1 of 3 personas created
Strategy: Sitemap
Based on the business needs and the findings from our comparative analysis, we were able to determine the website's overall navigational structure.
Digicel Play sitemap
As Digicel Play is a part of Digicel Group of Companies, the footer of the website was reserved for directing users to external websites under the Digicel umbrella.
Design: Wireframes
Several iterations of wireframes were created based on comparative analysis findings, business needs, user needs, and feedback from stakeholders.
A few of the wireframes created for Digicel Play
After each iteration, I created a clickable version of the wireframes using inVision in order to demonstrate and test the user flow with both stakeholders and users.
Design: Visual Treatment
After the wireframes were approved, we created the final look and feel of the website through typography, colour, content creation, and a variety of other graphical elements.
Digicel Play homepage
We designed the “Bundle & Save” page to allow users to easily compare and select from the various plans offered by Digicel Play.
Bundle & Save page
We designed a responsive site that would be easily viewable across Desktop, Mobile, and Tablet.
Digicel Play homepage on tablet & mobile
We designed the plan pages in such a way that users would be able to quickly digest information on the various plans offered by Digicel Play.
Digicel Play tv plans page on a desktop monitor
