Collision.Careers
Branding
Medium: Branding, Website
Date: May - July 2025
Collision.Careers is a specialized job search platform built for the collision repair industry, created at Quantum Design Labs. As an intern paired directly to the agency’s founder, Chris Anderson, I had the opportunity to contribute to the early conceptualization and execution of the brand and interface. This was an experience that allowed me to participate in high level conversations, propose ideas during the ideation stages, and see many of those ideas integrated into what will be the final product.
My contributions spanned both visual identity and UI/UX development. I assisted in making key decisions about the logo, typography, style guide development, and overall brand direction, helping to shape a visual system that feels modern and industry specific. On the product side, I worked on both the desktop and mobile versions of the website. I was responsible for designing the mobile experience independently from start to finish before receiving feedback from my supervisor. This process helped me refine my design thinking, understand responsive design challenges, and apply updates based on real design critique. Working on this project gave me firsthand experience in building a product from the ground up. I was taught how to balance user needs, industry constraints, and brand consistency. It was a formative project that sharpened my design skills and showed me the impact of collaborative design in a real world environment.
01 Style Guide
For the style guide phase of Collision.Careers, I assisted in establishing the visual foundation that would guide the entire platform’s brand and interface design. I contributed to shaping the overall look and feel of the logo, including refining its visual direction and helping determine a balanced, industry-appropriate color palette that feels modern while remaining grounded and professional.
I also worked on early interface elements that would become part of the platform’s core design system. This included helping design the sign-in and sign-up screens, where I provided input on layout structure, box treatments, and button styling to ensure clarity, usability, and visual consistency. I assisted in defining global button styles used throughout the site, focusing on hierarchy, interaction states, and accessibility.
Using my experience in Figma, I collaborated closely on wireframes and mockups, contributing design ideas efficiently within a shared workspace. I proposed interactive concepts for menu buttons, such as the use of a hubcap icon to reference the collision repair industry, as well as on-click micro-interactions like a subtle spinning animation before the menu opens to add personality and industry relevance to the interface.
In addition, I helped design a mockup of the website’s main page, ensuring alignment with the established style guide and brand system. This phase of the project allowed me to work at both a strategic and detailed level—helping define visual standards while also contributing hands-on design work that influenced the final product.
02 Desktop Layout
For the desktop view portion of the project, I worked directly alongside Chris during the design of the home page. I observed his design process in real time as he built the layout, and he walked me through each decision and how it aligned with the client’s goals and overall vision for Collision.Careers.
This collaborative experience allowed me to gain insight into professional design workflows, client driven decision making, and layout construction for desktop interfaces. Throughout the process, Chris regularly paused to ask for my feedback. I provided input on elements such as typographic weight, visual hierarchy, spacing, and the allocation of boxes and buttons across the page to improve clarity and usability.
My feedback was actively considered and, in several instances, incorporated into the evolving design. This reinforced the importance of collaborative critique and taught me how small adjustments like text weight or component placement can significantly impact readability, user flow, and overall visual balance. This phase of the project strengthened my understanding of desktop UI design while allowing me to contribute meaningfully within a professional mentorship setting.
03 Mobile Layout
For the mobile view of Collision.Careers, I was responsible for designing the home page independently, using the finalized desktop version as a reference point. Chris tasked me with translating the desktop experience into a mobile layout, requiring me to rethink hierarchy, spacing, and navigation to ensure the design remained clear, functional, and visually consistent on smaller screens while being accessible.
I completed an initial mobile design on my own, applying the established style guide, brand system, and interaction patterns while adapting content for touch based interaction and responsive constraints. After presenting my work, I received detailed feedback, which I then implemented to refine and finalize the mobile layout. This iterative process helped strengthen the overall usability of the final product.
This portion of the project was especially valuable, as it demonstrated my ability to work autonomously while still incorporating professional critique. It reinforced my understanding of responsive design principles and showed my capacity to collaborate on a design task from concept through final execution.