About
Projects
×
Telenet App
Deliverables
  • Wireframes
  • Usability tests and findings
  • High-fidelity mockups and prototypes
  • Lottie animation
  • Design system and UI kit

With the Telenet app, effortlessly check your balance and allowances, view your bills, find support, check your Wifi setup and lots more.

Led the end-to-end Product Design process for multiple features on both iOS and Android.
The Context
Our team at Brilliant Basics worked as a partner building the product in collaboration with Infosys. Our team was based in London and the client and stakeholders were in Brussels, Belgium. By launching on both platforms (iOS & Android) simultaneously at the start, there were many benefits to this approach: including going to market faster, launch to a larger audience, save overall time and cost, and make engineering choices with a holistic view of both platforms.
My Role
Working as a Product Designer within a project team of 13 people, I am in charge of conducting research and facilitating all design decisions made on the project. Working in collaboration with the product owner, I had weekly planning meetings and follow-ups to understand business/user requirements, define priorities, and set product goals.

Using design methods and workshops to reduce complexity and break problems into an easy to use solution. I expanded and improved on the existing UI library that was part of the Telenet design system.
The Agile Process
With the combination of agile workflow and intense collaboration, we were able to deliver new improvements every 2 weeks. We crafted the agile process based on collaboration & rapid prototyping with short feedback loops.
Design Process
It was realised early on that design is a process that needs to follow the product for a whole lifetime. I organised tasks in sprints like developers which was managed on a separate Kanban board. Cooperation with everybody in the team was vital and having the client available and collaborating during the entire iteration made the process faster and more efficient.

1. Understand
By having an understanding of the problem I wish to solve and a user journey of how the users would use the product greatly help prioritize tasks according to the users and business goals.

2. Ideate & Decide
This is all about solving the problem, using a variety of different methods to capture ideas and identifying the best solution.

3. Prototype & Validate
I created low-fi prototypes to iterate and communicate the thought process and strategy to the stakeholders. After validating it, I moved to a well-defined pixel-perfect and polished version of the interface, to be tested with end users.
Telenet Design System
The design system was a key element to streamline the design+dev process, as the product was built with distributed and cross-functional teams. A single source of truth, building bridges and encouraging collaboration.
Seasonal UI
We were briefed by the client to explore opportunities within the Telenet App to add more fun and engagement during the festive period. The first step of our design process was to have a brainstorming workshop with everybody involved in the app.
By including a diverse group of people in the brainstorming, we were able to capture a wide range of different ideas that may not be possible if it was limited to just a few people.

Splash Screen
Early on in the process, we identify the splash screen could be used to create a visually engaging experience. The final animation uses Christmas iconography that is playful and merges effortlessly with the first screen of the app. :

There were 3 objectives that we wanted to achieve with the splash screen:
  1. Offering a seamless transition into the app functionality.
  2. Load the absolute minimum data from the server.
  3. Flexibility to change the creative in the future.

Header
On all primary sections, we decided to change the header background so it was consistent with the new seasonal creative. Each section had a custom illustration that was in line with the Christmas theme however, due to the tight deadline a call was made to leave out the animation.
My Products
The goals of My Products is to show all the different type of bundles a customer can have base on which address they selected. Apart from displaying all the key information it also allowed the customer to discover new bundless, learn about various options, and activating additional options.

Design Explorations
Working closely with the lead UX designer we explored various different ways to simplify the complexity of the various bundles a user may own, which can also be different if they have multiple address.

The carousel design was not favored because users couldn't see all their bundles at-a-glance, a key requirement for the client. There was also concern with having all the bundle information shown together with the overview which looked very overwhelming and confusing.

Final Design
Continuous meetings with the client and constant feedback from the development team led to several iterations of the design before we reached an agreement on the best solution.

We decided using tiles to show each bundle and removing the product information from the overview, if there was more then one bundle, greatly improved the user experience while making it more functional.
Animation & motion design
I wanted to incorporate elegant motion and animation to further guide and educate the user on what is happening, to give context, and to add more delight to the experience. I used Principle and After Effect to document these micro-interactions from which we could then extract values for developers.
Learning & insights
1
Design in agile
Design work is traditionally dealt with in a waterfall manner, so it was challenging to implement design in an agile way. There was a balance that I needed to maintain, to work ahead but not too far ahead and to regulate feedback loops. From research, mapping journeys, and rapidly producing prototypes; knowing when to apply pixel-perfect attention to detail, and when to make low-fi sketches and mockups.
2
Keep it lean, keep them keen
Agile is fast-paced and as the Product Owner had a clear cut roadmap, keeping lean with the design was key to meeting the deadline. Often design can be the first to dilute and de-scope because it is considered less effort and time. I’ve learned to know when to make the compromises, but also help to maintain quality by offering other solutions.
3
Design + Code relationship
Regular catch-ups and getting the opinions of the developers is important in building a designer relationship with the Development teams. A shared mindset early on in the piece can help to prevent designing and building unnecessary components.