Our Case Studies

Mapletree Media provides professional website design services for Singapore and regional clients. agency. We design with a difference:

Crystal Tomato®

Our client Crystal Tomato ® launched a brand new  e-commerce site, Beyond Sun Protection and required it up in record time of 2 weeks, fully integrated with payment gateways and a easy to use backend system to track orders.

HABA Singapore

How do you transform a mobile unresponsive site to start making money for you within 3 months?


One of the most prominent companies that are globally famous for their Beauty Devices, Refa and Mapletree media partnered to create this eCommerce website for this client. As a leading marketing and advertising company in Singapore, our web designers became part of this project and crafted individual web pages and digital strategy and design which would appeal to their target audience and drive sales. We sent the mock-up for their approvals from their Japanese HQ. The site included comparison sliders, dual language module, product pages, shopping cart with full checkout, integrated with Pay pal on a mobile-friendly website for the ease of all types of their clients for better branding and lead generation.

Let's help you with your Digital Journey.
Chat with us.

Call us now
+65 6570 5580

Features of an Ecommerce Website

Your checklist for your site’s homepage, landing pages, and checkout section

Suggests Pages to the User

The search bar should always suggest results to the customer. It helps save the user’s time and enables you to send traffic to product landing pages. Spark their interests through promotions, discounts, or holiday-themed sales. With good graphics and copywriting, you can push people from the homepage to one or more landing pages within your website.

Show Related Products

The best ecommerce sites provides options. Show users the products that are related or complementing to the items they searched. This way, users spend more time browsing on your platform, which can increase your sales. You should put social share buttons on every product landing pages so users can easily share the products they see with their colleagues. People will share it to their peers if they find it relevant to them or if there’s a promotion they can’t miss.

Filter the Products in So Many Ways

Allow your users to browse through a wide range of products based on popularity or prices. Supporting people’s varying priorities whenever they shop is an integral part of UX design. If people don’t fancy clicking to the next page, enable a bottomless scroll.

Inform the Buyers Well

Providing clean and concise product information is highly important in a product landing page. Uncertainty is the number one enemy of ecommerce sites. When the buyer is unsure about a product, he or she will not feel the eagerness to complete the purchase. Aside from general product details, you should also show the availability of the product. Encourage them to sign up and notify them immediately once the product becomes available.

Dynamic Shopping Cart

Employ a responsive design which assures the customer the items have been added to their cart. Show them the total number of product items they want to order and make it easy for them to add more of the same items they got. It’s best if your platform’s cart saves the items so it stays there even if the person isn’t ready to place the order. They can come back for it on another time to continue the purchase.

Different Shipping Methods

Some people want their orders shipped immediately and are willing to pay more for it. Others are fine with the regular shipping methods. Truth is, we never know how urgent they need the product they’re buying so let them choose their ideal shipping mode. In addition, show the customer the breakdown of their expenses. Let them see the calculations of the product prices, shipping fees, and taxes.

Seamless Payment

Finally, clicking the “place order” button should be a breeze. Greet them for successfully completing the process, send them a confirmation email, and provide a tracking number for their orders. Give them means of tracing their orders so they have an idea on how long they’re going to wait before they receive the products. Alert them once the items have been shipped and thank them after they received the product.

Elements that Make ECommerce Website Stand Out

Integrate everything that helps you sell products better.

Implement a User-Friendly Design

Keep the website structure, breadcrumb navigation, as well as dropdown menus arranged based on the expectations of the user. Keep features like the shopping cart, menu, filters, sorting tools, and search bars visible at all times. Be clean and consistent with your design to make it easy in the eyes. Never overwhelm the visitors because you provide too much information on a little space. It’s best to show the product’s image, name, price, and ratings first. Once they click through the image, you should show a more detailed description, availability, source of the item. Show relevant and related products at the bottom of the landing page as well.

Always Uphold your Brand

One element to help you maintain a consistent web design is your brand. Use your colours, fonts, and style all throughout the website to avoid confusing your customers. Inconsistencies in the design will affect the way your site visitors behave in the website. We don’t recommend that you pattern your online store’s web design to other prominent ecommerce sites. What works for them may not work for you. It’s best to study your audience and employ unique design elements which help your brand stand out.

Write Strong Call-to-Actions

A strong call-to-action efficiently guides the user towards accomplishing the goals of a page, especially in the landing pages and checkout sections. Keep it short, authoritative, and comprehensive at all times. The popular ecommerce CTAs such as “Add to Cart”, “Checkout”, or “Submit Payment” are called primary calls-to-action. These buttons determine the goals of the page. Other CTAs such as “Sign up”, “Save for Later”, or “Download trial version” are called secondary calls-to-action. These are for customers who do not have the intention to buy but found interesting items from your shop. Let them click these and wait until they’re ready to finish the purchasing process. This way, you’re not losing customers.

Services you may like


Website Development

Social Media Management


Video Production

Welcome! How can I help with your digital needs?
Powered by