Sunpride
New face of Sunpride for its 50th Anniversary
2021
Year
Web Design, Redesign Project
Project Type
Marketing Lead, Content Lead, Project Manager, Developer, UX Designer
Team
UX Designer
Role
Context
Sunpride, a local company from visayas providing filipinos with accessible and affordable protein, is celebrating its 50 years in the Industry. This proud legacy continues on with every new brand and meat product it develops for new generations of Filipinos to enjoy.
Problem
Sunpride’s website has not been updated for more than 7 years.
Their website no longer showcase the company's offerings, history, and reputation as an evolving company which affects its ability to attract potential partners and job applicants
Sunpride's Existing Website
Solution
Complete redesign of their website that features:
History Timeline
A History Timeline showcasing Sunpride's 50 years of experience and expertise in the industry, highlighting their growth and evolution over time.
Fully Responsive Website with updated information
Build a fully responsive website that accurately reflects Sunpride's brand, as well as their current and expanded products and services.
Dedicated Page for Potential Partners & Job Seekers
Create a dedicated page for potential partners and job applicants, and include a job listing section within the website.
Sunpride's Goal
Showcase its 50-Year History
Sunpride is celebrating its 50-year anniversary and wants to showcase it and affirm its position as a leading provider
Update the website to reflect their brand and product offerings
Make sure that their website reflects their brand and product offerings, ensuring that it accurately portrays their evolving company and its values to potential partners, clients, and job applicants.
Attract More Partners & Job Applicants
A website that can attract and inform potential partners and job applicants, contributing to the growth of the company's business operations
Challenge 3
Finding the visual direction of the website that will represent Sunpride: Mix of old and new
Sunpride wants to position itself as an evolving company by blending its historical roots with contemporary designs
Action Taken
During the discovery meeting, we asked the Sunpride team to identify three adjectives that best represent the company. Based on their responses, we presented three different stylescapes that capture the essence of blending the old and the new
Challenge 1
Serving multiple audiences on Sunpride's website poses a challenge in ensuring that each audience can readily get the information they need
With the limited time we have, I decided to do a discovery interview internally and talked with various departments to identify the users, their pain points and craft personas that the website would cater to
Actions Taken
Actions Taken
To address the challenge, a phased implementation strategy was proposed. To ensure efficiency, we conducted interviews and testing within Sunpride's appropriate departments only.
Launching a Fully Functional Website for Sunpride's 50th Anniversary Within a Tight Deadline
Challenge 2
We faced a significant challenge of launching a fully functional website on its 50th-anniversary date with only a month from the start of the project, leaving little time for designing, development, and deployment of the website.
We are celebrating our 50th anniversary and we want want to showcase it. Our existing website's design feels old and is no longer representing Sunpride as a company. A lot of users these days are also on their mobile and our site is not optimized.
-Director
Images and product listings are outdated. A lot of customers & partners are not informed about the new products we offer and is unaware of the slaughter service that we offer.
-Customer Support
Sunpride's website is no longer effective in attracting potential partners and showcasing the company's reputation and offerings
-Marketing Head
The website looks unappealing, making it hard for job seekers to find relevant information about the company and its culture
-HR Head
User Personas
Challenges
Interactive History Timeline
History Timeline
Hero Section Iteration
I explored several options for the design: Approchable, Modern and a mix of old and new
Head Iterations from the first iteration to the final one
Long Vertical Scroll History Page
Interactive Horizontal Timeline Scrolling
Iterations
Brands, Products and Services
Homepage
Partners
Careers: Life at Sunpride & Job Openings
Mobile Versions
Final Version
Takeaways
I learned that there's no single approach or process to every project. It'll depend on the business goals, resources and timeline
from usability testing conducted internally
"Everything is neat and clear, bringing a professional and trusted impression"
Testimonial
Website Anniversary launch was featured on the local news
Phase 1 was pushed to development and was launched during sunpride's 50th Anniversary
Conclusion
Empathize
-
Interview(internal)
-
Competitive Analysis
Define
-
User Personas
-
Redesign Goals
Ideate
-
Information Architecture
-
Wireframes
-
Stylescapes
Prototype
-
Wireframes
-
High fidelity
-
Interactive Prototype
Test
-
Usability Testing (internal)