Product Design Engineer | UI/UX | E-commerce Developer

Boluwatife

Boluwatife Okanlawon

Case Study: TikiFish Farm & Smokehouse - Web Design UI

Project Overview

Client: TikiFish Farm & Smokehouse Deliverable: Complete web design UI system Objective: Create a modern, conversion-focused digital experience for a Nigerian aquaculture and food processing business

The Challenge

TikiFish needed a website that would bridge traditional Nigerian cuisine with modern e-commerce expectations. The challenge was to create a design that felt fresh and trustworthy while showcasing their products—smoked catfish and electric fish—in a way that would drive app downloads and online orders.

My Approach

User Experience Strategy

Clear Value Proposition: Positioned "Sand free smoked fish from Nigeria everyday" as the hero message, addressing a key customer concern (sand/grit in fish)
Multi-Platform Accessibility: Designed for seamless experience across web and mobile, with prominent app download CTAs
Social Proof Integration: Incorporated social media links (Facebook, Instagram, Twitter) to build credibility and community

Visual Design System

Brand Identity: Developed a cohesive color palette using fresh green accents paired with clean dark navy elements, evoking both nature and professionalism
Product Showcase: Created engaging product cards with clear nutritional information (243 kcal, 2.8g, 45.7g, 9.8g) and weight specifications
Interactive Elements: Designed intuitive navigation with shopping cart, menu, and contact sections for effortless user journeys

Content Architecture

Welcome Section: Introduced the brand story with compelling imagery of authentic Nigerian fish preparation
Product Categories: Organized offerings (Electric fish, Smoked catfish fillets, Firewood smoke fish) with visual hierarchy
Recipe Integration: Featured "Results of the week" section to inspire customers and showcase product versatility
Trust Builders: Emphasized quality messaging: "We are committed to processing healthy & nutritious fish"

Results & Impact

Design Deliverables

Complete responsive UI system optimized for desktop and mobile experiences
Multiple screen designs covering homepage, product pages, and user flows
Consistent component library ensuring scalable brand application
Strategic CTA placement driving app downloads on iOS and Android

Business Value

Modern, professional design that elevates brand perception in the Nigerian aquaculture market
Clear product differentiation highlighting "sand free, tasty & very dry catfish"
E-commerce ready interface reducing friction in the customer purchase journey
Mobile-first approach capturing the dominant African digital market

Key Differentiators

Cultural Authenticity: Balanced modern design trends with authentic Nigerian culinary imagery that resonates with the target market.
Conversion-Focused: Every design decision supports the business goal—from prominent download buttons to appetizing product photography.
Scalable System: Created a flexible design framework that can grow with the business and accommodate new products or features.

Why This Matters for Your Project

This case study demonstrates my ability to:
Design complete digital experiences from concept to high-fidelity mockups
Balance aesthetics with conversion goals creating designs that are both beautiful and effective
Understand market-specific nuances adapting global design trends to local contexts
Create comprehensive design systems that ensure consistency across all touchpoints
Deliver client-ready files in industry-standard tools (Adobe XD) for seamless developer handoff
Ready to elevate your digital presence? Let's create a design system that attracts customers and drives conversions.
Like this project

Posted Feb 27, 2025

Designed a complete responsive UI for a fish processing brand. Created a conversion-focused system with product showcase, app CTAs & mobile-first experience.

Likes

3

Views

1