Tricode Cloud: Building the Design & Engineering Foundation
As an early-stage team member, I designed the brand identity, built both landing pages, and developed the frontend for Tricode Cloud's flagship product, Clikk Apply.
What I Built
My contributions spanned design and development—here's what I worked on.
Designed the Tricode Cloud logo, established brand guidelines, color system, and visual language.
Prototyped in Figma with a focus on accessibility and simplicity for student users.
Built the React/Next.js codebase, component library, and animation system.
Designed and developed both the Tricode Cloud and Clikk Apply landing pages.
Brand Identity
I created the visual foundation for Tricode Cloud from scratch, establishing a design system that scales across products.
Logo & Wordmark
Color System
Primary
TriHire
TriEvents
TriExpenseLanding Pages
I designed and built two full landing pages: the parent company site and the product page.
Tricode Cloud
The parent company landing page. Designed with soft gradient aesthetics and a clean SaaS layout that communicates trust and professionalism.
Visit Site
Clikk Apply
The conversion-focused product landing. Built with interactive feature demos, pricing tables, and clear CTAs for student organization admins.
Visit SiteHow I Approached It
Tricode Cloud serves student organizations with varying levels of tech literacy. Every design decision was guided by these principles.
Simplicity First
If a feature needs explaining, the design failed. We aimed for interfaces so intuitive that onboarding is unnecessary.
User-Driven Iteration
We collect feedback from our users and continuously iterate to improve the experience. Each release gets better based on real input.
Edge Case Friendly
Clubs have chaotic workflows. The UI handles messy data, partial completions, and user mistakes gracefully.
Clikk Apply Interface
Key screens and components I designed and built for the hiring platform.
Anonymized Candidates
Eliminate unconscious bias with randomly generated names and colorful icons. Reviewers focus on qualifications, not identities.
Department Management
Color-coded department cards make it easy to organize hiring across different teams and roles within your organization.
Candidate Portal
Give applicants a clear view of their progress with an intuitive stepper. No more "where am I in the process?" emails.
The Results
Through the platform I helped build.
ASUS, CESA, COMPSA, and Computing O-Week.
Production sites I designed and built from scratch.
Logo, colors, typography, and guidelines.
Trusted by student organizations at Queen's
Reflection
Tricode Cloud was my first experience building a real product that people actually use. I learned how to design and ship features, collaborate with a team, and iterate based on real user feedback. Seeing student clubs rely on something I helped build made the work feel meaningful, and reinforced my belief that the best products come from deeply understanding your users.