Highlighted Projects
Other Projects
Nexus Issue Management Platform
Project Scope
The Intellica project focused on developing a comprehensive support and communication platform tailored for internal team collaboration, troubleshooting, and knowledge management. The platform’s key components included an intuitive discussion board, a robust ticketing system, an informative wiki section, easy-to-manage surveys, and streamlined user management. The scope aimed to consolidate communication channels, enable efficient bug tracking, centralise knowledge sharing, facilitate user feedback, and improve internal administrative workflows.
Design Process
The design process commenced with stakeholder interviews and user research to identify specific pain points and requirements. Detailed personas and user journeys were created, highlighting scenarios around posting feedback, submitting bug reports, viewing and managing tickets, accessing informative resources, and administrating surveys and users. The initial wireframes laid the structural foundation, and interactive prototypes were developed for usability testing. Iterations based on continuous user feedback refined the platform, resulting in a minimalist and highly functional UI, ensuring simplicity in navigation and clarity of interactions. Visual emphasis on clarity and readability was maintained consistently throughout the platform, incorporating subtle brand elements to reinforce corporate identity.
Results
The completed platform significantly improved the workflow and efficiency within the organisation. The integrated discussion board allowed clear categorisation of communication, effectively reducing internal email traffic. The ticketing system streamlined issue reporting and resolution processes, contributing to a measurable reduction in response and resolution times. The centralised Wiki became a valuable knowledge repository, enhancing team onboarding and operational consistency. Administering surveys became simpler and more effective, leading to higher completion rates and more accurate insights into employee satisfaction and feedback. Overall, the platform improved operational transparency, communication effectiveness, and knowledge management, positively impacting team productivity and satisfaction.
Nexus SIM Card Inventroy Management Platform
Project Scope
The Intellica SIM Inventory platform was designed to streamline operations related to customer management, site inventory, contract processing, and network performance tracking. Specifically, the project aimed to simplify the processes of customer onboarding, site management, site survey data entry, customer searches, customer site detail tracking, contract creation, and processing. Additionally, the system was designed to provide a comprehensive, intuitive solution for managing SIM inventory data and contract logistics efficiently, enhancing operational productivity across the enterprise.
Design Process
The project began with a thorough analysis of user needs through stakeholder interviews, workflow mapping, and identifying pain points related to manual or fragmented processes. User personas were developed to represent key roles involved, such as customer service teams, field technicians, and supply chain administrators. This helped clarify the requirements and guide interface decisions. The UX/UI design phase focused on creating clear, straightforward interactions to ensure efficient data entry and retrieval. Wireframes were developed to visualise user journeys, leading to iterative prototyping and usability testing sessions. Each iteration refined the UI, emphasising ease-of-use, accessibility, and workflow efficiency. The minimalist design reinforced clarity and enabled quick onboarding for new users.
Results
Upon completion, the Intellica SIM Inventory platform significantly enhanced operational efficiency by reducing manual data entry errors and accelerating information retrieval processes. Customer onboarding became streamlined and intuitive, resulting in reduced setup times and improved accuracy. Site data, including detailed survey results, became centrally accessible, improving decision-making processes and site management. The integrated customer search and detail view functionality simplified customer data management, increasing productivity among customer-facing teams. Moreover, creating and processing contracts became more structured and error-proof, substantially improving operational workflows. Overall, the new platform increased transparency, improved operational coordination, and boosted overall productivity and data accuracy within the organisation.
Bromcom Design System
Project Scope
This project focused on the development of a unified design system for Bromcom Computers plc, cloud-based Management Information Systems (MIS) and finance software for schools, colleges, local authorities, and multi-academy trusts. As the Lead UX/UI Designer, I was responsible for driving the design strategy, tool selection, and implementation. The goal was to create a comprehensive design system to improve efficiency, reduce inconsistencies across platforms, and enhance collaboration between designers and developers.
Design Process
The process began with a detailed analysis of the existing product ecosystem through competitive research, internal audits, and stakeholder interviews. These investigations highlighted several challenges, including inconsistent UI components, redundant development efforts, and the lack of shared documentation. Based on these findings, we set out to design a centralised, scalable, and reusable system rooted in atomic design principles.
We audited existing screens and defined core UI elements, focusing on buttons, input fields, form components, layout grids, and visual language. Moodboards were created to align the design direction with brand identity and competitor insights. A comprehensive component library was developed in Figma and Sketch, with consistent styling for typography, colour schemes, spacing, and iconography. Storybook was integrated to provide interactive documentation, ensuring developers could access and implement the components effectively. Throughout the project, I collaborated closely with the development team to ensure the system remained practical and usable across engineering environments.
Results
The new design system had a measurable impact on both design and development processes. Development time was significantly reduced, as teams could now reuse components rather than build them from scratch. Visual consistency across the product suite improved, as confirmed by post-launch audits. Developers reported higher satisfaction with the process due to the availability of well-documented, pre-built components. Ultimately, the system enabled more cohesive product experiences and strengthened the design-development workflow across Bromcom’s digital platforms.
CoolSculpting Website Proposal
Project Scope
The objective of this project was to redesign the CoolSculpting® website to better communicate the brand’s value proposition, educate users about the treatment, and drive higher engagement and conversion. CoolSculpting® is a leading non-invasive fat reduction treatment, and the website serves as both a marketing and educational platform targeting individuals seeking body contouring solutions. The updated design aimed to deliver a more emotionally resonant experience, clearly explain treatment options and results, and support key business goals such as clinic locator usage and newsletter sign-ups.
Design Process
The redesign process began with a deep analysis of the brand, competitor landscape, and target user behaviours. Through stakeholder workshops and user journey mapping, we identified critical pain points, such as information overload, inconsistent visual tone, and low interaction with call-to-action areas. I led the UX/UI strategy, starting with wireframes that prioritised storytelling, visual proof, and simplified navigation. We introduced new content modules including patient testimonials, animated before-and-after comparisons, and clearer CTAs to explore treatments or locate a clinic. The visual direction shifted to a more vibrant and confident tone, with a colour palette and photography that reinforced body positivity and clinical trust. All components were designed responsively and optimised for SEO and conversion metrics.
We audited existing screens and defined core UI elements, focusing on buttons, input fields, form components, layout grids, and visual language. Moodboards were created to align the design direction with brand identity and competitor insights. A comprehensive component library was developed in Figma and Sketch, with consistent styling for typography, colour schemes, spacing, and iconography. Storybook was integrated to provide interactive documentation, ensuring developers could access and implement the components effectively. Throughout the project, I collaborated closely with the development team to ensure the system remained practical and usable across engineering environments.
Results
The redesigned website successfully aligned the brand's messaging with user expectations, creating a smoother and more persuasive user journey. For improving engagement metrics “Find a Clinic” section was a remarkable addition. The new design also provided greater clarity around treatment benefits. New design had more approachable tone, modern aesthetic, and clearer navigation and potential for enhancing the overall experience.
Juvederm Website Proposal
Project Scope
The project aimed to redesign the Juvederm website, focusing on enhancing user engagement through personalised content, clear navigation, and visually compelling storytelling. The scope included developing responsive designs for desktop and mobile interfaces, creating wireframes and high-fidelity visual designs, and establishing user flows that facilitate smooth user interactions across various sections of the website. Essential components included the homepage, treatment overview, patient stories, and clinic locator functionalities.
Design Process
The design process commenced with extensive research, analysing existing user feedback and industry best practices. It proceeded with sitemap and wireframe development to structure clear user journeys, ensuring users could effortlessly navigate from awareness and discovery through to booking a consultation. The iterative design phase involved creating interactive prototypes and conducting usability tests to validate assumptions and refine interactions. Visual design followed, focusing on elegant typography, high-quality imagery, and a calming colour palette consistent with the Juvederm brand identity. Emphasis was placed on clear CTAs and engaging storytelling through real patient experiences.
Results
The redesigned Juvederm website successfully delivered an intuitive, visually appealing user experience that effectively communicated brand values and educational content. Enhanced storytelling features significantly increased user engagement, while the simplified navigation and prominently placed clinic locator drove higher consultation bookings. The responsive design ensured seamless access across desktop and mobile, leading to improved user satisfaction and increased interaction rates. Overall, the website redesign effectively positioned Juvederm as a trustworthy leader in aesthetics treatments.
Cyber Security E-Learning Platform
Project Scope
The Cyberheads Cyber Security E-Learning Platform was designed to address the challenge of low learner engagement in certification-based cybersecurity education. The platform supports career paths such as SOC Analyst and Security Engineer, incorporating gamified learning to boost motivation, improve retention, and guide learners through complex security concepts. It offers structured modules mapped to industry-recognised certifications (e.g., CompTIA Security+, Microsoft SC200), enhanced by progress tracking, badges, leaderboards, and hands-on virtual labs simulating real-life cyber incidents.
Design Process
As Lead UX/UI Designer, I led the end-to-end design process using tools such as Figma, and Miro. Research included user interviews, surveys, and competitive analysis to uncover friction points in traditional cybersecurity training. We identified the need for higher interactivity, real-world applicability, and consistent feedback loops. Low-fidelity wireframes mapped the full learner journey, while high-fidelity prototypes focused on seamless integration of gamification elements into learning flows.
Key design solutions included a modular course interface with embedded challenges, a dynamic leaderboard system, and real-time feedback mechanisms. Azure Sentinel–based learning paths were also incorporated to simulate live incident response scenarios—bridging theoretical learning with practical, industry-relevant applications. Usability tests helped validate navigation logic, motivational triggers, and the clarity of progress indicators across learner types.
Results
Currently in MVP development, the platform presents a deeply considered and scalable approach to cybersecurity education. The design goes beyond surface-level gamification by embedding motivational mechanics into core learning flows—ensuring that badges, levels, and achievements support learner progression rather than distract from it. Azure Sentinel integration is a defining feature, allowing users to simulate investigations, analyse alerts, and navigate SOC workflows within a safe, guided environment. This connection not only enhances practical learning but also builds readiness for real-world analyst roles. The system architecture supports personalisation, collaboration, and adaptive feedback loops, transforming passive course consumption into an active, goal-oriented experience. The proposed solution balances depth, usability, and educational rigour—positioning Cyberheads as a next-generation learning platform for cybersecurity professionals.
Multiple Myeloma Awareness Platform
Project Scope
This project aimed to design an educational awareness platform for individuals affected by multiple myeloma. The objective was to inform patients, caregivers, and their families about the disease, treatment options, research developments, and available support. The tone of the platform was intended to be human, inclusive, and reassuring—presenting complex medical information in an accessible, empathetic, and visually engaging way. A key theme of the platform was “FaMMily,” highlighting togetherness and strength through community. The platform needed to function as both an educational resource and an emotional support tool.
Design Process
The design journey began with a content audit and stakeholder workshops to define the platform’s purpose, audience needs, and tone of voice. We crafted a warm, person-first design language that balances clinical accuracy with emotional comfort. Visual design featured a bold and cohesive colour system anchored in bright oranges and soft blues, chosen to promote positivity while maintaining contrast and clarity for accessibility. We structured the content architecture to follow a natural learning progression—starting with an introduction to the disease, followed by symptoms, diagnostic processes, treatment pathways, and ongoing research. Photography played a major role in creating connection and empathy; we cast a diverse group of individuals to reflect the community spirit. Each section used modular layouts with expandable content, simplified medical diagrams, and integrated CTAs to guide users through the site without cognitive overload. Particular focus was given to making the interface usable for older adults or those with limited digital experience. The platform was designed responsively to accommodate mobile-first usage, ensuring accessibility across devices.
Results
Still in the awareness and testing phase, the platform demonstrates a high degree of design maturity through its careful balance of medical depth, visual clarity, and emotional resonance. Feedback from patient advocacy groups and internal stakeholders highlighted that the platform successfully destigmatises the condition and promotes a sense of belonging and support. The modular structure and plain-language approach help make complex topics approachable without oversimplification. Early engagement metrics, such as time on page and exploration depth, suggest that users are interacting meaningfully with educational content and navigating between sections confidently. While the full impact will be assessed post-launch, the design already serves as a model for how pharmaceutical and healthcare communication can be made more human, inclusive, and effective.
SCOUT App
Project Scope
The project involved the creation of an intuitive and engaging mobile application designed specifically for photographers, photography enthusiasts, and location scouts. The app aimed to simplify the processes of location scouting, photography planning, photoshoot realisation, and social interaction around photographic content. Core functionalities included real-time location searching, user-generated content feeds, detailed photo tagging, user profiles, feedback collection, and interactive map features. The overarching objective was to provide a seamless and immersive experience that supports users in discovering, sharing, and exploring photography locations and related content.
Design Process
The project began with comprehensive research, including competitor analysis and user interviews to understand the pain points and requirements of the target audience. Initial insights highlighted the necessity for a visually appealing, intuitive navigation structure, efficient location-based searching capabilities, and robust social interaction features. Based on these insights, the team proceeded to create low-fidelity wireframes to outline the user flows clearly. These were subsequently developed into high-fidelity prototypes using Figma, focusing heavily on the visual and interactive elements that enhance user engagement. Usability tests conducted through interactive prototypes on platforms such as InVision and UserTesting provided invaluable user feedback, enabling iterative refinements to enhance clarity, simplicity, and responsiveness of the user interface.
The user interface design emphasised clean, aesthetically pleasing visuals, incorporating vibrant and intuitive iconography and imagery. A warm and inviting colour palette was chosen to appeal directly to the artistic sensibilities of the target audience. Special attention was dedicated to designing features such as live content feeds, detailed photo pages, and interactive map layers that effectively utilise space while remaining clear and navigable.
Results
The MVP received highly positive feedback from potential users, who praised its intuitive design and engaging user experience. Users found that the clearly structured interface significantly simplified their photography planning and location scouting activities. The interactive map, advanced search functionalities, and detailed content tagging has a clear portential for improving the user experience by allowing rapid and precise content discovery and interaction. Additionally, the robust social features such as profile customisation, user following, and interactive live feeds fostered community atmosphere within the app. Application development continues by the stakeholder feedbacks and user testing activities.
Meal Order App
Project Scope
The E-Meal.Me project aimed to introduce a competitive mobile application for online food ordering and delivery within London's dynamic food delivery market. Recognising the significant growth potential, the project included comprehensive market research, interviews with potential restaurant partners and end users, and creation of an application available on iOS and Android. The application focused on custom filters to allow users to quickly and effectively find preferred meals based on geo-location, cuisine preferences, ratings, reviews, and special offers.
Design Process
The design process began with stakeholder interviews and extensive user research, capturing insights from customers, restaurant staff, and existing delivery service providers. After defining clear user journeys and identifying user pain points, initial sketches and wireframes were created, focusing on simplifying the ordering experience. High-fidelity UI designs were then developed into interactive prototypes used for user testing and iterative refinements. Emphasis was placed on streamlining the user interface, providing intuitive navigation, and presenting clear and accessible meal options.
Results
The outcome was a highly functional and visually appealing MVP prototype for E-Meal.Me, which offered an optimised user experience through personalised meal suggestions and simplified ordering processes. Although it did not radically alter existing food ordering paradigms, the application's consistent design and usability improvements effectively differentiated it from competitors. Feedback from prototype testing confirmed its ease of use, helping to position E-Meal.Me favourably for future market entry and further development phases, including integration of payment systems and expanded management scenarios.
Property Valuation & Due Diligence Platform Proposal
Project Scope
The goal of the Cushman & Wakefield Property Valuation & Due Diligence Platform was to centralise fragmented property assessment workflows into a unified digital experience for real estate professionals. The platform integrates data from public records—such as property tax history, ownership details, and sales information—and enhances decision-making through visual tools for geographic and contextual analysis. It was also designed to support collaborative workflows between stakeholders, including agents, appraisers, and legal advisors, with the ability to generate customised reports suited to their individual roles.
Design Process
As the Lead UX/UI Designer, I led the process using Figma, Sketch, InVision, and UserTesting. The project began with user research that revealed several key challenges: siloed data sources, inefficient stakeholder collaboration, and the need for tailored reporting. I translated these findings into initial wireframes, progressively iterating them into high-fidelity prototypes. The design focused on intuitive navigation, minimal visual clutter, and clarity of data presentation. Features included centralised data integration, collaborative workspaces with role-based access, and a flexible reporting engine. Usability testing with target users helped refine functionality and confirm that critical workflows could be completed efficiently and with minimal friction.
Results
Although the platform was not implemented, the proposal offered a robust, user-centred solution to unify Cushman & Wakefield’s fragmented valuation workflows. The design demonstrated a deep understanding of the needs of legal, financial, and property professionals, bringing clarity to complex tasks through data integration, role-based collaboration tools, and modular reporting features. The solution was praised internally for its strategic vision and scalability—combining clean UI with smart visual tools to support informed decision-making across teams.
Adaptive Data Dashboard App
Project Scope
This project focused on designing a performance analytics dashboard for Adaptive Curriculum, a digital education platform that supports student-centred learning. The aim was to provide teachers with a tablet-optimised tool to monitor student progress across subjects and lessons in real time. The dashboard needed to visualise key metrics such as proficiency, readiness, engagement, and assignment performance—helping educators make quick, informed decisions within and beyond the classroom setting.
Design Process
As the lead product designer, I was responsible for defining the UX strategy and crafting the full UI for the Adaptive Curriculum dashboard. The dashboard was intended to serve both high-level overviews and detailed insights. Teachers could track overall class performance while also drilling down into individual student journeys. The interface needed to be intuitive and data-rich, offering meaningful feedback through clear visual cues. My goal was to turn complex educational data into actionable insights using thoughtful design systems, while ensuring accessibility and ease of use on tablet devices.
Results
The dashboard was met with strong approval during testing and early rollout. Teachers found the interface intuitive, and the visual data breakdowns helped them immediately identify who needed intervention and where. The “proficiency over time” and “engagement tracking” features proved especially useful for monitoring student effort and assigning personalised learning paths. Overall, the design significantly improved the efficiency of classroom planning and supported more targeted instruction. The modular structure also allowed the dashboard to scale across subjects and accommodate future data streams with minimal rework.
Ebook Prototype for Biology App
Project Scope
This project was developed as an interactive e-book prototype for the subject of Biology, aimed at secondary and high school students, undergraduate learners, and biology educators. The goal was to transform traditional biology textbooks into an engaging, tablet-based digital experience. With more than six units and over 20 chapters, the e-book was designed to cover a wide range of core biology topics such as cellular energetics, evolution, ecology, heredity, and molecular biology. The product was envisioned as a modern learning companion, blending structured content with interactive learning objects, multimedia elements, and user-friendly navigation, specifically optimised for iPad.
Design Process
My role as the product designer was to lead the overall UX and UI design strategy. The process began with a comprehensive analysis of existing e-book platforms, educational apps, and digital content tools in the market. We reviewed the strengths and limitations of existing solutions, identifying areas for innovation. From there, I developed a content structure that supported modular learning units, where each topic was supported with animations, diagrams, interactive experiments, and glossary integration. I designed wireframes and visual mockups focusing on clarity, interactivity, and accessibility. Interactive elements such as simulations, drag-and-drop exercises, layered illustrations, and video explanations were integrated to reinforce learning through exploration. I also worked closely with subject matter experts to ensure scientific accuracy, aligning all visuals and learning paths with national curriculum standards.
Results
The final prototype introduced a fresh approach to digital science learning. Students could interact with biological concepts such as photosynthesis and cell structure in a tactile, visually rich environment. Teachers found the app particularly useful for classroom projection and one-on-one student sessions. Feedback from pilot users showed improved comprehension and retention, especially in chapters where interactive animations replaced static diagrams. The product was well-received by the target educational publishers, validating the concept’s potential in the digital textbook market. The modular framework also ensured that the platform could be easily expanded into other scientific disciplines or used for multi-language deployment in the future.
Chromebook Onboarding App
Project Scope
The goal of this project was to design an intuitive onboarding experience for new Chromebook users, especially those unfamiliar with Chrome OS or cloud-based ecosystems. The aim was to reduce setup friction, increase early engagement, and introduce key Chromebook features through a guided, virtual walkthrough. The onboarding was presented in an interactive 3D room, allowing users to explore their new device in context and access hotspot-driven content for specific features like keyboard shortcuts, cloud apps, and touchpad navigation.
Design Process
The onboarding design was informed by a combination of user interviews, surveys, and competitive analysis. Research showed that first-time users often struggled with gestures, built-in Google services, and understanding the device’s cloud-native structure. Wireframes were developed to outline a step-by-step journey that prioritised clarity and minimal cognitive load. These were translated into high-fidelity prototypes in Figma and tested iteratively through remote usability sessions.
We introduced a warm welcome screen to build confidence from the start, followed by modular guidance cards and contextual pop-ups that appear as users explore the virtual room. Key Chromebook features—such as taking screenshots, using the touchpad, or switching between apps—were explained through short videos and image overlays. The visual design adhered to Google’s Material Design language with soft animations and clean typography to ensure accessibility and consistency across devices.
Results
Still in early deployment, the onboarding experience has demonstrated strong design depth through its contextual interactivity and user-centric approach. Usability testing revealed that users found the environment engaging and the instructions easy to follow, especially those with limited technical experience. Initial results indicate increased engagement with built-in applications and reduced time to complete setup tasks. The use of embedded videos, hotspot content, and gesture-based navigation enabled a more immersive and effective learning process. Post-onboarding surveys reported higher user satisfaction, and participants noted they felt more confident navigating their Chromebook after completing the guided experience. The solution not only shortened the time-to-competency but also set a new standard for product education through spatial storytelling and interaction design.
Speed Reading App
Project Scope
Speed Reading App created an engaging and accessible digital speed-reading training platform designed to significantly improve users' reading speeds without compromising comprehension. Targeted at professionals, students, and general readers who face time constraints, the application had to cater to various devices, ensuring compatibility across desktops, tablets, and smartphones. Key objectives included intuitive user experiences, adaptive content pacing, engaging visual storytelling, and measurable progress tracking to enhance user retention and motivation.
Design Process
The design process began with thorough user research to understand the pain points and goals of individuals struggling with slow reading and limited comprehension. From these insights, user personas and scenarios were developed, providing clarity about target users. Wireframes and initial sketches were created to outline user interactions and key functionalities. Subsequently, iterative prototyping and usability testing phases refined the user interface, ensuring it was visually appealing and easy to navigate. Animated illustrations and visual storytelling were integral parts of the design approach, enhancing engagement and simplifying complex concepts related to reading techniques. A cohesive design language employing vibrant colours and illustrative graphics was maintained across all touchpoints, emphasising clarity and ease of use.
Results
The resulting platform successfully transformed the concept of speed reading into an interactive and enjoyable learning experience. Users reported significant improvements, with many achieving a reading speed of up to 800 words per minute without losing comprehension. The engaging animated illustrations and intuitive UI substantially increased user motivation, satisfaction, and retention rates. The cross-platform compatibility allowed users to seamlessly transition between devices, effectively integrating speed reading into their daily routines. Positive feedback particularly highlighted the effectiveness of real-time performance tracking and adaptive learning methods, positioning the platform as an essential tool for busy readers seeking to enhance their productivity and information processing capabilities.
iTrack IOT App
Project Scope
The iTrack Heavy Duty Truck Tire IoT Application, developed specifically for Bridgestone, focused on providing fleet managers and truck drivers with a powerful yet user-friendly digital tool to monitor tyre pressure and temperature data in real-time. The goal was to proactively address safety risks, optimise fleet performance, and significantly reduce vehicle downtime and maintenance expenses through continuous IoT-driven tyre monitoring. The scope included real-time sensor integration, intuitive data visualisation, automated alerts, and comprehensive historical reporting, all accessible through mobile and tablet devices.
Design Process
Collaborating closely with Bridgestone stakeholders, the design process began with extensive user research sessions, including interviews and workshops involving truck drivers and fleet managers. These sessions highlighted the necessity for quick access to real-time tyre data and immediate notifications of abnormal conditions. Based on these insights, low-fidelity wireframes were developed to define the core workflows and interactions clearly. These wireframes evolved into high-fidelity, interactive prototypes built in Figma and Sketch, and validated through multiple rounds of usability testing facilitated by InVision and UserTesting. The interface adopted a clear, minimalist design language, employing intuitive colour coding—green, yellow, and red—to instantly convey tyre health status, aligning with Bridgestone's emphasis on user-centric safety solutions.
National Park App
Project Scope
"Learning Math at National Park" is a game-based educational solution designed for first-grade primary school students, offering an immersive learning experience within a lively, engaging virtual national park environment. Students interact with various animated characters who assign tasks and provide guidance, thereby combining entertainment with mathematics education. The project aimed to create an appealing, interactive, and supportive platform that catered to different learning styles and enhanced students' understanding of mathematical concepts through play.
Design Process
The design journey commenced with an extensive competitive analysis, assessing similar products and identifying their strengths and weaknesses. Parallelly, the team explored theoretical frameworks of gamification and game-based learning to strategically position our product within this spectrum. The process involved developing a captivating game narrative enriched with interactive scenarios and tasks aligned with educational objectives. Significant effort was dedicated to creating a visually attractive and cohesive aesthetic, involving mood boards, sketches, and iterative designs for characters, settings, and user interfaces. We incorporated vibrant colours, dynamic animations, engaging dialogues, and sound effects to facilitate diverse learning modalities.
Results
The project's outcome was a comprehensive MVP demonstrating a compelling fusion of educational content and interactive gameplay tailored for young learners. Initial feedback from concept testing and stakeholder interviews was overwhelmingly positive, highlighting the product’s visual appeal, engaging narrative, and effective integration of educational elements within a playful context. Although the MVP was not fully launched due to curricular changes, its concept validation signified strong potential for fostering an enjoyable and impactful mathematics learning experience for primary school students.
Vehicle Tracking App
Project Scope
This truck tracking mobile application project began with a comprehensive scope definition, identifying key functionalities crucial for efficient fleet management. The core objective was to provide real-time vehicle tracking, historical data analysis, and immediate alerts, alongside features for monitoring vehicle status and geofence management. The design process was iterative, commencing with wireframing and low-fidelity prototypes to establish the basic layout and user flow. This initial phase focused on intuitive navigation, ensuring that users could easily access tracking information, vehicle details, and alert notifications. User feedback was incorporated at each stage, leading to refinements in the interface and overall experience.
Design Process
Following the wireframing, high-fidelity mockups were developed, bringing the visual design to life with attention to color schemes, typography, and iconography. The aesthetic aimed for a clean, modern, and professional appearance, consistent with the serious nature of fleet management. Specific attention was paid to the map interface, making vehicle locations and geofence boundaries clear and easily discernible. The integration of video playback for vehicle events and alerts was a significant design consideration, requiring a user-friendly way to access and review recorded footage.
Results
This truck tracking mobile application project began with a comprehensive scope definition, identifying key functionalities crucial for efficient fleet management. The core objective was to provide real-time vehicle tracking, historical data analysis, and immediate alerts, alongside features for monitoring vehicle status and geofence management. The design process was iterative, commencing with wireframing and low-fidelity prototypes to establish the basic layout and user flow. This initial phase focused on intuitive navigation, ensuring that users could easily access tracking information, vehicle details, and alert notifications. User feedback was incorporated at each stage, leading to refinements in the interface and overall experience. Following the wireframing, high-fidelity mockups were developed, bringing the visual design to life with attention to color schemes, typography, and iconography. The aesthetic aimed for a clean, modern, and professional appearance, consistent with the serious nature of fleet management. Specific attention was paid to the map interface, making vehicle locations and geofence boundaries clear and easily discernible. The integration of video playback for vehicle events and alerts was a significant design consideration, requiring a user-friendly way to access and review recorded footage. The project's results manifest in a robust and user-centric mobile application. The "Tracking" feature offers an interactive map displaying live vehicle positions, allowing users to select a vehicle and view its current information. The "Vehicle" section provides detailed insights into individual trucks, including the ability to remotely control the starter and ignition, and access recorded videos from within the vehicle. The "Geofence" functionality enables administrators to define geographical boundaries and receive notifications when vehicles enter or exit these areas, with a clear visual representation of geofences on the map. The "Alerts" section provides a centralized hub for all notifications, categorized by active and passive events, and allows for filtering by group, asset type, alert type, and data range. Furthermore, the application includes a "Vehicle History" feature, allowing users to retrieve past tracking data for specific vehicles within a defined date range. The intuitive menu system, accessible through a hamburger icon, provides quick access to all major features, and the user profile is prominently displayed. The overall outcome is a comprehensive, efficient, and visually appealing solution for managing and monitoring a fleet of trucks.
Weighbridge Waste Management App
Project Scope
The SIMS Weighbridge Waste Management Application project was initiated with a clear objective: to revolutionize waste management operations by automating and streamlining processes at weighbridges. The project's scope encompassed integrating real-time data collection from physical weighbridges, enabling comprehensive vehicle tracking, and ensuring strict regulatory compliance. Key functionalities included automated generation of weighbridge tickets, customizable data fields for operational needs, and the ability to generate various reports for billing and invoicing. A critical requirement was also to support remote access via mobile and tablet devices, with robust offline functionality to ensure uninterrupted operations in the field.
Design Process
The design process for the SIMS Weighbridge platform adopted a user-centered approach, beginning with extensive user research. This involved conducting user interviews, surveys, and detailed task analyses to identify core pain points in existing manual processes, such as frequent data entry errors, the absence of real-time reporting for decision-making, and significant challenges in managing compliance. These insights directly informed the design of a system that prioritized automation and real-time data integration. Following this, low-fidelity wireframes were developed to map the entire user journey, focusing on seamless integration between the physical weighbridge and the digital data collection system. This early prototyping phase ensured a logical flow and intuitive navigation. High-fidelity prototypes then brought the visual design to life, emphasizing a clean and minimalistic interface with strong visual indicators to facilitate quick identification of issues. The UI was specifically optimized for field workers, featuring large touch targets and simplified navigation for mobile and tablet devices, and incorporating offline capabilities to sync data once an internet connection was restored.
Results
The results of the SIMS Weighbridge Waste Management Platform project have been profoundly impactful. The implementation has significantly increased operational efficiency by drastically reducing manual data entry errors, leading to improved accuracy across all waste management operations. The platform now facilitates faster report generation, empowering quicker and more informed decision-making for stakeholders. User satisfaction has seen a notable improvement, with positive feedback consistently received regarding the platform's ease of use and its real-time capabilities. The project successfully highlighted the critical significance of real-time data integration in modern waste management. Beyond these immediate benefits, the platform provides advanced data analysis tools through visual representations, offers highly customizable reporting to meet specific business needs, and enforces role-based access control for enhanced security and accountability. Furthermore, its seamless integration with existing ERP and CRM systems and its scalable architecture ensure it can accommodate operations of any size, with real-time alerts keeping users informed of critical events for swift responses.
Singletons Micro Community Platform
Project Scope
The project "Singleton" was conceived as an online social platform specifically designed for young professionals within Generations Y and Z, aged 18-35, who reside in the same residential areas. The primary scope of this project was to establish a robust community connection solution, addressing the evolving nature of social interactions, particularly in the wake of global crises that have redefined traditional social engagement. The platform aimed to facilitate local connections, enable users to find interest groups, and encourage interaction and mutual assistance among neighbors.
Design Process
The design process for Singleton was meticulously structured into three distinct phases. The initial phase, User Research, delved into understanding the unique socialization preferences and digital behaviors of the target demographic. Key findings revealed that Millennials, constant social media users, favor digital communication, while Gen Z, being digital natives, communicate through images and short texts but also value face-to-face interactions. This research culminated in the creation of three detailed user personas and a compelling storyboard, illustrating the real-world problem Singleton aimed to solve: the challenge of discovering local events, interest groups, and connecting with neighbors on existing, often cumbersome, platforms. The second phase, Ideation, involved extensive brainstorming to conceptualize the platform's core functionalities. Based on the established persona goals, a comprehensive user flow was developed, outlining key tasks such as account creation, searching for and joining interest groups, checking posts, and connecting with other members. This led to the creation of a detailed information architecture, mapping out the navigation, functions, and interrelations between various screens. The final phase, Prototyping, translated these ideas into tangible examples. Low-fidelity prototypes were first developed to define the layout and navigation, with a crucial focus on ensuring user residence verification through a secure proof-of-address system. This phase then progressed to the creation of high-fidelity prototypes for all essential screens, including the Landing Page, Home/News Feed, Calendar, Events, Groups, and User Profile pages, showcasing the platform's visual style and user interface.
Results
The culmination of this project is a set of high-fidelity prototypes that visually represent the Singleton platform, providing a tangible solution for young professionals seeking to establish meaningful social connections within their immediate communities. The platform successfully addresses the documented challenges faced by the target demographic in fostering local community engagement, offering a dedicated space for them to find interest groups, meet new people, and engage in mutual support with their neighbors, thereby fulfilling the project's core objective of redefining local social interaction.
Snappie Chatbot App
Project Scope
Project Scope: Snappie - Personalized Postcards
The Snappie project aimed to develop a mobile application that enables users to create and send personalized physical postcards to their loved ones using their own pictures and custom messages. The core functionality encompassed a user-friendly interface for uploading photos, composing messages, and providing recipient address details. The project also included the integration of payment processing for the postcard service, alongside the capability to apply promo codes. Furthermore, the scope covered the display of a personalized postcard preview, options to view previously sent postcards, and an "About Snappie" section for information. The design focused on simplifying the user journey from initial engagement to successful payment and confirmation, with a clear emphasis on intuitive navigation and visual appeal to encourage usage.
Design Process
The design process for Snappie began with a comprehensive understanding of the user's need to send heartfelt, personalized physical postcards in a digital age. This involved conceptualizing the key user flows, starting from the initial launch of the app. Wireframes and low-fidelity prototypes were first developed to establish the core conversational interface, allowing users to interact with options like "Create Snappie," "Cost," "See a Snappie," and "About Snappie." This early stage focused on ensuring a logical progression for users to input their details, upload photos, compose messages, and enter recipient information. High-fidelity mockups then brought the visual design to life, employing a vibrant and inviting yellow background with playful travel-related icons to evoke a sense of adventure and connection. Pop-up modals were strategically designed for key interactions such as "Your Details," "Create Snappie," "Promo Code," and "Pay by Credit/Debit Card," ensuring critical information entry and payment processes were streamlined and clear. Emphasis was placed on creating large, easy-to-tap buttons and clear input fields, optimizing the user experience on mobile devices. Feedback mechanisms were integrated through pop-ups for successful payment, providing immediate confirmation to the user.
Results
The Snappie project successfully resulted in a visually engaging and functionally intuitive mobile application that simplifies the process of sending personalized postcards. The application effectively guides users from an engaging opener and home screen, through a conversational interface, to the postcard creation process. Users can easily upload their chosen photo, type their custom message, and input recipient details. The integration of a promo code entry option and a clear credit/debit card payment gateway ensures a smooth transaction experience. The successful payment confirmation pop-up provides immediate positive reinforcement, enhancing user satisfaction. The overall design achieves a balance between aesthetics and usability, creating a pleasant and efficient experience for users to connect with their loved ones through unique, personalized postcards.
Tresiba Sale Support App
Project Scope
This project aimed to develop an interactive digital sales aid for Tresiba® (insulin degludec injection), a product from Novo Nordisk, specifically targeting healthcare professionals to educate them on the benefits of Tresiba® in reducing the risk of hypoglycemia and improving patient outcomes. The scope included creating a compelling narrative around "reducing patient's risk of hypoglycemia," emphasizing Tresiba® as a primary choice, and highlighting its impact on cardiovascular risk, overall hypoglycemia prevalence, and the unique properties of the Tresiba® molecule. The digital aid needed to effectively present complex clinical trial data (like DEVOTE and SWITCH 2 trials) in an easily digestible format, demonstrate the product's availability in FlexTouch® pens, and provide clear, referenced scientific information. The project also required a visually engaging metaphor, such as the "calm waters" theme, to reinforce the product's benefits in maintaining glycemic stability.
Design Process
The design process focused on translating complex medical information into an intuitive and engaging digital experience for healthcare professionals. Beginning with a central metaphor of "calm waters" and a swimmer navigating potential risks (sharks representing hypoglycemia), the visual design aimed to create an immediate emotional connection and underscore the product's benefits. Each section, such as "Start the Journey," "Reduce the Risk," and "Calm Waters," was designed as a distinct narrative chapter, guiding the user through the information systematically. Interactive elements were crucial; for instance, the "Overview" section featured clickable areas for "Impact on CV Risk," "Prevalence," and "Hypoglycaemia," allowing users to delve deeper into specific topics. Data visualization played a significant role, with large, impactful numbers like "42% reduction" and "4x lower variability" being prominently displayed alongside clear graphical representations. The molecular animation illustrating Tresiba®'s slow, consistent release was integrated to explain its unique mechanism of action. User interface elements, such as the top navigation bar and persistent bottom navigation for essential resources (R, SmPC, aPI), were designed for ease of use and quick access to critical information, maintaining a consistent brand identity with Novo Nordisk and Tresiba® logos. The design also incorporated pop-up information or expanded views for detailed clinical trial information and product features, such as the benefits of the FlexTouch® pen.
Results
The resulting digital sales aid for Tresiba® successfully provides healthcare professionals with a dynamic and informative tool. It effectively communicates the product's key benefits, particularly in mitigating the risk of hypoglycemia and offering daily predictability, leveraging compelling visual metaphors like the "calm waters" to enhance understanding and retention. The clear presentation of clinical data, such as the 42% reduction in nocturnal hypoglycemia and 4x lower day-to-day variability compared to Glargine U100, is impactful and data-driven. The inclusion of interactive elements, such as clickable information points and a molecular animation, allows for a personalized and deeper exploration of the content. The sales aid also highlights the practical advantages of Tresiba®'s delivery system, the FlexTouch® pen, emphasizing its ease of use and patient preference. Overall, the project delivered a highly effective and visually appealing digital tool that supports sales representatives in communicating the value proposition of Tresiba® to healthcare professionals, ultimately aiming to improve patient outcomes by facilitating informed prescribing decisions.
Project Scope
The project aimed to develop an interactive digital sales aid for Xultophy (insulin degludec and liraglutide injection), a pharmaceutical product, specifically targeting healthcare professionals. The core objective was to effectively communicate the benefits of Xultophy as a simple intensification treatment for managing diabetes, particularly in relation to HbA1c reduction, weight management, and reduction of hypoglycemia risk. The scope included creating a clear, navigable user experience that could present complex clinical data, patient journey scenarios, and product information in an engaging and accessible format. This encompassed illustrating the product's efficacy compared to basal insulin and basal-bolus regimens, providing guidance on how to initiate and manage patients on Xultophy, and offering detailed additional information and dosing instructions. The design also needed to visually represent the patient's progression and improvement with the treatment.
Design Process
The design process for the Xultophy digital sales aid focused on transforming intricate medical information into a compelling and user-friendly interactive experience. The central visual metaphor of a patient ascending a staircase, with each step representing an improvement in key diabetes management parameters (HbA1c, Weight, Hypoglycaemia), was a foundational element in establishing a clear narrative for the product's benefits. The design began with a comprehensive sitemap, meticulously mapping out the content hierarchy and user flow, including different routes for exploring treatment options and additional information. Wireframes and prototypes were then developed to ensure intuitive navigation through various sections like "Patients," "vs Basal Insulin," and "vs Basal-bolus," as well as "Treatment" and "Dosing." The UI design incorporated a clean layout with a distinct color palette (primarily pink and white) that maintained brand consistency. Data visualizations, such as graphs illustrating HbA1c reduction over time and comparative tables, were integrated to present clinical trial results effectively. Interactive elements, including clickable sections for "Additional Information" and "Topics," allowed healthcare professionals to delve deeper into specific areas of interest. The design also considered the practical aspect of product usage, showcasing the Xultophy pen and providing clear dosing guidance.
Results
The Xultophy digital sales aid successfully delivers an informative and engaging platform for healthcare professionals. The visually driven "staircase" metaphor effectively conveys the patient's journey and the positive impact of Xultophy on critical diabetes indicators like HbA1c, weight, and hypoglycemia. The structured sitemap and intuitive navigation allow users to easily explore comprehensive information, from overviews of patient profiles to detailed clinical trial data comparisons against other insulin regimens. The clear presentation of efficacy data and safety information, alongside practical dosing instructions and details about the Xultophy pen, equips healthcare professionals with the necessary knowledge to confidently consider and prescribe the product. The overall result is a highly effective sales and educational tool that streamlines the communication of complex pharmaceutical information, ultimately supporting better patient care by facilitating informed prescribing decisions.
V-Class App for Malaysia
Project Scope
The project aimed to develop a comprehensive e-learning solution tailored for the Malaysia Ministry of Education, specifically designed as a classroom management and content delivery tool. This solution was intended to seamlessly integrate with Microsoft tablets and interactive smart boards, empowering teachers with digital control over their class sessions. Key functionalities within the project's scope included robust device management capabilities for student tablets, the ability to deploy and manage lesson plans digitally, and a suite of real-time student engagement tools. The system was envisioned to streamline classroom activities, enhance the overall learning environment, and provide a centralized platform for educators to efficiently deliver interactive lessons and manage student interactions.
Design Process
The design process commenced with a deep dive into understanding the existing challenges faced by teachers, primarily through user interviews, surveys, and task analysis. These research efforts revealed critical pain points such as difficulties with device management during lessons, complexities arising from disparate applications, and a clear need for real-time control to foster student engagement. These insights became the cornerstone for a design philosophy centered on simplicity and powerful classroom orchestration. Low-fidelity wireframes were initially developed, focusing on the core functionalities of device management and class session controls. This quickly evolved into high-fidelity prototypes that incorporated advanced features like student screen sharing, direct smart board control, and cloud-based lesson plan management. The UI design meticulously adhered to Microsoft's established aesthetic principles, ensuring a clean, professional interface with strategic use of color schemes and visual indicators to simplify complex workflows. Usability testing, conducted in-person with teachers, played a crucial role in iteratively refining features, particularly those related to real-time control, content sharing, and student monitoring, ultimately ensuring a smooth and intuitive classroom experience.
Results
The implementation of the Microsoft E-Learning Solution yielded significant positive impacts on the educational environment. The tool demonstrably increased classroom engagement by enabling teachers to interact dynamically with their students through features like polls, quizzes, and screen sharing. Teachers reported a notable reduction in time spent on managing digital devices, allowing them to allocate more time to focused teaching and instruction. Post-launch feedback indicated a high level of user satisfaction, particularly regarding the ease of managing digital devices and the streamlined delivery of lessons and content. Specific functionalities delivered include the ability for teachers to take attendance, remotely lock/unlock student tablets, activate/inactivate applications, view and manage student screens (including sending screens to others or to the smart board), deploy cloud-stored lesson plans, distribute learning objects, direct students to web pages, administer tests and quizzes, remotely control the interactive smart board, assign homework, and conduct real-time polls with immediate results. This comprehensive suite of tools successfully addressed the initial problem statement, providing educators with a powerful, intuitive platform to enhance digital learning.
Zynngo eLearning App for Math and Science
Project Scope
The Zynngo project aimed to develop an interactive online software for middle and high school students, focusing on Math and Science subjects. The core objective was to transform traditional, often unengaging, learning materials into a fun and relevant experience by integrating real-world scenarios and compelling graphics. The platform's scope included a robust content delivery system for various study plans (e.g., Projectile Motion, Atomic Structure), a built-in gamification platform to reward students for knowledge acquisition, and a comprehensive monitoring function for parents to track their child's academic progress. The goal was to not only facilitate understanding of complex concepts but also to significantly enhance student motivation and retention, while providing transparency and involvement for parents.
Design Process
The design process for Zynngo was driven by extensive user research, including student interviews, competitive analysis, and task analysis. Key insights revealed a strong preference among students for interactive and scenario-based learning, while parents expressed a desire for real-time progress tracking. The research also confirmed that gamification significantly boosted motivation and retention when linked to learning achievements. These findings profoundly influenced the design approach, which prioritized combining educational content with interactive elements and parental involvement. Initial low-fidelity wireframes were developed to map out the learning experience and establish core navigation, ensuring students could easily browse courses, access study plans, and view their progress. High-fidelity prototypes then brought the vision to life, incorporating the real-world learning scenarios, interactive quizzes, and the gamified reward system. The UI design was meticulously crafted: a vibrant, colorful, and inviting interface was created for students to ensure engagement and a "fun" learning atmosphere, while the parental dashboard adopted a more professional and clean aesthetic to facilitate ease of navigation and clear progress tracking. Usability testing with students provided invaluable feedback, leading to iterative refinements that simplified student navigation and enhanced the tracking features for parents.
Results
The Zynngo eLearning application achieved significant positive impacts, particularly in student engagement and learning retention. The interactive features and the integrated rewards system led to a reported 35% increase in student engagement, transforming the learning experience into a more dynamic and enjoyable activity. Furthermore, students who regularly utilized the platform demonstrated an average improvement of 20% in their test scores, underscoring the effectiveness of the scenario-based and gamified learning approach on knowledge retention. Parental satisfaction also saw a substantial increase, with feedback highlighting the ease of accessing content and monitoring their child's learning journey in real-time. The project successfully showcased the profound benefits of blending rich educational content with highly interactive elements, demonstrating how a well-designed e-learning platform can effectively address traditional learning challenges and foster a more motivated and successful student body.
