icon-creative-design icon-digital-marketing icon-mobile-apps icon-strategy-consulting icon-website-development

Ecommerce
Website Design

Raise the bar for your customers with an online
experience that exceeds their expectations and
enhances your ROI.


Featured Ecommerce Websites

Our designs are focused on providing the user with clear messaging and strong calls-to-action to push them to take action. User interfaces are intuitively designed, pages load quickly, and checkout is a breeze.

Nuna background Nuna desktop Nuna mobile VIEW PROJECT Nuna Logo Nuna Logo
Paul background Paul desktop Paul mobile VIEW PROJECT Paul Stuart Logo Paul Stuart Logo
Juice background Juice desktop Juice mobile VIEW PROJECT Juice Logo Juice Logo
Portmantos background Portmantos desktop Portmantos mobile VIEW PROJECT Portmantos Logo Portmantos Logo
Ready to discuss your project? Work With Us

Before & After Redesigns

  • Before After
    Baldor
    Before Baldor After Baldor
  • Before After
    Paul Stuart
    Before Paul Stuart After Paul Stuart
  • Before After
    Sweet City Candy
    Before Sweet City Candy After Sweet City Candy
CLICK TO VIEW DETAILS

Want to See More? View All Before & After

Web Design Case Studies

We view web design from a creative and strategic perspective. Every website we create, every element and feature developed for our clients, should not only be stunning – it should also have a purpose.

See how our results-driven approach to creative and responsive design has transformed brands online.

  • Dance.com is the first and only social network created exclusively for the dance community. They needed a new web design and strategy that would help develop branding, technology, and marketing initiatives to bring their business to life.

    VIEW DETAILS
    Dance.com
    Dance.com
  • Blue Fountain Media joined forces with The León Group, a prominent Hamptons estate management and construction provider, to help establish the new brand and design a website.

    VIEW DETAILS
    Between The Bread
    LeonGroup
  • We created a website design that captures and communicates the brand philosophy, and truly delivers an incredibly valuable experience to users.

    VIEW DETAILS
    LeonGroup
    Between The Bread
  • medCPU is a state-of-the-art service that healthcare providers had not yet been exposed to. It was vital to design a website that efficiently communicated the possibilities of the service, without discouraging guests.

    VIEW DETAILS
    medCPU
    medCPU

Want to See More? View All Case Studies

Essential Features
of a Ecommerce Website

  • Suggested Pages

    Give users the flexibility to search for the products that they’re interested in.

    If the search bar suggests results, that will help you sell more by sending traffic to those specific products or categories. Don’t forget to highlight certain promotions as well on seasonal holidays, which can push traffic to specific parts of your website.

    Suggested Pages
  • Related Products

    Showing users related products that compliment or are similar to the product page they’re viewing is a great way to increase your bottom line. Using this type of feature can influence users to spend more time and money on your website by showing them products that are like the ones they’ve expressed interested in as opposed to just a random of assortment of products from your website. Furthermore, implementing social media share features on your product pages so you can leverage customers to show your products to friends and colleagues is a great way to get products that are relevant to an audience’s interests on their radar for the first time. Although users can always do this manually, having social share buttons dramatically increases the chances that someone will share a product with their social networks.

    Related Products
  • Product Filtering

    Allowing your users to customize their ecommerce experience on your website by giving them the ability to filter through your category pages based on prices, popularity, and more is an essential tool for any website to have. Customers don’t enjoy clicking through endless pages of products, so having a “View All” option is also a good idea to make things easier. To help customers that are interested in a product on a category page, use a quick preview feature to help your customers decide if they want the product without having to click through to the actual product page.

    Product Filtering
  • Product Details

    It is very important to provide all of your product information, including extensive details about each of your products in a clean, concise, manner. If a customer cannot find all the product information they are looking for, they may feel too uncertain to complete their purchase. When products, sizes, or colors do happen to go out of stock, allow customers to sign up to be notified of when the product they were looking for becomes available. This way they are less likely to go to a competitor, and it shows that you care about serving their needs.

    Product Details
  • Dynamic Shopping Cart

    When a visitor adds an item to their shopping cart, make sure to display the cart on the page in a small window that dynamically populates with the product(s) the customer is adding. This way the user experience is smooth and the customer is assured that their goods have been added to the cart. Sometimes, visitors may add a number of items to their shopping cart without having the intention of actually completing their purchase. Rather than forcing your customers to make the choice between deleting a product from your cart or buying it, allow them to save it for later instead.

    Dynamic Shopping Cart
  • Shipping Options

    It’s essential for any successful ecommerce site to avoid using a single or flat rate for shipping. Different customers will want different shipping mods – some want their products to arrive immediately and others are fine with paying less for slower shipping. Since the checkout process is a significant investment of time and effort, allow customers to calculate the shipping costs directly from their shopping carts before they start going through the checkout process.

    Shipping Options
  • Payment Confirmation

    Clicking the final “submit payment” button for many customers can be a very stressful moment. Calm their nerves by not only displaying a payment confirmation page, but also by sending them an email confirming receipt of their payment. Provide your customers with tracking information once their order has shipped as well, so that they can feel at ease through the final step of the transaction.

    Payment Confirmation

How to Build a
Successful Ecommerce Website

  • Set clear goals on every page

    Every page of your website should have a defined purpose.

    For example, your homepage should entice users to click through to your categories, or better yet, straight through to a product page. From there, your product page should answer any lingering doubts users might have and convince them to make a purchase. Your shopping cart page should simplify the checkout process and have a feature like a follow-up email that reassures shoppers that the transaction was successful. Keep this in mind when planning out the various types of pages that you’ll have on your ecommerce website.

    Set clear goals on every page
  • List contact information

    Find ways to make it very simple and enticing for customers to contact you so that it’s easy for them to get in touch with you directly.

    If you don’t display your contact information visibly for your customers and they have to scour your site for contact information, it could lose you a sale. Outside of listing your location and phone number, you can also provide FAQs, product reviews, or comments for users to read, as well as user-generated content like customer testimonials that highlight satisfied customers that use your products.

    List contact information
  • Build brand loyalty

    Look for opportunities to bring users back to your website whenever possible.

    Most people shop online by visiting a number of different websites when searching for a particular product. Ideally, the more times a user visits your website, the more likely they are to make a purchase. A great way to bring users back to your website is with timely emails that go out announcing the arrival of new products or seasonal sales. If a popular item is out of stock, you can also ask for users’ emails and notify them when you have that item back in stock. By doing this, you’re not only servicing their needs, but showing them that you care about their experience beyond selling them a product. Furthermore, you also have their contact information for future email campaigns.

    Build brand loyalty
  • A hassle-free checkout process

    Create a checkout process that makes it effortless for your visitors to purchase your products.

    It has been proven that the more cluttered and complicated an online checkout page becomes, the more likely a customer who was willing to make purchase will just exit your site instead. As well as maintaining a simplified checkout process, work to make your customers clearly aware of extra costs such as flat, expensive shipping rates that could hamper a potential sale. Finally, display trust symbols like VeriSign or McAfee badges proudly on your website in order to indicate that your checkout process has been verified and is secure in order to help ease any fears that potential customers could have when shopping online.

    A hassle-free checkout process
  • Be up 100% of the time

    A website is only a helpful ecommerce tool if it is functioning correctly.

    Make sure that your hosting plan is reliable and that it has the ability to handle any future needs your website might have. Your hosting plan should grow as your business and orders grow, and if your plan is lagging behind and delaying your shipping or curtailing potential sales, you need to upgrade immediately. Being skimpy on a hosting plan that is not suitable to handle the amount of orders coming in will negatively affect your reputation and lead to decreased sales figures.

    Be up 100% of the time

Designing an Effective
Ecommerce Website

  • User-Friendly Elements

    Keep the design of the website as clutter-free as possible. Give users a clear idea of where they are within your website structure with features like breadcrumb navigation and dropdown menus. Also make sure to add elements such as a consistently visible shopping cart through a user’s time on your website so that users know exactly what they have in their cart and how much it costs.

    Keep your site from being overwhelming to visitors by avoiding too much information within a small area. On a product page for example, the image of the product, its title, description, availability, price, and similar products are the main elements you need – and adding more will only distract users.

    User-Friendly Elements
  • Build Brand Recognition

    Whether it’s your colors, your layouts, or style guidelines, keep consistent branding across your website so as to avoid confusing your visitors about who you are as a brand. For example, if you have a variety of different colors used for the same call-to-action button, it may cause a drop-off in sales simply due to the uncertainty that customers experience with the inconsistency of your design.

    If you’re not sure where to start, looking at major ecommerce websites and borrowing techniques that seems consistent across many of them is a safe place to start. This is because major websites test their designs over and over again to find out what generates the best results. Some of their techniques can be borrowed for your website, but obviously should be paired with unique design elements like the iconography and imagery standards of your business.

    Build Brand Recognition
  • Strong Calls-to-Action

    Each page where a specific key action is required from a user should have a strong call-to-action, which indicates to the user to take the next step toward accomplishing a goal on the page. A good call-to-action may be “Add to Cart”, “Checkout”, or most importantly, “Submit Payment”. It’s important that you do not have more than one primary call-to-action per page. Secondary calls-to-action are good to have as another choice when a user is not quite ready to commit to the primary goal completion, but should be positioned in such a way that it is used but doesn’t detract from the main goal of a page. For example, they may be willing to download your software demo, but not ready to purchase your software. Rather than lose visitors, keep them on your website for a few more minutes by offering them secondary options.

    Strong Calls-to-Action

Back-end of a Strong
Ecommerce Website

The ability to control your meta data is crucial when trying to get your website to rank well for various relevant keywords in search engines. You should be able to customize the title tag of every page on your website as well as easily create rules for types of pages to help handle title tag creation.

A sitemap.xml file tells search engines about all the pages on your website, and ensures that those pages get crawled. However, you don’t want to have to write the page title of each and every product on your website. Instead, creating rules for each product will help you optimize a large number of product pages all at once.

Ready to discuss your project? Work With Us
Blue Fountain Media is recognized as a
Top Digital Agency by
Ranked #1 Interactive
Agency by top interactive agencies example
Ranked Top 10 Digital
Agency by awwwards logo
Ranked Top 10 Agency
Worldwide by IMA logo
Sign Up to get the latest on Digital Trends
Our Locations
New York Headquarters
New York Headquarters
102 Madison Avenue - Second Floor
New York, NY 10016
Chicago Office
Chicago Office
222 Merchandise Mart Plaza, Suite 1212
Chicago, IL 60654
Seattle Office
Seattle Office
14980 NE 31st Way, Suite 120
Redmond, WA 98052
  • 102 Madison Ave, 2nd Floor
  • New York, NY 10016
  • 212.260.1978