Keytia

The Keytia project, a product of DTI, aimed to improve the user experience and usability of its outdated .NET applications getting significant improvements in the ease of use and overall user experience of Keytia's .NET applications focusing on accessibility and usability best practices.

Case Study

Enhancing Usability for Keytia’s .NET Applications

The Keytia project, a product of DTI, aimed to enhance the user experience and usability of its .NET applications. Operating through Agencia Huit, a digital marketing agency.

Overview

The objective was to improve user interaction, streamline workflows, and ensure the applications were accessible and delightful across various platforms, ultimately boosting user satisfaction and engagement for Keytia’s clientele.

The Challenge

The core challenge was to transform existing functionalities into updated, intuitive, responsive, and efficient digital interfaces.

  • Legacy System Integration: Working within the constraints of existing .NET applications and ensuring new designs integrated smoothly without disrupting core functionalities.

  • Technical Implementation: Bridging the gap between design vision and technical feasibility, given the specific technologies used (HTML, CSS, Sass, Bootstrap, JavaScript).

  • User Feedback Synthesis: Effectively collecting, analyzing, and translating diverse user feedback into actionable design improvements for complex application features.

  • Maintaining Responsiveness: Ensuring consistent and high-quality user experience across a multitude of devices, from desktops to various mobile screens.

My Contributions & Process

As a key UX Designer on this project, my contributions spanned the entire design lifecycle, focusing on creating highly responsive and user-friendly applications:

  • Responsive Application Design: I led the design of responsive applications for .NET, utilizing a modern tech stack including HTML, CSS, Sass, Bootstrap, and JavaScript. This ensured seamless functionality and optimal visual presentation across different devices and screen sizes.

  • Cross-Functional Team Management: I managed a cross-functional team, overseeing the project implementation using Agile/Scrum methodology. This involved coordinating design efforts with development to ensure efficient and synchronized progress.

  • Wireframing & Prototyping: I was responsible for creating detailed wireframes, prototypes, and specifications for both websites and desktop applications, leveraging design tools such as Adobe XD and Illustrator. These artifacts were crucial for visualizing solutions and gathering early feedback.

  • Thorough User Research: My process included thorough research of product usability, involving the collection and analysis of user feedback. This direct engagement with users ensured that design decisions were grounded in real-world needs and pain points.

  • Navigation & User Flow Diagrams: I meticulously created comprehensive navigation and user flow diagrams, ensuring logical pathways and intuitive interactions within the applications. This was fundamental to streamlining user journeys and reducing cognitive load.

Solutions & Approach

My approach combined strategic design thinking with practical implementation:

  • User-Centered Design Iterations: Employed an iterative design process, continuously refining wireframes and prototypes based on user feedback and usability testing.

  • Modular Component Design: Focused on creating reusable UI components that could be efficiently implemented across different parts of the application and maintained consistency.

  • Agile Collaboration: Leveraged Agile/Scrum methodologies to ensure continuous communication and alignment with the development team, facilitating rapid iteration and problem-solving.

  • Detailed Documentation: Provided clear design specifications and documentation to ensure accurate implementation by developers.

Impact & Results

While specific metrics are not available, my contributions to the Keytia project resulted in:

  • Enhanced Usability: Significant improvements in the ease of use and overall user experience of Keytia’s .NET applications.

  • Improved Responsiveness: Applications became fully responsive, providing an optimized experience across all devices.

  • Streamlined Workflows: Optimized user flows and intuitive interfaces led to more efficient task completion for users.

  • Stronger Design-Development Alignment: Effective team management and clear specifications fostered better collaboration and smoother project implementation.