E-commerce

AfroTea

Specialty Tea Brand E-commerce

WordPress e-commerce site for an Accra-based specialty tea brand, featuring storytelling-focused content and full shopping experience.

Role

Full Stack Developer

Duration

3 months

Client

AfroTea

Year

2024

AfroTea

Project Overview

AfroTea is a specialty tea brand e-commerce website that combines compelling brand storytelling with a seamless shopping experience. The site showcases the brand's journey from its COVID-19 origins in Accra to becoming a global tea destination. With a focus on authenticity and local identity, the website drives conversions through clear messaging, beautiful product presentation, and an optimized checkout flow.

Key Features

Core functionalities that make this project stand out

Full WooCommerce E-commerce Integration

Brand Story Timeline & About Section

Product Catalog with Tea Blend Showcases

Secure Cart & Checkout System

Mobile-Responsive Design

Social Media Integration (Facebook, Instagram, LinkedIn)

Contact Information & Location Display

Newsletter Subscription System

SEO-Optimized Product Pages

Technology Stack

Technologies and tools used to build this project

Frontend

WordPress
Elementor
Custom CSS
JavaScript

Backend

PHP
MySQL
WooCommerce

Tools & Services

Yoast SEO
WooCommerce Payment Gateways
MailChimp Integration
Google Analytics

Challenges & Solutions

Key obstacles faced and how they were overcome

Challenge

Brand Storytelling Integration

The client needed to convey their unique COVID-19 origin story and Accra roots while maintaining focus on product sales and conversions.

Solution

Strategic Content Architecture

Designed a clear hierarchy with hero messaging ("Inspire your Body and Mind"), distinct timeline sections, and prominent shop entry points throughout the site.

Challenge

International Reach with Local Authenticity

Balancing a global e-commerce presence with strong local identity required careful messaging and design choices.

Solution

Localized Brand Elements

Incorporated Accra address, local imagery, and authentic brand voice while maintaining professional e-commerce standards for international customers.

Challenge

Conversion Optimization

Ensuring storytelling content didn't distract from clear calls-to-action and the shopping flow.

Solution

Conversion-Focused Layout

Placed strategic CTAs (shop/subscribe buttons) at key touchpoints, ensuring easy navigation to product pages and checkout from any section.

Project Gallery

Visual showcase of the project

Interested in Similar Work?

I'm available for freelance projects and full-time opportunities. Let's discuss how I can help bring your ideas to life.