With this process I worked with COO and Brand Manager to complete a full UI/UX design for the Teron Lighting Gallery Page. With the previous gallery view being a bulleted list for product images, we wanted to add value to the pictures that customers were wanting to view to help make their purchasing decisions. This idea stemmed from knowing the users of the site from years of experience. With this process, we went through wire-framing, testing, hi-fi mockups, working with a developer for Wordpress development, to the final product, while designing for the Teron brand. Designing with a simple solution ended up being the best solution that matched the goals of our customers.
Here is the live URL for this page: https://teronlighting.com/gallery/
Project Objective
The objective for this project was to create an experience for Teron customers to find product images easier instead of using a bulleted list to find the images they were looking for. This was to increase the visual representation of what users would normally look for.
User Research
Working with Teron Lighting for over 2 years at this point in my career, knowledge of the target demographic, we wanted to create an experience for them as well that would be a natural step toward an efficient way to look for images. With more contractors and in-house sales professionals viewing the Teron site, we wanted associates not in front of computers all day to use the new design with ease! Creating a simple solution for this project was key. We wanted to provide them the most value when they decided to look for a fixture. We didn't want to create an ornate solution that would confuse the user as well.
Low-Fi Mock-Up Process
Coinciding with the objective, we created a simple design that makes application shots, showcase shots of product in their environments, product images on white backgrounds, and videos that showcase the features and benefits of various products stand out. We wanted to showcase all 3 categories together to give previews of each section. After clicking through the main hub, they go through sections that showcase each collection of assets. Below are some of the sketches that show the general concept:
Project Reflection
The finished product can be found by this URL: https://teronlighting.com/gallery/. To complete the project, I collaborated with developers to make sure the experience was seamless, smooth, and dynamic to match our target objective. We later decided to later add features to be able to download product images and for those images to be linked to their corresponding product pages. These product pages are also linked to order forms that the user can use to place an order. This create an experience that can take them from point A to B quickly. Once they find the product that they link, they can follow a link to the product in order to purchase it with the sales team at Teron.
