Lead UI Designer
Wireframing, UI Design
Timeline: 16 weeks
Collaborators: BYKARB, Ommax
Visit site: tisso.de
Wireframing, UI Design
Timeline: 16 weeks
Collaborators: BYKARB, Ommax
Visit site: tisso.de
Designing TISSO’s website in collaboration with Ommax and BYKARB: Balancing brand identity, accessibility, and systems thinking for a scalable digital presence.
BYKARB guided the brand direction, I provided UI input to ensure accessibility and refined areas where visual decisions affected usability.
With Ommax’s UX team, I reviewed wireframes, helped resolve gaps in user flow, and collaborated on improving structure through open, practical dialogue. Once the foundation was clear, I created a complete UI component library, hi-fi wireframes, and a Figma-based style guide to support a smooth developer handoff.
One key challenge was adapting TISSO’s bright yellow brand color to meet accessibility standards. After testing alternatives, we found a shade that maintained brand recognition while improving contrast, used selectively in banners, CTAs, and imagery for clarity without compromise.
With Ommax’s UX team, I reviewed wireframes, helped resolve gaps in user flow, and collaborated on improving structure through open, practical dialogue. Once the foundation was clear, I created a complete UI component library, hi-fi wireframes, and a Figma-based style guide to support a smooth developer handoff.
One key challenge was adapting TISSO’s bright yellow brand color to meet accessibility standards. After testing alternatives, we found a shade that maintained brand recognition while improving contrast, used selectively in banners, CTAs, and imagery for clarity without compromise.
- Cross-Team Collaboration: Worked closely with Ommax (UX) and BYKARB (branding) to align structure, visuals, and platform constraints.
- UX Input & Wireframe Review: Evaluated UX flows and helped refine wireframes to address missing interactions or clarity gaps.
- UI Design & System Creation: Built a full UI library, hi-fi wireframes, and a developer-ready Figma file with reusable components.
- Accessibility-Led Color Strategy: Adjusted brand yellow for contrast, and applied it selectively to protect brand equity without hurting usability.
This project highlighted the value of open, cross-disciplinary collaboration, especially in spotting what can fall between visual and structural decisions. I enjoyed supporting UX refinement with the Ommax team, while also creating a UI system that felt grounded in accessibility and brand integrity. Even with constraints, careful design and consistent communication helped the project move forward smoothly.