Our Case Studies

Mapletree Media provides professional e-commerce development services in Singapore and regional client. 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 an 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?

ReFa

One of the most prominent companies in the beauty industry, ReFa is globally famous for its Beauty Devices. Refa and Mapletree Media partnered to create this e-commerce 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, digital strategies and designs 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
or

Features of an Ecommerce Website

Suggests Pages to the User

The search bar should always suggest results to the customer. It should help 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. Some of the best websites with user-friendly landing pages are like Google and Facebook. Landing pages can increase the amount of time your user spends on your site.

Show Related Products

The best e-commerce sites provide options. Come up with a creative way to show your 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. Your social media pages like Facebook, Twitter and more should be integrated to your website. Make sure to 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. Unlimited amount of filter options can make their buying journey smoother. Take Shopify filter options for instance. Supporting people’s varying priorities whenever the shop is an integral part of UX design. Some people don’t fancy clicking to the next page so enable a bottomless scroll button. The key nailing an e-commerce website design is its functionality.

Inform the Buyers Well

Providing clean and concise product information to your buyer 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 that their selected items have been added to their cart. Show them the total number of product items they want to order and make sure your web design is easy enough 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 right now. 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. The more information you give the better it is for them and you. It can help you build trust and ensures them a smooth buying process.

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 clear 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 e-commerce 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 e-commerce 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

Copywriting

Website Development

Social Media Management

SEO

Video Production