Seminar Module
The Seminar Events page emerged due to the pandemic, prompting a transition from in-person to online events. Here, users can register, join, request access or share an event.
UX Design • UI Design • Iteration • Prototype
Role:
As the UX project lead, I collaborated with the Technical Customer Success stakeholder who is responsible for the production of seminars, dev team and my fellow UX team for support.
Toolbox:
Miro, Figma
About TechInsights Inc.
TechInsights is a semiconductor database platform; with a subscription, customers can get access to millions of semiconductor reports, teardown analyses, data tables, and forecast reports to mention a few. Alongside the web platform, is the TechInsights mobile app, where users can access PDF forecast reports, TechStream blogs, and videos.
Project Details
Impact:
-
It is the 5th most visited page in the platform with popular upcoming seminars.
-
Increased platform login by 18% since it brought users into the TechInsights Platform rather than redirecting users to a third party seminar/webinar tool
-
Enabled the online continuation of events during the pandemic and the foreseeable future
Figma Prototype
Kick Off
Project Context:
Prior to the COVID-19 pandemic, TechInsights hosted in-person seminars at company locations across the globe such as China and the UK. Here, subject matter experts would present valuable semiconductor information. With the world shifting to an online model, it was important for TechInsights to also shift in this direction
The problem:
-
A third party tool that was used for seminars at the time, GoToWebinar was unfortunately blocking users in Asia due to a firewall.
-
GoToWebinar, was being used outside of the platform thus, not requiring users to log into the platform. This did not benefit TechInsights' goal to maintain active users within the platform.
Discovery and Understanding:
-
Learning and diving into the technicalities and production of seminars to better design a page with relevant information based on user and stakeholder needs.
-
Getting familiar with the third party replacement tool, LiveWebinar, as this would be added via API
Wireframe
Upcoming seminar tab:
I referenced design layouts specific to webinar event pages while considering TechInsights’ design system patterns. I sketched wireframes to include elements such as the event date, time, title, vertical subscription name, filters, registering, requesting access and two tabs for Upcoming Seminars and Past Seminars.
Seminar wireframe
Task Flow
Past seminar tab:
I created a task flow of the internal workflow of the stakeholders who were ultimately uploading and publishing post-production content. The past seminar tab within the seminar module had to take into account the post-production timeline as this played a role in the design. This included:
-
Video editing — a task with an approximate turnaround time of 5 to 7 days.
-
Crafting marketing emails for promotional purposes
-
A review from the publishing team
-
PDF presentation of the seminar
Designs
Seminar Module:
Upcoming Seminar Tab
Past Seminar Tab
Figma Prototype
Seminar Modals
Continuously Learning
Whats Next:
TechInsights recently added Heap Analytics to its suite of produtcs which would allow qualitative data collection for the Seminar module once added to the new Platform. I’m curious to learn more about the user flow and if users are dropping off at all during registration and the overall usability such as, if the Past Seminar tab is browsable and easy to navigate with the presentation thumbnail instead of the omitted calendar icons.
Reflection:
Companies often leverage third-party tools to add value to their existing product. This project taught me about Application Programming Interface (API) and the balance required between technical limitations, user and stakeholder needs to build a product that is useful.
Questions?
If you're interested in learning more about this project, please feel free to get in touch with me.