Reflection
Clear communication is essential. Whether with the team or the client, keeping everyone aligned ensures the project moves forward smoothly.
Clear communication is essential. Whether with the team or the client, keeping everyone aligned ensures the project moves forward smoothly.
Clear communication is essential. Whether with the team or the client, keeping everyone aligned ensures the project moves forward smoothly.
Patience matters but so does progress. I learned to balance waiting with knowing when to make decisions and push for progress.
Patience matters but so does progress. I learned to balance waiting with knowing when to make decisions and push for progress.
Patience matters but so does progress. I learned to balance waiting with knowing when to make decisions and push for progress.
I became more confident in making design decisions based on both user needs and client goals.
I became more confident in making design decisions based on both user needs and client goals.
I developed a stronger collaboration mindset, learning how to work more effectively with both team members and the client.
I developed a stronger collaboration mindset, learning how to work more effectively with both team members and the client.
I developed a stronger collaboration mindset, learning how to work more effectively with both team members and the client.
Project Overview
Project Overview
Team
4 People
Team
4 People
Role
UI/UX Designer
Role
UI/UX Designer
Timeline
7 Weeks
Timeline
7 Weeks
Tools
Figma, Wix
Tools
Figma, Wix
Description
E.B. Box Company, a leading manufacturer of paperboard packaging for the food industry, partnered on a website redesign to enhance the user experience, modernize the design, and better showcase its capabilities.
Description
E.B. Box Company, a leading manufacturer of paperboard packaging for the food industry, partnered on a website redesign to enhance the user experience, modernize the design, and better showcase its capabilities.
Design Goals
Communicate the company’s value and credibility clearly through design.
Improve visual hierarchy, readability, and overall user experience.
Implement a contact form for inquires and an easy way to reach company.
Showcase companies capabilities and diverse box offerings.
Create a clean, simple and professional look that builds trust.
Integrate social media link (LinkedIn, Instagram) for better engagement.
Mid-Fidelity Wireframes
Mid-Fidelity Wireframes
What we do → How we do it → Why we’re different → Social proof → Contact.
Focused on user needs and business goals
Emphasized clarity and scroll-friendly flow
What we do → How we do it → Why we’re different → Social proof → Contact.
Focused on user needs and business goals
Emphasized clarity and scroll-friendly flow
What we do → How we do it → Why we’re different → Social proof → Contact.
Focused on user needs and business goals
Emphasized clarity and scroll-friendly flow
Simple layout with a clean contact form
Included business info and location
Removed unnecessary elements to reduce distractions
Simple layout with a clean contact form
Included business info and location
Removed unnecessary elements to reduce distractions
Simple layout with a clean contact form
Included business info and location
Removed unnecessary elements to reduce distractions
Homepage
Homepage
Contact Page
Contact Page
High-Fidelity Wireframes
High-Fidelity Wireframes
Balanced visual simplicity with strong brand presence
Designed clear, visually distinct CTA buttons for user guidance
Applied brand colors and consistent typography
Ensured visual consistency between homepage and contact page
Modernized visual style and hierarchy
Balanced visual simplicity with strong brand presence
Designed clear, visually distinct CTA buttons for user guidance
Applied brand colors and consistent typography
Ensured visual consistency between homepage and contact page
Modernized visual style and hierarchy
Final Product
This is the live implementation of the redesigned E.B. Box website. While the overall structure, layout, and visual design are complete, some content remains as placeholders as the client continues to gather final assets such as certifications, awards, images, and videos.
This is the live implementation of the redesigned E.B. Box website. While the overall structure, layout, and visual design are complete, some content remains as placeholders as the client continues to gather final assets such as certifications, awards, images, and videos.
Due to client preferences, some design choices in the final product differ from the original design vision.
Due to client preferences, some design choices in the final product differ from the original design vision.
Visual Style Guide
Visual Style Guide
#000000
#000000
Colour Palette
Colour Palette
CTA Button
Icons
Icons
Logo
Typography
Typography
Heading Font: Helvetica Neue - Bold
Body Font: Helvetica Neue - Regular
Button Font: Helvetica Neue - Bold
Heading Font
Helvetica Neue - Bold
Heading Font: Helvetica Neue - Bold
Body Font: Helvetica Neue - Regular
Button Font: Helvetica Neue - Bold
Body Font
Helvetica Neue - Regular
Button Font
Helvetica Neue - Bold
#0099CE
#0099CE
#F8F8F8
#F8F8F8
#FFFFFF
#FFFFFF
Button
CTA Button
Button
Logo
E.B. Box Company
E.B. Box Company
E.B. Box Company
Website Redesign
Website Redesign
Website Redesign
Design Goals
Communicate the company’s value and credibility clearly through design.
Showcase companies capabilities and diverse box offerings.
Improve visual hierarchy, readability, and overall user experience.
Create a clean, simple and professional look that builds trust.
Implement a contact form for inquires and an easy way to reach company.
Integrate social media link (LinkedIn, Instagram) for better engagement.
Design Goals
Communicate the company’s value and credibility clearly through design.
Showcase companies capabilities and diverse box offerings.
Improve visual hierarchy, readability, and overall user experience.
Create a clean, simple and professional look that builds trust.
Implement a contact form for inquires and an easy way to reach company.
Integrate social media link (LinkedIn, Instagram) for better engagement.
Visual Comparison
Original Homepage
Original Contact Page
Redesigned Homepage
Redesigned Contact Page
Visual Comparison
Original Homepage
Original Contact Page
Redesigned Homepage
Redesigned Contact Page
Visual Comparison
Original Homepage
Original Contact Page
Redesigned Homepage
Redesigned Contact Page
User Research & Insights
Survey Results
To better understand the experiences of existing clients, we distributed a short survey to several of E.B. Box’s current customers. The goal was to gather insights about their interactions with the company and identify potential opportunities to improve the website.
Outcome
Only one response was received after a little over a week
The low response rate slowed our research progress within the 7-week project timeline
The recommendation from the respondent could not be implemented because it was not approved by the stakeholder
Reflection
Due to the limited participation, the survey did not provide enough data to meaningfully influence the redesign. As a result, we relied more heavily on stakeholder interviews and competitive research to guide our design decisions.
Stakeholder Interview
We conducted a stakeholder interview with the E.B. Box team to understand their business goals, current challenges, and expectations for the website redesign.
Primary Goal
Design a modern, clean, and industry-standard website that highlights E.B. Box’s capabilities and production process, while providing clear product information to help customers confidently choose and inquire about products.
Key Insights
Improve contact accessibility
Expand and update product listings
Showcase the manufacturing process and their capabilities
Provide clearer product information
Improve information architecture
User Research & Insights
Survey Results
To better understand the experiences of existing clients, we distributed a short survey to several of E.B. Box’s current customers. The goal was to gather insights about their interactions with the company and identify potential opportunities to improve the website.
Outcome
Only one response was received after a little over a week
The low response rate slowed our research progress within the 7-week project timeline
The recommendation from the respondent could not be implemented because it was not approved by the stakeholder
Reflection
Due to the limited participation, the survey did not provide enough data to meaningfully influence the redesign. As a result, we relied more heavily on stakeholder interviews and competitive research to guide our design decisions.
Stakeholder Interview
We conducted a stakeholder interview with the E.B. Box team to understand their business goals, current challenges, and expectations for the website redesign.
Primary Goal
Design a modern, clean, and industry-standard website that highlights E.B. Box’s capabilities and production process, while providing clear product information to help customers confidently choose and inquire about products.
Key Insights
Improve contact accessibility
Expand and update product listings
Showcase the manufacturing process and their capabilities
Provide clearer product information
Improve information architecture
User Research & Insights
Survey Results
To better understand the experiences of existing clients, we distributed a short survey to several of E.B. Box’s current customers. The goal was to gather insights about their interactions with the company and identify potential opportunities to improve the website.
Outcome
Only one response was received after a little over a week
The low response rate slowed our research progress within the 7-week project timeline
The recommendation from the respondent could not be implemented because it was not approved by the stakeholder
Reflection
Due to the limited participation, the survey did not provide enough data to meaningfully influence the redesign. As a result, we relied more heavily on stakeholder interviews and competitive research to guide our design decisions.
Stakeholder Interview
We conducted a stakeholder interview with the E.B. Box team to understand their business goals, current challenges, and expectations for the website redesign.
Primary Goal
Design a modern, clean, and industry-standard website that highlights E.B. Box’s capabilities and production process, while providing clear product information to help customers confidently choose and inquire about products.
Key Insights
Improve contact accessibility
Expand and update product listings
Showcase the manufacturing process and their capabilities
Provide clearer product information
Improve information architecture
Usability Testing & Insights
We conducted usability testing with participants to evaluate the clarity, navigation, and overall user experience of the redesigned website.
These insights validated the effectiveness of the redesigned structure, navigation, and visual hierarchy, confirming that users could easily understand E.B. Box’s services and find relevant product information.
These insights validated the effectiveness of the redesigned structure, navigation, and visual hierarchy, confirming that users could easily understand E.B. Box’s services and find relevant product information.
Overall Feedback
Feedback was overwhelmingly positive
Participants found the site clear, modern, and professional
Design decisions and content structure were validated through testing
Only minor opportunities for improvement were identified
Homepage Clarity
All participants immediately understood that the company sells and manufactures boxes
The visual hierarchy and messaging clearly communicated the company’s purpose
No confusion was reported about what the company does
Overall User Experience
The website was described as intuitive and user-friendly
The information architecture and interaction design aligned with user expectations
Participants were able to complete tasks without difficulty
Navigation & Content Discovery
Participants were able to easily find different box types
The categorized layout made browsing simple and efficient
No major navigation issues or confusion were observed during testing
First Impressions
Participants described the website as “very appealing” and “professionally made”
The clean visual design and subtle animations increased trust and perceived legitimacy
The overall design felt modern and industry-appropriate
We conducted usability testing with participants to evaluate the clarity, navigation, and overall user experience of the redesigned website.
Overall Feedback
Feedback was overwhelmingly positive
Participants found the site clear, modern, and professional
Design decisions and content structure were validated through testing
Only minor opportunities for improvement were identified
First Impressions
Participants described the website as “very appealing” and “professionally made”
The clean visual design and subtle animations increased trust and perceived legitimacy
The overall design felt modern and industry-appropriate
Homepage Clarity
All participants immediately understood that the company sells and manufactures boxes
The visual hierarchy and messaging clearly communicated the company’s purpose
No confusion was reported about what the company does
Navigation & Content Discovery
Participants were able to easily find different box types
The categorized layout made browsing simple and efficient
No major navigation issues or confusion were observed during testing
Overall User Experience
The website was described as intuitive and user-friendly
The information architecture and interaction design aligned with user expectations
Participants were able to complete tasks without difficulty
These insights validated the effectiveness of the redesigned structure, navigation, and visual hierarchy, confirming that users could easily understand E.B. Box’s services and find relevant product information.
Usability Testing & Insights