Case Study

National Congress 2021 x MiTravel - Web Prototype Design

The Company

MiTravel, based in Vancouver, British Columbia, Canada, created an entry-level design thinking workshop and challenge for delegates at National Congress 2021.

The Event

National Congress 2021 was a virtual youth conference hosted by AIESEC Canada in January of 2021. This project was worked on by 300 learner delegates from 26 different Canadian post-secondary institutions.

The Challenge

MiTravel wanted to source ideas for a future learner travellers community feature on their travel planning platform while also equipping learners with the tools needed to utilize design thinking. As an early start-up, the MiTravel team was also interested in working directly with learners to identify potential future hires.

The Outcome

Over the course of 3 weeks, teams of learners conceptualized a new learner travelers community feature, conducted research, and designed a prototype on Figma. Learners then presented their findings and suggestions. The MiTravel team was blown away by the submissions, with the winning team’s submission exploring areas that MiTravel had not considered.

“It was a great opportunity to meet and engage with learner talents early on, as sometimes it’s hard to determine a learners’s talents and skillsets solely through the interview stage.” Annie Lo, MiTravel Co-Founder and CEO

January 25, 2023
|
Resources
|
Share
Download
Your asset will automatically download.
Didn’t get it?
Download Now
Jump ahead:

Enter your email address to subscribe to The Riipen Report.
Subscribe
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Some Form Elements
hs-form
form-columns-1
form-columns-2
hs-form is main form class.
form-columns-1 is class of wrapper with 1 column for inputs.
form-columns-2 is class of wrapper with 2 columns for inputs.
input and label
hs-input
Field Description / Help text
hs-field-desc
This is help text for the field
Field error message
hs-error-msgs inputs-list
hs-error-msg
  • Error message label
hs-error-msgs inputs-list is an HTML list element.
hs-error-msg is a text span inside HTML List Item element.
Text area Input
hs-input hs-fieldtype-textarea
hs-fieldtype-textarea is added as combo class.
Checkboxes
hs-form-booleancheckbox
hs-form-booleancheckbox-display
inputs-list
hs-input
Note: HubSpot uses basic HTML checkboxes, Webflow checkboxes works differently than the default HTML checkboxes, hence in order to style HubSpot checkboxes you need custom CSS.
you can use Webflow checkbox to style and then copy CSS from it.
Radio Buttons
inputs-list
hs-form-radio
hs-form-radio-display
inputs-list
hs-input
Success message
submitted-message
RecaptCHA
hs-recaptcha
Submit button
hs_submit
hs-button
Oops! Something went wrong while submitting the form.