project leader
Faster web publishing, consistency, alignment with dev
Figma, Confluence, Adobe
6 months
Challenge
The previous version of the corporate website had an outdated interface that was difficult to navigate, causing frustration among users and business stakeholders. Our mission was to simplify the user experience, reduce mental strain, and incorporate contemporary design principles to enhance the website’s user-friendliness and visual appeal.
The planning, analyzing the scope, and obtaining approvals from stakeholders was a complex and time-consuming process. Beyond the visual aspect, we also had to ensure seamless alignment with the development team and establish the most efficient and effective documentation capture process. Additionally, we created functional and technical specifications, styles, components and templates library.
Process
Research & Analysis: Conducted user interviews, surveys, and analyzed web analytics to understand the pain points and user needs. Also I studied competitors and industry trends to gather insights.
Information Architecture: Based on the research findings, I restructured the website navigation and content structure, prioritizing features and information according to user and business needs.
Wire-framing & Prototyping: Designed low-fidelity wireframes to visualize the new layout and navigation, iteratively refining them based on user and business feedback. Afterward, I built a high-fidelity, interactive prototype to test the design.
Usability Testing: Conducted usability tests with a diverse group of users to validate the design and identify areas for improvement. Based on the feedback, the team made necessary adjustments to the design.
Visual Design & Style Guide: Developed a cohesive visual language, including color schemes, typography, and iconography, ensuring consistency throughout the app. I also created a style guide to maintain design consistency in future updates.
Functional & Technical specs: Important part of the process was finding the fasted and the most efficient way of creating and sharing the specifications with the other teams. Using Confluence, we built a robust interconnected documentation that is scalable and always up-to date.
IMPACT
Over 100 distinct components, 80+ page templates, and proven scalability for multiple content management systems. The post-redesign user engagement has significantly increased. User satisfaction ratings have improved from 3.2 stars to 4.3 stars. Streamlined workflows have substantially reduced page creation time.
With the new system we have achieved:
Efficiency. It streamlined design and development by providing reusable components and guidelines, leading to quicker iterations and faster time-to-publish.
Consistency ensures uniformity across a website or application, including colours, typography, spacing, and component behaviour, creating a cohesive user experience and strengthening brand identity.
Scalability allows for scalable design practices, making it easier to manage large and complex projects without losing coherence.
Bridging the gap between designers and developers with a common language and standards, reducing misunderstandings and ensuring alignment with the original design vision.
Quality was ensured by adhering to a design system, maintaining accessibility standards, and providing a framework for testing and validating design decisions.
