AGR: website relaunch
I collaborated on the relaunch of AGR’s website, focusing on accessibility and User Interface to improve access to recycling resources and support AGR’s sustainability mission.
Client:
AGR – Austria Glas Recycling
Company:
VERDINO
Year:
2024
Tools:
Figma
Adobe Creative Cloud
Procreate
Briefing.
AGR wanted a more inclusive website with streamlined, concise content.
The goal was to declutter and modernize the design while improving usability, making navigation intuitive and key information easily accessible.
Scope.
-
The goal of this project was to redesign AGR’s website to be more inclusive, with streamlined and concise content. The design aimed to declutter the existing site, modernize its look, and improve overall usability for a diverse range of users.
-
Inclusive Design: Ensure accessibility for a wide audience.
Simplified Content: Recommend ways to streamline content for clarity and ease of use.
Modern Visual Design: Update the website’s look while keeping it clean and responsive.
Intuitive Navigation: Improve the site’s structure for better usability and easy access to key information.
-
Proto-Persona Creation: Develop user personas to guide design decisions.
Information Architecture: Redefine the site’s structure for better organization and navigation.
Content Strategy: Provide content recommendations; writing handled by the client.
Wireframing: Create low-, mid-, and high-fidelity wireframes.
-
No content writing or new graphics were created, as these were handled by the client and scheduled for later.
-
Scheduled within 4 months.
Excerpts of the progress.
You’ll now see some of the key steps in the design process, like proto-personas, information architecture, and low-, mid- and high-fidelity wireframes.
These examples show how we started shaping the user experience by focusing on their needs and turning ideas into practical design solutions
It’s nice to meet you!
In developing the proto personas for this project, we focused on key assumptions about our user base, as budget constraints prevented us from conducting user interviews.
These proto-personas allowed us to explore potential user needs, behaviors, and frustrations, guiding the early stages of design and ensuring that the user experience remained at the forefront throughout the project.
Building the backbone.
For the information architecture, we worked closely with the client, iterating the structure several times to ensure it aligned with their goals and users’ needs.
This collaborative approach allowed us to refine the navigation and content hierarchy, resulting in a well-organized and user-friendly website structure.
From a first draft…
…to the final version.
From skeleton to skin.
We developed low, mid, and high-fidelity wireframes to visualize and refine the user interface. Despite a limited budget that prevented usability testing, we focused on creating intuitive layouts and flows based on best practices and client feedback, ensuring a seamless user experience throughout the design process.
Bringing it all together.
The final product is a modern, user-friendly website that meets the client’s goals of accessibility and streamlined content.
Despite the constraints of a limited budget, we delivered a clean, intuitive design that is both visually appealing and functional.
The website provides users with easy navigation and quick access to key information, supporting AGR’s mission of promoting sustainability and effective recycling practices.
Looking back,
moving forward.
Reflecting on this project, I was honoured to take on the role of lead designer. Our team had many great conversations with the client, and the collaboration went exceptionally well. The client’s openness to feedback and our productive discussions helped shape the website. Despite some delays, we built a strong partnership that made the design process both smooth and enjoyable.
One of the key lessons I took away from this project was the importance of flexibility and adaptability. As much as I value structure and planning, this experience taught me that unforeseen challenges, such as delays or giving the project in other hands, are part of the reality in design projects. Learning to adjust and manage expectations in these situations was a critical skill that I continue to develop.
On a personal level, stepping away from the project midway was especially difficult for me. I was deeply excited about the opportunity to be the lead designer and had already developed a strong connection with the client from previous work. It was hard to leave knowing it was originally planned for me to see the project through to the end. I was passionate about the direction we were heading and invested in the client’s success, so it was tough to accept that I couldn’t complete the project all the way to launch.
Despite these challenges, this experience reinforced how important it is to be flexible in the face of unexpected changes. Although I couldn’t see the project to its conclusion, it was a tremendous learning experience in balancing client relationships, time management, and leading design across different mediums. Looking forward, I’m excited to apply these lessons and maintain that same passion and excitement in future projects, while also being better prepared to adapt to the unexpected.