theSkimm
/
Product Design
/
Web-app
/
UI
/
UX
SkimmU Seminar
A one-stop shop for users to register for multiple events
THE TEAM & PROJECT LENGTH /
Lead Designer 👋, Product Design Manager, Brand Copywriter, and Engineering Director (Swoogo). 2 months.
BACKGROUND /
SkimmU is a spin on higher ed, designed to teach crucial life lessons in money, wellness, crypto, and home buying, etc. within four-course series. When I joined the events team as a senior product designer, SkimmU was already gearing up for its second seminar. For the upcoming launch in two months, the events team aimed to add improvements to the experience internally and externally.
Business goal /
the efficiency and production of the event registration pages, especially for a small team
an increase in registrants for at least two or more courses
user Story /
As a frequent Daily Skimm reader who trusts theSkimm that keeps me current with the latest trends, I want to be able to have access to any expert-led events that will provide me a wealth of applicable knowledge — starting from registering to post-attendance.
COURSE OF ACTION (PRE-DESIGN) /
User research
Competitive analysis
User flow
USER INSIGHTS /
We were tackling more than just utility and functionality of a registration platform. We had to understand the basic information a user would want to know in order to register.
User testing informed us that our event pages templates needed to improve on:
Event information
Context & key takeaways
Seamless registration flow
COMPETITIVE LEARNINGS /
In addition to learning how event information is displayed across the entertainment, education, and hospitality industries, I also noticed that the CTA button to book or reserve anchored by scroll, following the user (along with key information like event name, time, location, and price).
USER FLOW /
In order for a user to register for more than one event, the user would have to return to the main page and do the process again three more times.
Roadmapping tactics /
Alongside my product design manager, we prioritized the following tactics based on user research insights and competitive analysis:
a template ready for easy build, composed with the brand styles and UI components — which would require working together with the engineering team of the third-party platform Swoogo
updated UX copy to help frame the page like any other event pages (adding location, time, price, etc.)
a sticky bar with the register CTA always accessible as user scrolls
a single flow registration that allows users to register for more than event
design X engineering process /
It had been my first time working with an external engineering partner, which had been a learning opportunity for me to navigate through expectations. After sharing the wireframes, together we figured out adjustments based on platform constraints that would create a great user experience.
usability testing /
Honestly, it was rather hard to find aspirational examples of multiple bookings within the same conference. I decided to move forward with a common multi-checkboxes using the event card UI. Before launch, I ran quick usability tests on mobile and desktop to see if the interaction was intuitive.
A delightful interaction that users mentions was the pre-selection of tickets — dependent on the touchpoint, (i.e. if they were in the SkimmU main event page, all tickets would be selected, but if they were in Event 1, only that respective ticket would be selected).
internal handbook & education /
Now that the template was ready to copy, there were several nuances that the events and creative teams need to know when building for future events. I independently created a handbook that I updated over time with screenshots and html code to guide successful events moving forward.
results & final thoughts /
