b2match, Event Networking Mobile App - Redesign
A redesign of a mobile app made for B2B events, conferences, and job fairs, facilitating participant navigation, agenda tracking, and includes a marketplace feature. Primarily focused on matchmaking, networking, and facilitating meeting bookings.
01
Redesign reasons and goals
the return of on-site events made the mobile app very important again
the old version of the app didn’t match the web app - a lot of key features were missing
a lot of inquiries from event organisers for the mobile app and the missing features, but also some new and exciting mobile-only feature ideas
02
Main product requirements
match all features to the web app - challenging because of the custom navigation which lets each event have different number of navi destinations, customisable navigation destination copy, etc.
more interesting content that makes users engage more - more content was needed, content that doesn’t depend on the organiser or participants to create
adapt the experience to both remote and on-site event attendance, with the latter being a bit more important - add notifications, personal agenda and the meetings list easy to find
use product colours and typography
03
The process
Information Architecture and Navigation
Worked on quite a few wireframe versions for the IA and app navigation, considering that almost all destinations and their naming would be fully customisable by the organiser. Also addressed event-switching for users attending multiple events via the b2match app.
⏩ solution: Customisable event home screen, shown on the photo above, enabled event organisers to fully customise navigation and destination naming without disturbing the UX. To ensure that the participant still have a good experience, and that the home screen doesn't end up empty, we added a few default widgets. Default widgets help participants stay on top of their agenda and meeting requests.
Deliverables & Collaboration
Developed user journeys for various user scenarios (single event attendance, multiple events at different times, multiple events concurrently), along with wireframes depicting diverse navigation solutions. Collaboration included meetings with project managers and lead developers to discuss necessary solutions, prioritise features, and refine user journeys.
Wire-Framing, Early Prototypes → Mockups → High Fidelity Designs
After quite an extensive wire-framing phase and early prototype building, and then some first mockups, it was time for the high fidelity designs.
Important → Organisers Are Also Users
We kept in mind that event organisers are also just users (of the b2match organiser app). Since organisers can customise the event a lot, it's hard to predict how much effort they will put in. This could mean too much or too little content.
⏩ solution: Default widgets on the Event Home screen, as well as the Explore screen filled with AI powered suggestions, that don't require any effort from the event organiser. Mentioned screens shown on photos above.
04
Design System & Final Designs
Design System & Components
The design system needed to follow the existing brand of the product.
While I wasn't the one defining the product branding, I was the one to completely define the mobile design system used on this and other mobile projects and concepts. Creating all new component, icons, typography and colour libraries.
Final Design Iteration
As I was the only full time designer on this project and it took some time to finalise all app screens - after all screens were finalised, a final quality and consistency check was needed. Two design teammates combed through the screens, left additional feedback which then led to some final finessing.
Post-Launch Improvements
A few new features were added as well as improvements of a few screen were done after the initial launch.