Hack@Brown 2018
Hack@Brown is Brown University’s
student-run Hackathon that draws over 500 students from all
over the world to the Providence, RI campus every year.
Role
I was one of six members on the design team, and together we
created an identity for the 2018 hackathon, and used it to
design the website, mobile application, posters, publicity
graphics, stickers, apparel, name tags, and everything in-between.
Hack@Brown is comprised of 8 teams (Design, Development,
Experience, Hardware, Outreach, Sponsorship, Social Good, and
Workshops).
We dedicated a lot of time to working cross-functionally with
the development team, which was responsible for implementing
the website and app.
Approach
The theme of 2018’s design focuses on the value of the process.
Over the course of several Design Team meetings, we brainstormed
ideas for brand elements. These are some of the visions we had
for the initial brand of H@B 2018:
Output
We created our Illustrations in Adobe Illustrator, but used
Figma (a collaborative prototyping software) for all
Web, App, UX, and Product design.
After iterating through wireframes,
lo-fi mocks, hi-fi mocks, and working prototypes, our handoff
to the development team was facilitated by figma as well. We
used the program to deliver all specifications and components
of the site.
This was my first time designing as part of a formal team, and I
learned a lot about effective cross-functional collaboration,
maintaining aesthetic uniformity through good communication.
Of Hack@Brown’s ~500 participants, 40% were
female-identifying and nearly 50% were first-time hackers.
Website