Coconuts Men - An online store for men’s personal care
“
A store that sells men’s care as ready-made routines.
Coconuts Men
E-commerce website, 2026
About the project
Coconuts Men is a men’s personal care brand from Jordan, sold online and in Jordanian pharmacies. It makes intimate care products, deodorants and body splashes, and sells them on their own, in routines and in boxes. In 2026 we redesigned the full UX and UI of its online store in Arabic and English, for desktop and mobile, and in a second phase made 3D images of the products for the new pages.
Project
Coconuts Men Online Store
Industry
Men’s Personal Care
Location
Amman, Jordan
Date
2026
“
Client Request
Coconuts Men asked us to redesign its whole online store, from the home page to the cart, at desktop and mobile size.
Coconuts Men
Requirements, 2026
Design Pillars
Core UX Principles
People buy routines, so ready-made routines and boxes sit high on the home page and in the main menu.
Pharmacy availability, the food and drug authority approval and the free delivery offer sit right under the hero.
Short Arabic lines in the local dialect that say what each product does for your day.
User Stories
What a First-Time Buyer Asks
Is This for Me?
The hero says in one look that this is men’s care, with a Buy Now button next to it.
Why Switch?
A Why Coconuts section explains how the products differ from a regular deodorant or soap.
Is It Safe?
Ingredients and a short FAQ answer the usual worries about stains, irritation and alcohol.
The Challenge
Problem Statement
The Main Goal: Make Intimate Care Easy to Buy
Most Coconuts Men products are for intimate care, and shoppers want them explained clearly and without fuss. The store had to show what each product does, answer the common questions before checkout and make it simple to buy a full routine or a gift box, in Arabic and English and on a phone.
“
Plexable redesigned the full UX and UI of our Coconuts Men ecommerce site, Arabic and English, web and mobile. The responsive flow is much cleaner now and product pages convert noticeably better than the old build. Communication was direct and on time the whole way through. They also pick up Arabic copy nuances that most designers miss. We will hire them again for the next phase.
Khaleel A’mer
Coconuts Men
Our Approach
Solution
A Store Built Around Routines and Boxes
User stories, a page structure, a review of the Arabic copy, UI for 8 page types with mobile layouts for the shop pages and the cart, and 3D images of 8 products. It is an example of our Ecommerce Website Design work.
01 - Home and Collections
A mosaic hero, packages, ready-made routines, best sellers, a Why Coconuts block and the ingredients.
02 - Product, Routine and Package Pages
Each page shows what is inside, how to use it and the common questions, with the add to cart button close by.
03 - Cart and Account
A cart drawer with a free delivery bar and a Complete Your Routine row, plus a profile page.
Before & After
The Blueprint & Evolution
First Direction to Final Home Page
We started with a calm, centered hero and moved to a mosaic of product scenes.
Before: our first home page direction, with one large brand image.
After: the final home page as it runs on the live store.
Design
Key Features
Ready-Made Routines
Four routines group the products by need, from intimate care to the shower, and each card has its own add to cart button.
3D Product Images
In the second phase we rendered the range in 3D, from clean product shots to dark scenes on stone, and the store now uses them across its pages.
Design System
Visual Identity
Arabic Type
IBM Plex Sans Arabic in bold for headlines and regular for body text, set in short lines that read well on a phone.
Color Palette
Black and white for the pages, with one blue for labels and prices, so the product scenes bring the color.
Store Rules
Trust lines under the hero, the same product card on every page, and a cart that suggests the rest of the routine.
Impact
One Design for Three Country Stores
Results for Coconuts Men
The new design runs on the Coconuts Men stores for Jordan, Saudi Arabia and Iraq, and the 3D images went live on the store in mid-2026.
Coconuts Men
Result
By the Numbers
8 Page Types
Home, collections, packages, routines, product, package, profile and cart.
2 Screen Sizes
Desktop and mobile layouts for the shop pages and the cart.
16 Product Renders
Eight products in 3D, each from the front and the back.
Research
User Stories and a Copy Review
Words That Speak to the Reader
We wrote a user story for each part of the home page and reviewed the Arabic copy, which described products instead of what they do for you and avoided words like sweat and odor. The new lines talk to the reader in the local dialect. You can see some of the results below.
Final Showcase
The Coconuts Men Store
