
ifinca Website ReDesign
Website UI/UX ReDesign

View the Project on Figma
or keep scrolling down
ifinca is transforming the coffee supply chain with a focus on full traceability and sustainability. Using cutting-edge technology, they streamline sustainability reporting, ensuring transparent and auditable data from grower to consumer. Committed to innovation, collaboration, and transparency, ifinca empowers businesses to achieve compliance and operational efficiency. Their goal is to lead the modernization of the coffee industry, setting new standards for a more sustainable future.
in this project, I undertook the redesign of their official website to improve its efficiency and clarity.
I also had the pleasure of creating an ad video for ifinca. Click to explore more.
Case Study
Research for ifinca Website
Description – ifinca Website Homepage
Objective - To present comprehensive information about ifinca and facilitate online inquiries.
Business Goal - Expand our reach by fostering collaboration with participants in the coffee supply chain, with a particular emphasis on partnering with coffee brands and retailers.
Target Audience:
Coffee Distributors, Roasters, Retailers
Coffee Consumers who prioritize sustainability
User Role – Viewer
Homepage Before Redesign & Problems
I evaluated the current interface of the system on the link https://www.ifinca.co/ and identified some existing problems:
Homepage Functionality Issue:
The homepage functions more like a static content page than a guide, failing to effectively direct users to explore other sections of the website.
Concise and Image Deficient:
The homepage features excessive paragraphs with poorly structured content and lacks compelling images, potentially diminishing user engagement and visual allure.
Less Appealing CTA:
The call to action (CTA) elements are not sufficiently highlighted on the homepage, reducing their effectiveness in prompting user engagement.
Tab Titles Lack Clarity:
The tab titles "Advantage" and "The Key" lack clarity, causing confusion for users and potentially hindering effective navigation.
Navigation and Content Conciseness:
The navigation and main pages could benefit from increased conciseness, minimizing redundancy or repetition of key points across pages like "Advantage," "The Key," "Traceability," and "Coffee" under "Industries" for a clearer user flow and efficient information retrieval.
No App Download Link:
There is no apparent link for downloading the app on the website, limiting accessibility for users, especially coffee consumers, interested in the mobile application.
Information Architecture Diagram - Site Map ifinca

Low Fidelity Wireframe for Homepage

Color Guide & Font Family
Layout Design for Homepage

Interaction Overview
Interaction Video
A/B Testing Report for Homepage Redesign
Design
Old Version:The color and layout appear too rigid and formal, lacking the appeal needed to attract users.
New Version: Make the color, layout, and design more vibrant.
Images
Old Version: Lacks engaging photos, making it appear less like a legitimate company.
New Version: Good quality photos & arrange properly.
Navigation
Old Version: Navigation is confusing.
New Version: Make navigation easier.
CTAs
Old Version: The color on the CTA is not highlighted, and lacks attractive slogans to encourage people to click and join.
New Version: Highlight CTAs and appealing slogans.
App Download Link
Old Version: No app download guidance section.
New Version: Add section guiding app download, making audiences can explore the application and learn more.