UX & UI Designer

FirstAgenda 2.0

Background

Late 2018, my CEO and Head of Product called me for a meeting. In an effort to generate interests from potential investors, we needed to change our current product. They shared a very rough wireframe and asked me if I could help finalize the the design of it. The mockup would be used as a conversation starter, something that could be used to explore future directions of the product.


The process

One work day later, I returned with a mock-up, and then returned to my regular work assignments. But then something happened. Our CEO had fallen in love with the mock-up and so our potential partners. In fact, if we could deliver what was on that mock-up, our partners could give a high chance of us being able to get investor deals. Thus, very quickly all our development teams hand to stop what they were doing and start working on implementing this mock-up.

This was more or less a crisis for me. The mock-up was just a mock-up. It didn’t have the explanations for what would happens once people started interacting with it. Before our development would start meeting conflicts and asking questions, I needed to act quickly. And this led to several explorations which ultimately ended up with this

Therefore, I spent a great deal of time and re-made the mock-up. As an added bonus, all the layers now made hierarchical sense—also the design was scaleable down on mobile browsers.

Note, given the short-time interval there weren’t much time to make usability tests or research. I did do some quick tests to get quick answers from colleagues here and there, but otherwise everything was build on our current knowledge from our other products which has similar features. But this times, they were improved based on our feedback from our current customers.

The new features includes

  1. Meeting creation. The ability for users to create meetings outside their calendars or outlook.

  2. Agenda creation. Create an agenda for your meeting.

  3. New filter-based navigation. Sort through your meetings based on date, attendees, and even topics (based on our speech recognition).

  4. Attachments and collaboration in attachments. Add attachments to a meeting’s agenda and interact with the document through highlights and comments.