Siaxma WebterminalMySign
While working at MySign, the SIAXMA Webterminal project focused on improving the user interface of their online time recording system. Aimed at enhancing usability and the look, this redesign addressed key pain points identified in the existing system, which was deemed outdated and less competitive in today’s market. The project emphasized responsive design to ensure functionality across various devices while improving overall user experience.
After
Before
01 Role & Responsibilities
As the Senior UX/UI Designer, I played a critical role in steering the redesign of the SIAXMA Webterminal. My responsibilities encompassed the entire design lifecycle, from initial research and user analysis to prototyping, testing and final design. I collaborated closely with product managers to align the design vision with business goals and with developers to ensure the feasibility of the design concepts. My duties included conducting user research to gather insights, creating wireframes and high-fidelity prototypes, facilitating usability testing sessions. The whole process was based on user centered design approach. I also organized workshops with stakeholders to refine design concepts and ensure that the new interface met the diverse needs of our users. Through these efforts, I aimed to create a design that not only looked modern but also significantly improved the user experience.
02 Vision
The vision for the SIAXMA Webterminal redesign was to create a state-of-the-art user interface that would streamline the time tracking process and enhance user satisfaction. We aimed for a solution that not only met the immediate functional needs of our users but also anticipated future demands for flexibility and scalability. This vision included developing a responsive design that would seamlessly integrate with various devices, ensuring users could access the platform anytime, anywhere. We sought to empower users by providing them with the tools to easily manage their time, leave requests, and reporting, fostering a culture of efficiency and transparency within organizations.
03 Challenges
Throughout the project, several challenges emerged that required strategic solutions. One of the most significant obstacles was the resistance to change from users who had become accustomed to the old interface. Many users were hesitant to adapt to new workflows and features, leading to concerns about potential disruptions in their daily operations. To address this, I implemented a change management strategy that included clear communication of the benefits of the new design and comprehensive training sessions to ease the transition. Additionally, balancing modern design aesthetics with the existing functionality posed a challenge. Ensuring that all essential features remained accessible while introducing new elements required careful planning and iteration. Through collaborative brainstorming sessions with the team, we identified and prioritized key functionalities to enhance while maintaining user familiarity.
04 User Research
User research is a fundamental component of the design process that ensures our final product resonates with the actual needs and behaviors of users. For the redesign of the SIAXMA Webterminal, we implemented a multi-faceted research approach that involved qualitative interviews, online surveys, and the development of user personas. The insights gained from these activities were instrumental in shaping our design decisions and ensuring that the new interface would effectively address user needs.
To gather a comprehensive understanding of our users, we employed several research methods:
Online Surveys
To complement the qualitative data collected from interviews, we distributed an online survey to a broader audience. The survey was designed to quantify user feedback, allowing us to gather statistical insights into common pain points and preferences. It included questions related to user satisfaction, feature usage frequency, and desired functionalities. We targeted users across various departments to ensure that the data reflected a comprehensive view of the user experience.
Personas
Based on the insights gathered from interviews and surveys, we developed proto-personas to encapsulate the diverse user groups interacting with the SIAXMA Webterminal. These personas served as archetypes representing the key characteristics, needs, and pain points of our user base, guiding the design process to ensure that it remained user-centered.
Qualitative Interviews
We conducted in-depth interviews with a diverse group of users, including both administrative staff and managers who interact with the SIAXMA Webterminal daily. These interviews were structured to elicit detailed feedback about their experiences with the current system, focusing on specific tasks they perform, frustrations they encounter, and features they wish to see improved or added. Each session lasted approximately 60 minutes, allowing ample time for participants to express their thoughts and concerns openly.
Pain Points
Through user research, we identified several pain points that users experienced with the existing SIAXMA Webterminal. These included:
Complex Navigation:
Through user research, we identified several pain points that users experienced with the existing SIAXMA Webterminal. These included:
Outdated Design:
The old interface was considered visually unappealing and inconsistent, which detracted from the overall user experience.
Lack of Customization:
Users expressed a desire for customizable dashboards that could cater to their individual workflow preferences.
Inadequate Reporting Features:
Many users struggled with generating meaningful reports quickly, highlighting a need for improved analytics tools.
Atomic Design Systemfrom scratch
In redesigning the SIAXMA Webterminal, I developed a comprehensive Atomic Design System from scratch, which is built upon the principles of modularity and reusability. By breaking the interface into fundamental components—atoms, molecules, organisms, templates, and pages—we created a dynamic and flexible user interface that enhances consistency and adaptability. Each component is designed to be easily customizable, allowing for real-time updates that reflect changes across the application, ensuring a cohesive user experience. The system also incorporates responsive design principles, ensuring that all elements function seamlessly across various devices and screen sizes. The implementation of this atomic design system has significantly improved project efficiency and collaboration between design and development teams. By promoting consistency and reducing development time, the system enables designers to focus on creating high-quality user experiences. Furthermore, the clear documentation and usage guidelines foster a shared understanding of the design framework, facilitating future scalability as the SIAXMA Webterminal evolves. This modern approach not only meets current user needs but also positions the application for growth and adaptability in the long term.
