Product
 Visual  



WINFO 14th Hackathon

2026 A stamp rally targeted towards the influx of tourists expected in Seattle during its time hosting six games in the 2026 World Cup. Stamp n’ Score hopes to encourage both visitors and locals to explore the city of Seattle [in a fun and engaging way]. approx. 350 attendees

Role Branding, Web Design, IllustrationTools Figma, etc, etc.Team Joy Li, Cleo Yumei Duration 9 months

website scroll

vertical posters maybe (or bus stop)? or event pics




What Differenciates WINFO?

Client Overview + Research Women in Informatics (WINFO) is a []. While the University of Washington hosts several hackathons annually, the WINFO hackathon stands out as a beginner-friendly, approachable event welcome to all students. It prioritizes exploration and discovery as its main goals for participants. We chose to emphasize these traits within our branding language and visuals.









Handcrafting a Visual Language 

Concept Development Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam fringilla massa massa, sit amet molestie orci suscipit sed. Ut tincidunt eleifend felis sit amet suscipit. Nulla \
drawn to inperfections in digital and physical art, stamping & cyanotype.
conflict between the playfulness [] or the clear Seattle branding. 







Mascot? Why?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam fringilla massa massa, sit amet molestie orci suscipit sed. Ut tincidunt eleifend felis sit amet 
We also began experimenting with how to inte
Colors & textures
Art style






An Immersive Website

Digital Identity p.1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam fringilla massa massa, sit amet molestie orci suscipit sed. Ut tincidunt eleifend felis sit amet suscipit. Nulla accumsan diam enim. Integer scelerisque, velit vitae accumsan
Clarity in layout, typography that brings interest without distraction.
conflict between the playfulness [] or the clear Seattle branding.


my website sketch homepage (handover to main illustrator)
in the meantime, i was also in charge of wireframing + illustrating the about page







Social Media

Digital Identity p.2 To create a cohesive system for social media handoff,
system of  ??


Q&A Template posts --> Info/announcement template posts
mock ups






Final

Caption Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam fringilla massa massa, sit amet molestie orci suscipit sed. Ut tincidunt eleifend felis sit amet suscipit. Nulla accumsan diam enim. Integer scelerisque, velit vitae accumsan
Clarity in layout, typography that brings interest without distraction.
conflict between the  brought to life on the day-of.

style tile stuff ? maybe 1 stripe is enough (type, web buttons, etc)


website home (+ website about:)???





Reflection

Caption Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam fringilla massa massa, sit amet molestie orci suscipit sed. Ut tincidunt eleifend felis sit amet suscipit. Nulla accumsan diam enim. Integer scelerisque, velit vitae accumsan
Clarity in layout, typography that brings interest without distraction.
conflict between the  brought to life on the day-of.










Thanks for stopping by! This site is currently a work in progress :]Product
Visual
AboutResume
LinkedIn
Email