Moarmouz
An online store for a brand that makes accessories for mobile phones. We designed a dark, modern store with bright blue accents: a full width hero slider, a phone model selector, an Amazon banner, product category tiles and a trust bar for guarantees and shipping.
- Client
- Moarmouz
- Industry
- Mobile accessories
- Specialism
- Cases and screen protectors
- Style
- Charcoal and blue
- What we did
- Store design
The brief
Moarmouz makes accessories for mobile phones: tempered glass screen protectors, cases, bumpers and power banks for iPhone, Samsung Galaxy and Nexus models.
The design had to help shoppers find accessories for their own phone quickly, show the product lines clearly, and build trust with guarantees, shipping and contact details.
A dark header with a blue active marker
The logo sits on the left, with Home, Products, Support and Blog set in small spaced capitals. A short blue line under Home marks the current page. Login, Cart and Search sit on the right, split from the main links by thin dividers.
A big product photo with one button
A dark desk photograph with a phone, a pen and a laptop fills the whole hero. The headline is set in large white type on the left with a single blue Explore button below it, and small dots with a blue progress line at the bottom show that the hero is a slider.
Pick a phone by model
Three tabs, Featured, Apple and Android, sit above a row of seven phones with the model name underneath each: iPhone 6, iPhone 6 Plus, Galaxy Note 5, Galaxy S6 Edge, Galaxy S6, Galaxy Note 4 and Nexus 6. The active tab is filled in blue so shoppers can find accessories for their own phone.
A bright banner that points to Amazon
A full width blue banner stands out against the dark section above it. It invites shoppers to buy the range on amazon.in, with the large Amazon logo, a small Explore now link and a photo of a smiling man with a laptop on the right.
Four category tiles
Tempered glass, iPhone 6 cases, iPhone 6 Plus bumpers and a 10400 mAh power bank each get a tile in a two by two grid. Light grey and white backgrounds separate the tiles, and each shows a product photo with the title, a short description and a Shop now link. The photos sit on the left in the first row and on the right in the second.
Featured products in a carousel
Four products show on plain white with thin dividers between them: a gold case, a glass screen protector, a bumper and a power bank. Each has a small name underneath, and round outline arrows on both sides move through the rest.
Three promises and a bumper banner
Premium, Protection and Styles share three equal columns, each with a large blue icon (a diamond, a shield and a star) and a short line of text. Below, a soft, washed out desk photograph sits behind an iPhone with a bumper, under a centred title and a one line description.
A trust bar and a full footer
A dark newsletter strip with a rounded email field comes first. A white trust bar follows with four blue icons: authenticity guaranteed with 10X money back, cash on delivery with a 365 day exchange guarantee, a service phone line and email, and free shipping with a link to the policy. The footer then adds the logo, four link columns and a blue Store locator button above a dark bottom bar.
Colour and type
Dark charcoal carries the header, the model selector and the newsletter strip, which makes the product photos stand out. Bright sky blue marks the active states, buttons, icons and links, and everything else is white or pale grey.
Headlines use a clean sans serif, with a light weight for the large hero headline and spaced capitals for navigation and small labels.
Want a store like this?
Tell us what you sell and we will design it, build it and launch it for one fixed price.