2025 Co-op Design Project
Designers: Vito Fan (Me)
Design and Development: 2 months
Tools: Figma, Webflow
Project Type: Co-op Design Project
My Project Role
Careers Page and User Research
Analyzed competitor career sites, studied job seeker needs, and identified what information, structure, and content would help the target audience understand the company, explore opportunities, and feel motivated to apply.
Website Flow and Information Structure
Designed the website’s user flow by organizing key contents, content strategy, and navigation paths, making sure users could explore through the website easily and understand our message without confusion.
UI Design and Visual Consistency
Designed the page interface, including layouts, typography, imagery, spacing, and visual hierarchy, to create a cohesive experience aligned with the company’s branding.
Figma Prototype and User Testing
Built a functional high-fidelity Figma prototype for user testing. Conducted usability testing to observe how users navigated the website, gathered feedback on clarity and ease of use, and refined the layout, content, and flow to improve the overall user experience.
Webflow Development
Built high fidelity final website in Webflow by turning the design into a functional website, setting up sections, interactions, responsive layouts, and ensuring the design worked across different screen sizes.
Client
Moment Energy
Moment Energy is a Canadian cleantech company that repurposes retired batteries into energy storage systems to contribute to a more sustainable world.
Design Statement
“
How might we create a join us (careers) page that helps job seekers quickly understand the company’s culture, values, and opportunities, while motivating them to apply with confidence?
”
Target Audience
At the end of 2024, Moment Energy aimed to strengthen its employer brand by attracting a more diverse and highly qualified talent pool aligned with the company’s mission and values through the development of a dedicated careers page experience.
Experienced Engineers
Engineering professionals with 10+ years of experience seeking meaningful work, technical challenges, leadership opportunities, and long-term career growth within an innovative and mission-driven company.
Diverse Talent
Candidates from diverse backgrounds, including underrepresented groups in engineering and technology, looking for an inclusive workplace culture, strong company values, and a sense of belonging within the organization.
Design Solutions
Page Overview
Section Overview
Landing Section
The page opens with a photo carousel showcasing company activities and team events, helping candidates quickly understand Moment Energy’s workplace culture. By highlighting real moments of collaboration and connection, it creates a positive first impression and presents the company as welcoming, energetic, and people-focused. Alongside the carousel, a navigation bar allows users to quickly access the sections most relevant to them.
Mission and Values Section
Moment Energy aimed to attract talent aligned with the company’s mission and values, making it important for candidates to immediately understand these principles upon landing on the careers page.
Job Listing Section
Join Moment Energy Vancouver! The job listings include a filter system to help candidates quickly find roles that match their qualifications. Below, the “Life at Moment Energy” section highlights company culture and gives out-of-town applicants a glimpse of what it’s like to live and work in Vancouver.
Meet Our Team
The “Meet Our Team” section highlights the diversity of our current team, featuring company diversity statistics alongside employee testimonials that share their personal experiences at Moment Energy.
Benefits Section
The “Benefits” section outlines the perks and support offered to employees, showcasing the company’s commitment to well-being, professional growth, and a positive work–life balance.
Design Process Overview
Research Insights
In the research phase, I conducted competitive analysis, and user research to help identify hiring challenges, candidate motivations, and the key information talents need when exploring career opportunities. These insights were then synthesized into a clear content strategy, defining the page structure, messaging priorities, and information architecture to help candidates quickly understand Moment Energy’s mission, culture, and open roles.
Company mission matters to job seekers
“79% of job seekers consider a company’s mission before applying.” Research shows that candidates want to understand what a company stands for early in their decision-making process. For the careers page, this meant placing Moment Energy’s mission, values, and impact near the top so candidates could quickly assess alignment.
Practical needs influence job decisions
Top factors for accepting a job include compensation, professional development, and work-life balance. This shows that candidates value both purpose and practical support, so the careers page should highlight Moment Energy’s mission early while making benefits, growth opportunities, and work-life balance easy to find.
Culture affects retention
"72% of employees have quit due to toxic workplace relationships, and more than 50% plan to do the same." This shows that a healthy team environment strongly affects employee retention. For the careers page, this supported showcasing good company culture, team dynamics, and real employee experiences to communicate a supportive workplace.
Design Exploration
Exploring multiple layout and interaction concepts through wireframes and visual iterations. Different approaches were tested to balance employer branding, usability, and efficient job discovery while maintaining visual consistency with the company identity.
Prototyping
Developing high-fidelity prototypes to simulate real user interactions. Key flows such as browsing job listings, learning about company culture, and navigating recruitment information were refined for clarity and accessibility.
User Testing and Refinement
Validating design decisions through usability testing and feedback sessions. Insights gathered helped identify friction points, improve navigation clarity, and ensure the experience effectively supports candidates throughout their job search journey.
Reflection
Designing for Employer Branding Goes Beyond Visual Design
A careers page is not only a job listing platform, but also an employer branding experience. Communicating company culture, mission, and employee experience early in the journey plays a major role in attracting the right candidates.
Emotional Connection Impacts User Engagement
Using authentic team photography, employee-focused content, and mission-driven messaging helped create a more human and relatable experience compared to traditional corporate career pages.
© 2026 Vito Fan