Summary
I had the pleasure to design the User Interface and create a promotion video for Meet, a platform for learning enthusiasts.
Client
Meet
Release
Dec 30, 2020
responsibilities
  • Storytelling
  • User Interface Design
  • Videography
XD
Illustrator
Photoshop
After Effects
BACKGROUND

ABOUT MEET

Self-studying can be isolating. There is often little to no interaction between other students and mentors and so it can be very difficult to stay disciplined and motivated. This is where Meet comes in. As a fully progressive web application, Meet creates an inviting and collaborative space for learning enthusiasts. Users can quickly and effortlessly search for available events of their interest and sign up for them. Regardless of the user's location, an integrated filter function enables the user to find nearby events in a matter of seconds. Meet intends to connect people and enhance the overall learning experience.

CHALLENGE

ENABLING PEER-TO-PEER LEARNING

This project was posed to me as an event discovery web app that needed the UI fleshed out. After obtaining some basic information about the target audience, I defined user stories for why they would be using this application. I instantly felt connected to this brief as I spent a lot of time studying on my own, thus, allowing me to relate to the end-users even better. The key challenge was how to make learning more collaborative and less isolating in today's world. Taking my learnings and insights into account, I created the first initial sketches for phone, tablet and desktop. In the following stage, I refined my designs using existing design patterns from LinkedIn and Google Material Design. I optimized the UI elements in a way to ensure that they worked cohesively for the end-users. Relevant features users were looking for was a filter by city function alongside an event overview.

VISUAL DESIGN

MAKING IT POP

After some inspirational research, the next step was creating a mood board. Hereby, I collated various visual elements that would perfectly make up the look and feel of Meet. ​​​​​​​From there, I put together the color palette for the User Interface and designed the logo. Montserrat was chosen as the main typeface used within the Meet logo itself and throughout the web app design. The logo appears to be very minimal. Yet, the two facing letters "e" symbolize the aspect of face-to-face, peer-to-peer learning respectively.

LEARNINGS

REFLECTING ON THE PROJECT

For this project, I collaborated with a full-stack developer, following an agile working approach. Working with a responsive grid, allowed me to create a consistent design and continuous experience across devices. Even though, I only had a little bit over two weeks to craft a rough concept, high-fidelity wireframes and the promo video, it all worked out well. Overall, I am proud of the direction it has taken from the user stories to its atomically designed screens. Some future improvements I would implement, would be to allow the users to actually sync events they have signed up for with their Google calendar and to integrate a smart search function for more discoverability.

Let's get in touch

Want to chat? Let's connect!

Contact Me

Follow me on

Instagram