# Maen > Explore Maen’s website gallery: dark photographic headers, grooming-product cards and a product detail layout to help shape your own website brief. Canonical page: https://webvelopment.co.za/work/maen/ Language: en Our work · Website [All our work](https://webvelopment.co.za/work/) ![Maen — original Website portfolio cover](https://webvelopment.co.za/images/portfolio/1909.webp) ## A closer look at Maen Maen appears in our **Website** collection with a project cover and **2 gallery visuals**. Together, the visuals show a grooming-product overview and a shower-gel detail page. You can compare this presentation with our [website project collection](https://webvelopment.co.za/work/categories/website/). The white lion emblem stands out against dark photographic headers. Below it, white sections give the brand introduction and product descriptions room to breathe, while blue-grey bands group the product cards. The overview moves from an “ABOUT US” section to “ORDER MAEN® PRODUCTS”, with four illustrated cards and a contact form at the foot of the page. The detail visual brings the shower-gel description, “BENEFITS” list, price and product image together. An “ADD TO YOUR CART” control sits beneath the image; an “OTHER MAEN® PRODUCTS” row follows. These are visible interface details in the gallery, which does not establish how ordering or payment worked. ## What is relevant to your brief? If you have a small product range, this gallery offers a useful starting point for discussing how much information belongs on an overview and what needs its own page. Here, the cards keep the range compact, while the detail layout leaves space for a fuller description beside the pack image. For your own brief, bring a product list, the photographs you have and an example of the information a customer needs before deciding. We can then discuss the route you need: for example, whether a visitor should ask a question about a product or proceed towards an order. That choice affects the content and scope we would agree with you. ## Talk about similar work Send us this project link and point to the part that interests you: the contrast between photography and text, the product-card row or the detail-page arrangement. Tell us what you sell and what you want a visitor to do next, so we can make the discussion specific to your business. Any further Maen project background needs to be verified before we share it. [Discuss a brief inspired by Maen](https://webvelopment.co.za/contact/), [explore the relevant service](https://webvelopment.co.za/services/websites/website-design/) or [compare the full portfolio](https://webvelopment.co.za/work/). A closer look ## Maen Project gallery. Open a visual to explore it at full size. Use the arrow keys to move through the gallery and Escape to close. [![Maen Website presentation, visual 1 of 2](https://webvelopment.co.za/images/portfolio/1910.webp)](https://webvelopment.co.za/images/portfolio/1910.webp) Maen · Website · 1/2 [![Maen Website presentation, visual 2 of 2](https://webvelopment.co.za/images/portfolio/1911.webp)](https://webvelopment.co.za/images/portfolio/1911.webp) Maen · Website · 2/2 More Website work [![UD Trucks — Website portfolio cover](https://webvelopment.co.za/images/portfolio/2025.webp) Website ### UD Trucks](https://webvelopment.co.za/work/ud-trucks/)[![Rampararat — Website portfolio cover](https://webvelopment.co.za/images/portfolio/2012.webp) Website ### Rampararat](https://webvelopment.co.za/work/rampararat/)[![Patroa — Website portfolio cover](https://webvelopment.co.za/images/portfolio/2006.webp) Website ### Patroa](https://webvelopment.co.za/work/patroa/) Keep exploring ## Keep the right things connected. [Websites ### Website Design Create a responsive business website design around a clear offer, useful content, consistent page layouts and a practical customer and publishing journey.](https://webvelopment.co.za/services/websites/website-design/)[Our work · Website ### Website projects Explore 40 website project presentations from Webvelopment’s complete portfolio.](https://webvelopment.co.za/work/categories/website/)[Start a conversation ### Let’s make the next move a useful one. Talk to Webvelopment about websites, software, digital marketing, creative services or development capacity.](https://webvelopment.co.za/contact/) Let’s move things forward ## Start a conversation Tell us what you are working towards. We’ll help you find a practical next step. [Let’s talk](https://webvelopment.co.za/contact/)