Edward Jones Seminar is a user-friendly landing page built in Vue.js where anyone can sign up for webinars with a financial advisor and view past events.
Edward Jones was gearing up to host free online webinars for clients who would be interested in learning about how to grow and protect their financial future during the COVID-19 pandemic. However, they needed a landing page that made it seamless for users to sign up for a session hosted by a financial advisor.
We were tasked with building an interactive webinar registration tool that would have an easy-to-use interface, while capturing the necessary information from the attendee and notifying the financial advisors.
The high-level work flow looks like this: User lands on page > They search and select from available webinars by filtering from a master list > They are directed to a modal where they enter their information > Finally, email is triggered to the Financial Advisor who reaches out to the participant manually with their Zoom or WebEx info.
Below were the high level details/requirements our team captured:
At Clearoute, we always start with requirement gathering to better understand our client’s challenges and ensure we meet their overall objectives.
We knew the timelines were very tight for this project and our client didn’t have the cycles to provide designs. When our team reviewed the wires, we also felt that the user experience needed to be worked on since the wireframes we were provided had too many steps for the user to complete the registration process.
We identified that the current registration process could be made more intuitive, and that user experience was the greatest driver of higher conversion rates.
We offered to bring in our UX designer to help build high-fidelity prototypes which could then go straight to development since the layouts could easily be converted to code.
Our prototype provided a seamless experience for users to view upcoming & past events, as well as register. To help the client manage registrations, we implemeted a web application that fed data through an online spreadsheet that made it easy to manage access and share using a link.
The prototype was built and approved by the client in 1.5 week, which left us 2.5 weeks for development. We had already started setting up the environments and the Vue.js SPA (single page application) while the UX work was underway. This helped us be efficient so that we could go straight to development when the designs were approved. We completed the development within 2 weeks which left us a couple of days to do QA and implement any remaining client feedback before deploying the tool.
We hosted the web app through Netlify since the site needed to have caching on its static resources. We also used serverless functions to handle the email notifications and even setup a MongoDB to save the registration details since the requirements didn’t call for a relational database (i.e. SQL).
Humaniti is working towards a better future for single parents in Canada, ending famine in Yemen, and providing clean water and health services in underserved countries.