Temperonic Website

Redesign

— PROJECT NAME

Temperonic Website Redesign

— ROLE

UX Designer

— DATE

April 2022 -

June 2022

Project Goal – Create a usable website for Temperonic Control Systems that contains more content than just the bare minimum. Include detailed pages about the company’s products and more information about the company. And lastly, make a visually appealing site.

Target Audience – Temperonic Control Systems creates digital systems for agricultural operations, particularly for poultry, hog and dairy farmers. The target audiences are current and potential customers and dealers for the company.

Project Background

A few years ago, while I was working for Temperonic Control Systems, I was tasked with redesigning the website. I’ll be the first to admit that I went into it blind and had very little understanding of how to design an effective website. But I was itching to do something other than assembly work. I stumbled through Wordpress to find a template that fit the business’s personality and added the most important information: contact and business hours.

The website remained this way for a couple years until I decided to take on its redesign as a personal UX design project. This project would push me out of my comfort zone to design a user experience outside of the classroom.

1. Information – The lack of information makes it difficult for users to find out more about the company's products online. This means they either have to call or email the company, and this can take up time for both the customers and the employees of Temperonic.

2. Clarity – While the manuals for products are available to download from the website, only the product codes have been used to identify them, and this makes it challenging to find the right manual if the customer doesn't know what the product codes are.

3. Unappealing – Because there is just so little on the site, it's not nice to look at, and the text that is there is not written at an easy reading level. This could deter some customers from considering this company for the products they need to keep their farm functioning.

User 1 – Kenneth

As a chicken farmer, Kenneth is passionate about using technology to run farm operations and needs a way to easily refer his fellow farmers to Temperonic’s products because they don’t always have the time to call the business.

User 2 – John

John Martin is a pig farmer who isn’t overly familiar with technology and needs to be able to quickly and easily find replacements for his product manuals because he can’t take the time to search for the ones he’s lost.

I conducted a competitive audit on some of Temperonic’s competitors. My goal for this audit in particular was just to see what sorts of features and content these other companies had on their websites. I wasn’t necessarily looking for a way to make Temperonic’s website stand out, but rather seeing what I missed the first time I worked on its redesign. This process was extremely valuable because I learned what websites for agricultural engineering products should contain.

After I completed my competitive audit and spoke with the Temperonic employees about what I found, I was able to start ideating on paper. My focus was on creating a complete and functional website, including a welcoming home page, an about page, and product details pages.

Before working on digital wireframes, I created a sitemap to help me visualize which pages to prioritize and the interaction architecture of the website.

With the sitemap in mind, I created my digital wireframes. I also used my paper wireframes as a guide for these designs. These wireframes were used to create a low-fidelity prototype, which was used for usability testing. The prototype can be viewed here.

I tested the usability of the Temperonic website over a week with moderated usability studies. I had four participants ranging in age from 23 to 35. Some of the usability studies were virtual and some of them were in-person. Each session took roughly 20 minutes as each participant was given four tasks to complete. Participants were also asked follow-up questions after each task. Key performance indicators used in this study were Task Success Rates and Time on Task.

Manual Library

The results of the usability study indicated that the new website design was functional and easy to use. However, there was one feature that was overlooked by all participants.

Manual Library – All the participants clicked through the product flow to find the product manual, missing the "Manual Library" option in the dropdown menu. Making this option more visable became a goal for the high-fidelity mockup.

While the main goal for the high-fidelity mockups was to create a usable and functional website, the secondary goal was to create something visually appealing. I focused on how to include photos and design while also keeping website functionality. I also added some depth to the Products dropdown, emphasizing the Manual Library, and I added a link to the manual library in the header.

I also worked on responsive web design for this project by creating mockups for the mobile version of the site. Farmers are very busy people and rely heavily on mobile technology.

High Fidelity Mockups

Impact – The new design of the Temperonic Control Systems website is much more usable and visually appealing than the old one, and should improve the company's web presence. My clients at Temperonic were also very satisfied with my designs.

What I learned – I learned how to engage with a client to get the information I need for the website redesign. After completing the competitive audit, I had a list of things to discuss with my client. This resulted in a much more comprehensive web design than my initial attempt.

View the final website at https://temperonic.com/.

Jess Veldhuis UX Designer

Temperonic Website