Sofood. website
Reimagining a modern digital presence for a large-scale food manufacturing brand.
Visit live site
Project Name & Type
Sofood Website / client website design
Main Role
UI & UX Designer
Tools Used
Figma
Timeline
November 2025
The overview
01
The Sofood website was designed to create a modern and professional digital presence that reflects the company’s scale, innovation, and manufacturing expertise. The experience focuses on presenting complex industrial information through a clean structure, strong visuals, and clear storytelling that feels both engaging and easy to navigate.
The challenge
02
Improving clarity, structure, and the overall digital experience.
Presenting industrial information in an engaging way
Balancing corporate structure with modern visuals
Simplifying complex manufacturing content
Creating a strong premium brand presence
The goal
03
Clarify the company’s positioning
Improve content readability
Showcase production capabilities
Create a modern user experience
The approach
04
The design approach focused on combining clean corporate structure with modern visual storytelling. Through clear layouts, strong typography, and organized content hierarchy, the website was crafted to communicate the brand’s capabilities, production process, and industry presence in a clear and engaging way.
Starting with the right questions
05
Before jumping into design, I took a step back to understand the problem more deeply. This approach helped me ground decisions in real user needs rather than assumptions, and it started by asking questions like…
How can the website reflect the brand’s scale and credibility?
How can complex information feel simple and engaging?
How can the experience feel modern while staying professional?
Visual style
06
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm
Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
font
Aa
Scope of work
Comprehensive UX/UI Design: Over 5 unique pages with a visually appealing flow.
Responsive Design: Ensuring the website's user experience is optimized across all devices, from desktop to mobile.
Collateral Design: Creation of key brand assets such as platform design, email design , invoice design and other stationery to establish a consistent professional appearance.
Design system: A detailed guide outlining the proper usage of logos, colors, typography, and visual elements to maintain consistency across all elements.
UI / UX design
The UX/UI design for the Sofood website focused on translating the product into a clear and engaging digital experience. The website was designed to communicate Sofood’s value in a simple and structured way, guiding users through the experience.
and more and more endless screens left.. :)
anyways thanks for sticking through this !!!!