● E-commerce · Fishing gear · Ukraine

Fishing Father: an OpenCart online store for fishing tackle

Fishing Father sold fishing gear: rods, reels, landing nets, clothing and camping kit. We designed every page for desktop and mobile and built the store on OpenCart. The site is no longer online, so we show the Figma designs.

I want the same

Client

Fishing tackle retailer, Ukraine

What we did

UX/UI design, OpenCart development

Stack

OpenCart, PHP

Website

Offline, designs in Figma

01 About the project

The store serves both beginners and experienced anglers. They want to jump straight to their fishing style and pick tackle by specs: length, casting weight, brand. We organised the catalog by style (spinning, feeder, carp, float, ice fishing, camping, clothing) and designed the full journey from the home page and filters to cart, account and loyalty program. The Figma file holds about 40 desktop and 35 mobile screens.

What we did

UX/UI designMobile versionOpenCart developmentCatalog and filtersCustomer accountLoyalty program

Technologies

OpenCartPHPUI/UX

02 Design

Visual style

Natural green for the header, buttons and footer, dark green for accents and red sale badges. Photos of anglers on the water and misty rivers set the mood.

Main green

#00AD79

Dark green

#094A37

Text

#2C2C2C

Sale

#D73400

Background

#FFFFFF

FontsGilroy

03 Screens

Home page

Icon navigation by fishing style, a slider with the store's benefits, Sale / New / Best seller tabs with a 10% first-order discount card. Below: an invite to the Telegram channel, the store story, reviews and a question form for a consultant.

04 Screens

Customer account

The account holds personal and delivery details, order history, wishlist, a loyalty program with a personal discount and password change. Login, sign-up and password recovery have their own screens.

05 Mobile version

Mobile version

Every key page was drawn for phones: catalog with a separate filter screen, product page, cart, account, search and menu.

06 Task

Goals

01Navigation by fishing styleSpinning and carp anglers land straight in their own section.
02Tackle by specsFilters for what anglers care about: length, casting weight, brand.
03Short path to orderCart and checkout on one page, plus a quick order without filling every field.
04Bringing buyers backAccount, wishlist, new-customer discount and a loyalty program.

07 Key solutions

Key solutions

Solution 01

Catalog and filters

Subcategories sit in a slider above the grid: spinning, casting, feeder, carp and fly rods. Filters cover brand with item counts plus sliders for price, length, minimum and maximum casting weight. Above the grid: total / in stock / out of stock counters and sorting; cards carry SALE, NEW and TOP badges.

Solution 02

Product page

Gallery, rating with reviews, SKU, stock status and brand. Variants are picked from a list with a price for each, plus quantity, add to cart and wishlist. Tabs for description, specs and reviews, blocks on cash on delivery, delivery and warranty, consultant contacts and related products.

Solution 03

Cart and checkout

Cart and checkout on one page: quantity changes, promo code with the discount recalculated, quick order by name and phone. Delivery by Nova Poshta, Ukrposhta, courier in Kharkiv or pickup; payment on delivery, online or by invoice for companies. Buyers can create an account in the same step.

08 Stack

Integrations and stack

OpenCartPHPNova PoshtaUkrposhtaGoogle PayApple PayPrivat24TelegramFigma

Next project

E-commerce · Auto parts · UkrainePanda Auto PartsOnline auto parts store for Chinese cars and EVs: built from scratch, then redesigned around five times.View project

LaravelVue.jsPHP

Want a project like this?

Describe your task – within one business day we'll reply with questions and a rough timeline estimate.

hello@ntsame.agency Telegram @ntsame_bot