Foremost customer portal
Problem Statement
When joining MCE, a previous designer had created a lot of screens but with inconsistencies. Making updates became difficult. Flows looked different and disjointed with no clear heirachy with colour, text and components creating a bad user experience and frustrating hand off with devs. Designs were also not accesible.
Goals & Objectives
fhsiodfoiozjfod
jiuxufuihfsix
sgouifdufsoidjpo
Approach & Strategy
The devs at MCE were building upon tailwind so the best option for a quick turn around design system was flowbite. I bought the flowbite design system into the MCE team and rebranded the system using MCE core, fonts and brand. We then published the system and started rolling it out across the team onboarding them and keeping them updated with a change log. This was then rolled for use in flows and for use with AI so fast prototyping all looked the same.
Research & Insights
The devs at MCE were building upon tailwind so the best option for a quick turn around design system was flowbite. I bought the flowbite design system into the MCE team and rebranded the system using MCE core, fonts and brand. We then published the system and started rolling it out across the team onboarding them and keeping them updated with a change log. This was then rolled for use in flows and for use with AI so fast prototyping all looked the same.
Journey Mapping
Collaborating with product owners, business analysts, and the Hive call centre, we created user flows to restore heating and identified opportunities to mitigate user frustrations through tone of voice and expectation management.
Wireframing
Collaborating with product owners, business analysts, and the Hive call centre, we created user flows to restore heating and identified opportunities to mitigate user frustrations through tone of voice and expectation management.
Final Designs
The devs at MCE were building upon tailwind so the best option for a quick turn around design system was flowbite. I bought the flowbite design system into the MCE team and rebranded the system using MCE core, fonts and brand. We then published the system and started rolling it out across the team onboarding them and keeping them updated with a change log. This was then rolled for use in flows and for use with AI so fast prototyping all looked the same.
Testing & Iteration
The devs at MCE were building upon tailwind so the best option for a quick turn around design system was flowbite. I bought the flowbite design system into the MCE team and rebranded the system using MCE core, fonts and brand. We then published the system and started rolling it out across the team onboarding them and keeping them updated with a change log. This was then rolled for use in flows and for use with AI so fast prototyping all looked the same.
Metrics & Outcomes
To address these challenges, we will implement a comprehensive project management overhaul. We'll introduce a task assignment system, enhance communication channels.
+5%
Awards
+40%
Investments
+2%
Users