- UX/UI Design
- Adobe Experience Design
- Adobe Illustrator
- Google Sheets
How did we get here?
A look at the process behind “Free @ ONA”
For this project, I knew I would need to have a working prototype of the product ready before I had gathered the information on which vendors were providing what swag. So, I started with a design, made it real, and then populated it with data.
- Consult with mentors. The ONA Student Newsroom paired me with the wonderful Maegan Clawges as a mentor. In the weeks leading up to the conference, we talked on the phone to come up with ideas for a story or product to build. I wanted to produce something fun, but useful, and had heard from friends that the ONA Conference is all about the free stuff.
- Sketch the UI. I’ve recently been aiming to increase the amount of sketching I do before diving into a project. For this piece I got out a couple UI ideas before moving into Adobe Experience Design.
- Assemble a working prototype. I’m a big fan of Adobe XD – the program isn’t perfect, but being able to click through a prototype is really helpful.
- Gather the data. I walked around the ONA Conference to talk to exhibitors and gather data on what products were being offered for free. I then took that data, categorized the freebies, removed the commonplace items (nobody needs a search tool for free pens) and populated a JSON with the information I found.
- Brand/market the product. After launching the web app, I worked with the newsroom’s social media editor to produce Twitter graphics and tweets to drive conference-goers to the app. The tweets were also edited into a short listicle highlighting the must-haves that took me by surprise.