ZonaEBT
ZonaEBT
March 2024 - June 2024
March 2024 - June 2024
March 2024 - June 2024
ZonaEBT Homepage Website
ZonaEBT Homepage Website
Overview
Overview
About the Project
About the Project
Revamping the homepage design for zonaebt was my first responsibility during my internship at ZonaEBT. The goal of this revamp was to present information on the website in a more structured and readable manner for visitors.
Revamping the homepage design for zonaebt was my first responsibility during my internship at ZonaEBT. The goal of this revamp was to present information on the website in a more structured and readable manner for visitors.
Role & Responsibility
Role & Responsibility
UI/UX Designer
UI/UX Designer
As a UI/UX Designer, my role was to gather briefs from stakeholders and analyze the current homepage to identify areas for improvement. I also conducted requirement gathering with stakeholders to determine the content to be included on the website and translated it into the website’s design.
As a UI/UX Designer, my role was to gather briefs from stakeholders and analyze the current homepage to identify areas for improvement. I also conducted requirement gathering with stakeholders to determine the content to be included on the website and translated it into the website’s design.
Whats the problem?
Whats the problem?
The zonaebt homepage hasn't been updated in the past few years; therefore, the current website design is outdated and needs improvement. Here are some notes on the current website:
The zonaebt homepage hasn't been updated in the past few years; therefore, the current website design is outdated and needs improvement. Here are some notes on the current website:
There are no design guidelines for the website, so its components are inconsistent
The content layout is messy
What should we do?
What should we do?
Given these issues, a revamp of the zonaebt homepage design is necessary to ensure the content is more structured, the design is more up-to-date, and create a website design guideline to ensure consistency of the components.
Given these issues, a revamp of the zonaebt homepage design is necessary to ensure the content is more structured, the design is more up-to-date, and create a website design guideline to ensure consistency of the components.
Requirement Gathering - Information Architecture
Requirement Gathering - Information Architecture
After conducting the product briefing, I proceeded with requirement gathering with the stakeholders. For the homepage, I created the following information architecture:
After conducting the product briefing, I proceeded with requirement gathering with the stakeholders. For the homepage, I created the following information architecture:
Navigation Bar
zonaebt Partner
zonaebt Services
Key Value
News
Testimonials
Footer
Design Exploration
Design Exploration
Design Guidelines
Design Guidelines
First, I created a design guideline to maintain design consistency.
Homepage Design
Homepage Design
Then I began designing the homepage as follows:
Design Review
Design Review
The design I created was then presented to the stakeholders, and they provided the following feedback:
The design I created was then presented to the stakeholders, and they provided the following feedback:
Design Finalization
Design Finalization
Here is the final design created after the design review
Here is the final design created after the design review
Key Takeaways
Key Takeaways
What did I learn?
Always communicate with stakeholders to ensure that requirements and outcomes align with their desires.
A design guidelines greatly helps in maintaining design consistency