UX DESIGN
VISUAL DESIGN
BONA FIDE
IN PROGRESS
PROJECT OVERVIEW AND PROGRESS
In Janaury 2024, I was given the opportunity to work as a volunteer for Vancouver's Google Developer Group. I was put on onboard with a group other UX Designers to develop their brand new website. Our group was tasked with designing the website's layout and style guide. We also collaborated with a project manager and developer to ensure the future handoff process is seamless.
CLIENT
TEAM SIZE
TIMELINE
DELIVERABLES
Website (In-Progress)
This project is currently under development. Clicking on the button will redirect you to the launching soon page of the website.
Estimated launch of MVP: March 2024
THE PROBLEM
Google Developer Groups are a community of developers interested in working with the company's products. In late 2023, Vancouver's branch wanted to grow the community.
The problem? They needed a group of volunteers to design and create their brand new website to act as a marketing tool but didn't have the time or monetary resources. Their previous website suffered from inconsistent and unresponsive design.
GDG Vancouver's previous website.
PHASE 01 - IDEATION
My team of Jr. UX Designers was given full autonomy and creative freedom to design the website from the ground up. We met and collaborated on a weekly basis over Discord and Figma to develop the website. In addition; we grew our skillset together by sharing our knowledge of UX skillsets to help each other's weaknesses.
Me and my team of Jr. UX Designers. Names blurred for privacy.
The Site Maps and User Flows were completed by a previous team. We started our journey by forming moodboards to draw inspiration. In adherence with Google's design language, we settled on having a simple layout but, with our own unique twists gathered from our inspiration.
We started our design process with creating lo-fi wireframes. When our group collaborated over Figma, we chose aspects from each other's wireframes that adhered to the good UX practices.
Being a team of three Jr. Designers; we lacked experience in designing a deliverable product. However, we helped each other through the phase by sharing our knowledge to strengthen each other's weaknesses.
PHASE 02 - TRANSITION
After finishing the ideation phase, we chose to develop different sections of the website. I was assigned to develop the event details and mentorship page. Our group continued to meet weekly to: review progress, give feedback, and provide assistance.
Phase 2 - Goals
PHASE 02 - PROTOTYPE
I started small, choosing to design components first then paste into the canvas. I spoke with my team and stakeholders to critique my design then reiterate until we get to the desired result.
This project is my first time designing a product for stakeholders; These are some of the issues I faced when working with a team and stakeholders.
Pictured is the artifacts I used from an old design that is currently being used in the project.
PHASE 3 TRANSITION (PENDING)
Phase Three of the process involves performing usability tests and revising our designs as needed.
The tasks are currently pending as our project managers are determining who to delegate usability tests to based on our workload.
LEARNINGS AND TAKEAWAYS
Thank you for reading! This is my FIRST time to be part of a team working with other UX Designers, Project Managers, and Stakeholders.
Organization. My first real-world project made me learn how to organize my workspace for myself and the team.
New Skills. Learning to create a design system, documentation, and annotations.
Communication. Talking with stakeholders and developers during development; skills not learned through conceptual case studies.
Ask for help when needed. Asking for help reduces problems down the line. We are a team and we want to see the product succeed.
Communication is key. Constant communication results in small easily fixable problems. Waiting too long can potentially create a giant mess.
↑ Back to the Top ↑
