MEGAPORT | UX/UI Product design
In my role as a contracted principal UX Designer at Megaport, I led the design process of various experience design projects. This involved conducting empathy mapping workshops and creating personas to guide subsequent UI design. Key responsibilities included wireframing, prototyping, and developing high-fidelity mockups to effectively communicate design concepts. I crafted visually appealing, user-centric interfaces aligned with brand identity and focused on delivering an exceptional user experience. Additionally, I planned and executed interviews, and subsequent stakeholder usability testing, iteratively refining designs based on user feedback. I conducted user research to gain insights into customer needs, behaviours, and pain points, utilising findings to inform design strategies. Collaboration with product managers, developers, and stakeholders ensured that design objectives were achieved within project timelines. I also contributed to the development and upkeep of design systems and style guides to maintain consistency throughout the platform.
See the following projects:
Project 1: Marketplace Re-imagined
Project Brief
The Megaport Marketplace UX redesign project aimed to improve user experience by focusing on the seamless connecting of network ports and optimiSing the signup process. The goal was to create an intuitive interface with user-friendly design elements, clear navigation, and simplified workflows for efficient port configuration. Strategic prompts were part of the user flow and implemented to encourage users to sign up, highlighting the benefits of joining the Megaport Marketplace.
DISCOVER: User Flow Diagram
‘Discovery’ was one of 4 pillars proposed to transform the Megaport Marketplace. Marketplace underwent four iterative phases, each contributing to a refined and user-centric experience. In the initial iteration, the concepts were the foundation for subsequent refinements. Through the second iteration, user feedback and insights were incorporated, enhancing the concept's usability. The third phase saw a comprehensive polishing, addressing intricacies and fine-tuning the user journey. The fourth and final iteration represents the pinnacle of this iterative process, seamlessly intertwining user-friendly discovery with intuitive port connections.
DISCOVERY PILLAR: Wireframes and Interactions
Project 2: MEGAPORT PERSONAS (10)
BARRY: Senior Network Engineer “The Legend”
Facilitating an empathy mapping workshop event with Megaport's internal stakeholders was crucial to gaining a comprehensive understanding of the diverse users of Megaport's products. By workshopping nine significant user personas, we were able to uncover nuanced insights into the needs, pain points, and preferences of each user category. This process not only was a deep dive into empathy within the multi-disciplinary teams of Megaport, but also ensures that Megaport's products were tailored to meet a wide-ranging user base, ultimately enhancing the Megaport User experience. After the 3 hour global workshop, were arrived at 9 user groups.
Project 3: MEGAPORT DESIGN SYSTEM
During my contract period at Megaport, the beginnings of a Digital Design System proved to be instrumental in maintaining a cohesive and consistent design language across all our products. By meticulously crafting and cataloging design components within Figma, we established a centralised hub for our design elements. This not only ensured efficiency in the design workflow but also played a pivotal role in fostering collaboration among team members. The system provided a standardised framework that enabled us to uphold a unified message and brand identity across diverse design projects, contributing significantly to a seamless and recognisable user experience for Megaport's audience.
Project 4: DASHBOARD PORTAL - REDESIGN
Throughout my time at Megaport, numerous conversations, interviews, and meetings provided valuable insights into the prevailing sentiments regarding the current Portal login dashboard. In these interactions, developers, internal stakeholders, and the sales team consistently voiced critiques about the dashboard's information architecture, the visibility of key data, and its overall need for significant UX/UI design improvements. The consensus was clear: there was a shared recognition that the dashboard required focused attention to enhance its user experience and visual design, highlighting an opportunity for impactful improvements in the platform's usability and effectiveness.
The following screens were something I presented as a self-paced initiative to present to stakeholders. This opportunity was met with positive feedback.
PROJECT 5: DESIGN THINKING (DESIGN SPRINT)
4-DAY DESIGN SPRINT
In pursuit of innovative solutions, our team engaged in a focused four-day Design Sprint, strategically structured to maximize efficiency and ensure a user-centric approach.
Day 1: Context Setting, Problem Framing, and Ideation The Design Sprint commenced by establishing context, framing the problem, and fostering ideation. Team collaboration focused on aligning perspectives and cultivating a shared understanding of the challenge.
Day 2: Concept & Hypothesis Creation Building on gathered insights, the team translated ideas into concrete concepts and formulated hypotheses. This structured ideation process laid the groundwork for subsequent prototyping and testing.
Day 3: Wireframes for Testing + Customer Testing Day 3 involved active development of wireframes based on concepts, coupled with direct customer engagement through usability testing sessions. This ensured proposed solutions resonated effectively with end-users.
Day 4: Testing Synthesis and Playback Culminating on Day 4, the team synthesized testing results and orchestrated a comprehensive playback session. Customer feedback was analyzed, insights refined, and the playback served as a platform to showcase the journey, gather stakeholder input, and finalize solutions.