Improving a Website for
Better Usability & Accessibility
Improving a Website for
Better Usability & Accessibility
Improving a Website for
Better Usability & Accessibility
Responsive Website
Live Site
Duration
Duration
1 month
1 month
1 month
Tools
Tools
Figma, Notion, Canva, Pencil + Paper
Figma, Notion, Canva, Pencil + Paper
Figma, Notion, Canva, Pencil + Paper
My Role
My Role
User Researcher, UX & UI Designer
User Researcher, UX & UI Designer
User Researcher, UX & UI Designer
Worked With
Worked With
A Software Engineer, Jessica Scott - Manager at Enterprize Steel
A Software Engineer, Jessica Scott - Manager at Enterprize Steel
A Software Engineer, Jessica Scott - Manager at Enterprize Steel
2 mins to skim
2 mins to skim
4.5 mins to read
4.5 mins to read
The Problem
The Problem
The Problem
Clients have trouble finding key information and projects on the Enterprize Steel website. Poor navigation, dated visuals and information as well as limited accessibility create friction, reducing trust and engagement.
Clients have trouble finding key information and projects on the Enterprize Steel website. Poor navigation, dated visuals and information as well as limited accessibility create friction, reducing trust and engagement.
Clients have trouble finding key information and projects on the Enterprize Steel website. Poor navigation, dated visuals and information as well as limited accessibility create friction, reducing trust and engagement.
Who is Enterprize Steel?
Who is Enterprize Steel?
Who is Enterprize Steel?
Enterprize Steel is an Auckland steel construction company with over 30 years of experience in large-scale projects. Despite their strong reputation, their outdated and inaccessible website needed a redesign to better represent the brand and remain competitive.
Enterprize Steel is an Auckland steel construction company with over 30 years of experience in large-scale projects. Despite their strong reputation, their outdated and inaccessible website needed a redesign to better represent the brand and remain competitive.
Enterprize Steel is an Auckland steel construction company with over 30 years of experience in large-scale projects. Despite their strong reputation, their outdated and inaccessible website needed a redesign to better represent the brand and remain competitive.
Goals
Goals
Goals
Improve and Update Website Content
Improve and Update Website Content
The existing website contains outdated content that needs to be refreshed, the new design will ensure all information is relevant, clear and effectively communicates the company's expertise and projects.
The existing website contains outdated content that needs to be refreshed, the new design will ensure all information is relevant, clear and effectively communicates the company's expertise and projects.
The existing website contains outdated content that needs to be refreshed, the new design will ensure all information is relevant, clear and effectively communicates the company's expertise and projects.
Align the Website with their Brand Identity
Align the Website with their Brand Identity
The website should accurately reflect Enterprize Steel's brand, reinforcing its reputation in the industry. This involves using the right visual style, messaging and structure to showcase the company's strengths and values.
The website should accurately reflect Enterprize Steel's brand, reinforcing its reputation in the industry. This involves using the right visual style, messaging and structure to showcase the company's strengths and values.
The website should accurately reflect Enterprize Steel's brand, reinforcing its reputation in the industry. This involves using the right visual style, messaging and structure to showcase the company's strengths and values.
Simplify the User Journey
Simplify the User Journey
Users should be able to easily navigate the website, find project showcases and access contact details without friction. Enhancing the browsing experience and improving usability.
Users should be able to easily navigate the website, find project showcases and access contact details without friction. Enhancing the browsing experience and improving usability.
Users should be able to easily navigate the website, find project showcases and access contact details without friction. Enhancing the browsing experience and improving usability.
A Look at the Outcome
A Look at the Outcome
A Look at the Outcome
Great success! The website redesign has been highly successful. With intuitive and easy access to the correct contact information, there has been a noticable decrease in calls to reception and fewer misdirected emails in administrative inboxes. Additionally, since the company specialises in large scale projects, the website clearly communicates its services, leading to fewer inquiries about small jobs or products that they do not offer.
Great success! The website redesign has been highly successful. With intuitive and easy access to the correct contact information, there has been a noticable decrease in calls to reception and fewer misdirected emails in administrative inboxes. Additionally, since the company specialises in large scale projects, the website clearly communicates its services, leading to fewer inquiries about small jobs or products that they do not offer.
Great success! The website redesign has been highly successful. With intuitive and easy access to the correct contact information, there has been a noticable decrease in calls to reception and fewer misdirected emails in administrative inboxes. Additionally, since the company specialises in large scale projects, the website clearly communicates its services, leading to fewer inquiries about small jobs or products that they do not offer.
Research
Research
Research
Value Propositions for Enterprize Steel
Value Propositions for Enterprize Steel
Extensive experience in the construction industry with many different large-scale projects.
Completes the entire steel process, including fabricating steel and erection.
Central Auckland location
Extensive experience in the construction industry with many different large-scale projects.
Completes the entire steel process, including fabricating steel and erection.
Central Auckland location
Extensive experience in the construction industry with many different large-scale projects.
Completes the entire steel process, including fabricating steel and erection.
Central Auckland location
Who are our users?
Who are our users?
The main focus group consists of Project Managers in the construction industry searching for reliable contractors for upcoming projects. Additional users include current collaborators and staff members looking for the right contact details.
The main focus group consists of Project Managers in the construction industry searching for reliable contractors for upcoming projects. Additional users include current collaborators and staff members looking for the right contact details.
The main focus group consists of Project Managers in the construction industry searching for reliable contractors for upcoming projects. Additional users include current collaborators and staff members looking for the right contact details.
What are the user needs?
What are the user needs?
Users need to immediately understand the company’s services and assess if Enterprize Steel is the right fit for their project. Once confident, they need a clear and efficient way to reach the appropriate contact.
Users need to immediately understand the company’s services and assess if Enterprize Steel is the right fit for their project. Once confident, they need a clear and efficient way to reach the appropriate contact.
Users need to immediately understand the company’s services and assess if Enterprize Steel is the right fit for their project. Once confident, they need a clear and efficient way to reach the appropriate contact.
What are the clients goals?
What are the clients goals?
After speaking with Enterprize Steel’s management, the key goal was a refreshed and more functional website. They wanted an updated interface, clearer project information, inclusion of their paint shop (Selwood Coatings), and a fully responsive mobile layout. The team valued elements from the existing site such as the homepage video, accessible navigation, and smooth scrolling animations. The impact they wanted to achieve is to reduce admin spam, direct enquiries to the right people, and make it easier for potential clients to explore past projects and get in touch.
After speaking with Enterprize Steel’s management, the key goal was a refreshed and more functional website. They wanted an updated interface, clearer project information, inclusion of their paint shop (Selwood Coatings), and a fully responsive mobile layout. The team valued elements from the existing site such as the homepage video, accessible navigation, and smooth scrolling animations. The impact they wanted to achieve is to reduce admin spam, direct enquiries to the right people, and make it easier for potential clients to explore past projects and get in touch.
After speaking with Enterprize Steel’s management, the key goal was a refreshed and more functional website. They wanted an updated interface, clearer project information, inclusion of their paint shop (Selwood Coatings), and a fully responsive mobile layout. The team valued elements from the existing site such as the homepage video, accessible navigation, and smooth scrolling animations. The impact they wanted to achieve is to reduce admin spam, direct enquiries to the right people, and make it easier for potential clients to explore past projects and get in touch.
Competitive Audit
Competitive Audit
This was conducted between direct and indirect competitors.
This was conducted between direct and indirect competitors.
This was conducted between direct and indirect competitors.
Personas
Personas
After the competitive audit and qualitative research I made personas to further research users behaviours and characteristics.
After the competitive audit and qualitative research I made personas to further research users behaviours and characteristics.
After the competitive audit and qualitative research I made personas to further research users behaviours and characteristics.
Lo-Fi Prototypes and Brand Identity
Lo-Fi Prototypes and Brand Identity
Lo-Fi Prototypes and Brand Identity
Created low-fidelity desktop prototypes with a more structured layout and refined the overall brand identity for consistency.
Created low-fidelity desktop prototypes with a more structured layout and refined the overall brand identity for consistency.
Created low-fidelity desktop prototypes with a more structured layout and refined the overall brand identity for consistency.
Hi-Fi Prototypes and Stakeholder Thoughts
Hi-Fi Prototypes and Stakeholder Thoughts
Hi-Fi Prototypes and Stakeholder Thoughts
Based on the Lo-Fi prototypes and brand identity, I went to create the Hi-Fi prototypes.
Based on the Lo-Fi prototypes and brand identity, I went to create the Hi-Fi prototypes.
Based on the Lo-Fi prototypes and brand identity, I went to create the Hi-Fi prototypes.
Stakeholder Meeting
Stakeholder Meeting
Stakeholder Meeting
I met with Enterprize Steel’s management team to present the first version of the high-fidelity website prototypes and gather their feedback, opinions, and suggestions for improvement.
I met with Enterprize Steel’s management team to present the first version of the high-fidelity website prototypes and gather their feedback, opinions, and suggestions for improvement.
I met with Enterprize Steel’s management team to present the first version of the high-fidelity website prototypes and gather their feedback, opinions, and suggestions for improvement.
Positive Feedback:
The design matches the brand colours and represents Enterprize Steel well.
Overall layout feels more organised and modern.
Information is up to date and clearly presented.
Pleased with the layout of the 'About' page.
Happy with the 'Selwood', 'About', 'Projects' and 'Contact' pages.
Suggestions for Improvement:
Add images showcasing SiteSafe Awards, SCNZ, and HERA certifications on the 'About' page.
The 'Homepage' still feels too similar to the original website.
Simplify the 'Homepage' to create a cleaner, more refined, and minimalistic look that aligns with the other pages.
Positive Feedback:
The design matches the brand colours and represents Enterprize Steel well.
Overall layout feels more organised and modern.
Information is up to date and clearly presented.
Pleased with the layout of the 'About' page.
Happy with the 'Selwood', 'About', 'Projects' and 'Contact' pages.
Suggestions for Improvement:
Add images showcasing SiteSafe Awards, SCNZ, and HERA certifications on the 'About' page.
The 'Homepage' still feels too similar to the original website.
Simplify the 'Homepage' to create a cleaner, more refined, and minimalistic
look that aligns with the other pages.
Positive Feedback:
The design matches the brand colours and represents Enterprize Steel well.
Overall layout feels more organised and modern.
Information is up to date and clearly presented.
Pleased with the layout of the 'About' page.
Happy with the 'Selwood', 'About', 'Projects' and 'Contact' pages.
Suggestions for Improvement:
Add images showcasing SiteSafe Awards, SCNZ, and HERA certifications on the 'About' page.
The 'Homepage' still feels too similar to the original website.
Simplify the 'Homepage' to create a cleaner, more refined, and minimalistic
look that aligns with the other pages.
Back to the drawing board!
Back to the drawing board!
Back to the drawing board!
With the information received from the stakeholder meeting, I set out to improve the website using their suggestions. Starting with Lo-Fi Prototypes for iteration to creating Hi-Fi Prototypes.
With the information received from the stakeholder meeting, I set out to improve the website using their suggestions. Starting with Lo-Fi Prototypes for iteration to creating Hi-Fi Prototypes.
With the information received from the stakeholder meeting, I set out to improve the website using their suggestions. Starting with Lo-Fi Prototypes for iteration to creating Hi-Fi Prototypes.
Usability Testing
Usability Testing
Usability Testing
I conducted an in-person moderated usability study with four participants aged 30–45, all working in the construction industry, using the updated high-fidelity prototypes. Participants were asked to imagine themselves as project managers looking for a steel company to handle fabrication and erection. Based on key user needs, their tasks included finding the correct contact for tender inquiries and locating the phone number for reception.
I conducted an in-person moderated usability study with four participants aged 30–45, all working in the construction industry, using the updated high-fidelity prototypes. Participants were asked to imagine themselves as project managers looking for a steel company to handle fabrication and erection. Based on key user needs, their tasks included finding the correct contact for tender inquiries and locating the phone number for reception.
I conducted an in-person moderated usability study with four participants aged 30–45, all working in the construction industry, using the updated high-fidelity prototypes. Participants were asked to imagine themselves as project managers looking for a steel company to handle fabrication and erection. Based on key user needs, their tasks included finding the correct contact for tender inquiries and locating the phone number for reception.
Results
Results
Task One: Locate the contact information for the Estimator for your tender inquiry.
Participant 1: Located the contact within 15 seconds on the 'About' page - commented that the labels were clear and easy to scan.
Participant 2: Located it in 25 seconds and initially clicked on the 'Contact' page before finding the information. Suggested a CTA button to direct users to the 'About' page for more contact information
Participant 3: Found the correct contact easily and appreciated the clear page structure and job title labels.
Participant 4: Located the contact within 10 seconds, stating that including job name, title, email and phone number was helpful.
Overall Insight:
All participants successfully completed the task, with an average completion time of 18 seconds.
Task One: Locate the contact information for the Estimator for your tender inquiry.
Participant 1: Located the contact within 15 seconds on the 'About' page - commented that the labels were clear and easy to scan.
Participant 2: Located it in 25 seconds and initially clicked on the 'Contact' page before finding the information. Suggested a CTA button to direct users to the 'About' page for more contact information
Participant 3: Found the correct contact easily and appreciated the clear page structure and job title labels.
Participant 4: Located the contact within 10 seconds, stating that including job name, title, email and phone number was helpful.
Overall Insight:
All participants successfully completed the task, with an average completion time of 18 seconds.
Task One: Locate the contact information for the Estimator for your tender inquiry.
Participant 1: Located the contact within 15 seconds on the 'About' page - commented that the labels were clear and easy to scan.
Participant 2: Located it in 25 seconds and initially clicked on the 'Contact' page before finding the information. Suggested a CTA button to direct users to the 'About' page for more contact information
Participant 3: Found the correct contact easily and appreciated the clear page structure and job title labels.
Participant 4: Located the contact within 10 seconds, stating that including job name, title, email and phone number was helpful.
Overall Insight:
All participants successfully completed the task, with an average completion time of 18 seconds.
Task Two: Locate the contact phone number for reception.
Participant 1: Went to the 'Contact' page and located the phone number, no issues.
Participant 2: Located it on the 'About' page as they had noticed the phone number was show under the Meet the Team section
Participant 3: Located it quickly through the 'Contact' page, commented that they liked the icons next to the information instead of text.
Participant 4: Went straight to the 'Contact' page and found the phone number there.
Overall Insight:
All users successfully completed the task, with an average completion time of 8 seconds. There were a mix of users finding the reception number on the 'About' page and more commonly, the 'Contact' page.
Task Two: Locate the contact phone number for reception.
Participant 1: Went to the 'Contact' page and located the phone number, no issues.
Participant 2: Located it on the 'About' page as they had noticed the phone number was show under the Meet the Team section
Participant 3: Located it quickly through the 'Contact' page, commented that they liked the icons next to the information instead of text.
Participant 4: Went straight to the 'Contact' page and found the phone number there.
Overall Insight:
All users successfully completed the task, with an average completion time of 8 seconds. There were a mix of users finding the reception number on the 'About' page and more commonly, the 'Contact' page.
Task Two: Locate the contact phone number for reception.
Participant 1: Went to the 'Contact' page and located the phone number, no issues.
Participant 2: Located it on the 'About' page as they had noticed the phone number was show under the Meet the Team section
Participant 3: Located it quickly through the 'Contact' page, commented that they liked the icons next to the information instead of text.
Participant 4: Went straight to the 'Contact' page and found the phone number there.
Overall Insight:
All users successfully completed the task, with an average completion time of 8 seconds. There were a mix of users finding the reception number on the 'About' page and more commonly, the 'Contact' page.
Solutions
Solutions
Solutions
Immediately stating on the landing page what Enterprize Steel does
Immediately stating on the landing page what Enterprize Steel does
Immediately stating on the landing page what Enterprize Steel does
The vague, hard-to-read sentence above the video was removed and replaced with a clear, prominent explanation with CTA buttons.
The vague, hard-to-read sentence above the video was removed and replaced with a clear, prominent explanation with CTA buttons.
The vague, hard-to-read sentence above the video was removed and replaced with a clear, prominent explanation with CTA buttons.
Including contact information for the management team
Including contact information for the management team
Including contact information for the management team
Including email addresses and phone numbers for the management team so users can contact them directly.
Including email addresses and phone numbers for the management team so users can contact them directly.
Including email addresses and phone numbers for the management team so users can contact them directly.
Streamlining the homepage with necessary information
Streamlining the homepage with necessary information
Streamlining the homepage with necessary information
Duplicate information on the homepage was removed, leaving only the updated essential details users need, while retaining the slide-in animation.
Duplicate information on the homepage was removed, leaving only the updated essential details users need, while retaining the slide-in animation.
Duplicate information on the homepage was removed, leaving only the updated essential details users need, while retaining the slide-in animation.
Organising the contact information
Organising the contact information
The contact page was updated to include information for both Enterprize Steel and Selwood Coatings, organised in a clearer, more coherent layout.
The contact page was updated to include information for both Enterprize Steel and Selwood Coatings, organised in a clearer, more coherent layout.
The contact page was updated to include information for both Enterprize Steel and Selwood Coatings, organised in a clearer, more coherent layout.
Implementation & Final Thoughts
Implementation & Final Thoughts
Implementation & Final Thoughts
With great feedback from usability testing and approval from the stakeholders, I handed the final designs over to the Software Engineer to bring the website to life. I’ll continue checking in with Enterprize Steel to see if they’d like to update content or make future improvements.
Final Thoughts
This project taught me a lot about balancing what users need with business goals, while keeping the brand feeling consistent. It was really rewarding to see how small changes in usability and accessibility could make a big difference for how people interact with the site. Overall, it was a great experience for me as a designer and gave me confidence to tackle more complex challenges in the future. Check out the live site below!
With great feedback from usability testing and approval from the stakeholders, I handed the final designs over to the Software Engineer to bring the website to life. I’ll continue checking in with Enterprize Steel to see if they’d like to update content or make future improvements.
Final Thoughts
This project taught me a lot about balancing what users need with business goals, while keeping the brand feeling consistent. It was really rewarding to see how small changes in usability and accessibility could make a big difference for how people interact with the site. Overall, it was a great experience for me as a designer and gave me confidence to tackle more complex challenges in the future. Check out the live site below!
With great feedback from usability testing and approval from the stakeholders, I handed the final designs over to the Software Engineer to bring the website to life. I’ll continue checking in with Enterprize Steel to see if they’d like to update content or make future improvements.
Final Thoughts
This project taught me a lot about balancing what users need with business goals, while keeping the brand feeling consistent. It was really rewarding to see how small changes in usability and accessibility could make a big difference for how people interact with the site. Overall, it was a great experience for me as a designer and gave me confidence to tackle more complex challenges in the future. Check out the live site below!
Explore More Case Studies!
Explore More Case Studies!
Support Feature
Prototype
Optimising the Contact Page for
User Communication
WatchOS Adaptation
Prototype
Enhancing the Public Transport
Experience with WatchOS
Support Feature
Prototype
Optimising the Contact Page for
User Communication
Explore More Case Studies!
Support Feature
Prototype
Optimising the Contact Page for
User CommunicationWatchOS Adaptation
Prototype
Enhancing the Public Transport
Experience with WatchOS
Support Feature
Prototype
Optimising the Contact Page for
User CommunicationWatchOS Adaptation
Prototype
Enhancing the Public Transport
Experience with WatchOS
