Previous landing pages for K-12 and higher-ed audience were too technical and didn’t fit the needs of users. Unlike Extron’s typical users, educational users were end users. They were principals who made decisions on AV investments, teachers who used AV products, and IT professionals who implemented the AV systems. The pages required a makeover to provide more useful content and increase conversion rates.
My Role
This project showcases my skills to redesign landing pages that are useful and helpful to target users. The UI is crafted to help users discover content and digest information easily so that they become more interested in Extron’s products.
Previous landing pages were product driven which didn’t assist educational users in understanding how Extron could help them with their institutions and why Extron was great at improving students learnability. Complete redesign was necessary to accomplish the goals of this landing page.
I interviewed stakeholders to gain an understanding of problems to solve and acquired requirements for the project.
HERE ARE A FEW OF THEIR CONCERNS REGARDING THE PREVIOUS LANDING PAGES:
PROJECT REQUIREMENTS
With consideration to stakeholder’s concerns and requirements, I sketched out a series of wireframes and explored with layout, features, and UI. Then, I transformted them into high-fidelity mockups which were improved based on the stakeholder’s feedback.
Initially, stakeholders envisioned the educator landing page to be a place to get user’s voice. Explore was a UI idea that displayed testimonials, user stories, and videos in a card format so that users could browse those cards easily and learn more details by clicking the cards. However, the layout didn’t work on a mobile view since the page became very long when the cards were stacked on top of one another on mobile, making users scroll a lot to view all the content.
The next UI idea was to divide the content by user type–administrators, educators, technologists. Each section contained testimonials, user stories, and videos that were appropriate to each user type. A sub navigation provided above the overview section auto-scrolled the page and took users to the corresponding section when clicked. The idea seemed to have a good intention but stakeholders didn’t like the idea that users had to choose the user type, which might have confused them.
After several trial and error, the Spaces and Solutions idea was generated. At the top of the page, I displayed various learning spaces (such as Classroom) and solutions (such as Voice Amplification and Audio) in a card format. When the cards were clicked, I made the page auto-scrolled to reveal the corresponding section below the card section. UI was intuitive and content flew naturally. However, the problem with this idea was that the page became very long.
After exploring several ideas, the Spaces and Solutions idea with the little twist became the final design solution. Organizing content by learning spaces and solutions remained intact. All of the content from the Spaces and Solutions idea also moved forward to the final design. The difference we made was that the content was placed in a overlay window instead of the card section below, shortening the page length and eliminating the page scroll. When the sub navigation links were clicked, overlay window appeared and revealed the corresponding content instead of auto-scrolling.
SEE THE LIVE SITE
Key features:
Key features:
NEXT PROJECT