How can the principles of UX Design help create a high–conversion landing page
ViewToronto Luterie is a side project of mine, a weekend woodworking program focusing on the design and construction of musical instruments. Ever since Canadian School of Lutherie in Toronto closed down a number of years ago, there has been a need to fill their gap in the market. Currently the existing competition offers weeks long full time programs requiring the students to either spend time in the suburbs of Toronto or travel to other provinces. Toronto Lutherie is designed to serve those who cannot spend five weeks in Quebec, Alberta, orBritish Colombia. The studio is a five thousand square feet space fully equipped with industrial grade machines within walking distance from a major subway station. The school is set up in such a way to allow students to spend six to ten hours each weekend for a period of three to four months to build an instrument from scratch.
The project required a landing page for marketing and lead generation. This page would be different from a typical home page. Once the school is established and people know about the presence of such program and facility, I would switch from the landing page to a multi page website with more features.
The core requirements for the page are:
Less is more. In designing a landing page it’s important to filter the information multiple times, only keeping the relevant elements. This will improve the visitor’s focus and increase lead generation.
Avoiding distraction is another important strategy. In designing a landing page it is essential to communicate the message in a simple yet engaging manner. Navigation pages, and external links, would take a visitor’s attention away from interacting with the page.
Having a clear focus with a single purpose call to action is vital to successful lead generation.
Information hierarchy is a fundamental strategy. Presenting only what is absolutely required in short snackable sections is key to maintaining the visitor's attention.
Forms should be minimal, only requiring the key information. Upon submitting the form,users should receive a confirmation message either on the site, or emailed to them.
Colour and type are essential elements of any design project. Proper use of type is crucial for creating information hierarchy.Use of multiple typefaces of varying weights and styles should be avoided as much as possible. An effective two–tone colour scheme is often more successful,this helps to create a visual identity.
For this project I used Adobe UI kit in XD to create a prototype prior to design and development of the final site. Click the image below to view the wireframes.
Since the launch of the site in December 2018, without any paid online advertising I've had minimum two–three inquiries per week and two students who signed up to take a class. Click the image below to visit the site.