AnOther
  • Services
  • Our Work
  • Our Team
  • Contact Us
0 Followers
0
623 Likes
Subscribe
CodeTactic | SEO Vancouver Web Design | Digital Marketing

Code | Digital Marketing | Digital Trends

Let's Chat
CodeTactic | SEO Vancouver Web Design | Digital Marketing
  • Services
  • Our Work
  • Our Team
  • Contact Us
  • Business
  • Design
  • Web Development

Tomando Bottles: The Product Centered E-Commerce Experience

  • April 16, 2018
  • Gonzalo
Total
0
Shares
0
0
0
1
SHARES
ShareTweetPin ItShare

Tomando Bottles

Tomando Bottles is a unique bamboo bottle manufacturer with one product to launch. CodeTactic made their E-Commerce to sell it.

The E-Commerce Challenge

Tomando Bottles needed a website to focus on one thing: Selling that one released product with low inventory life on the shelves.

The E-Commerce design and experience of the user had to be centered in that product allowing the visitor to fast understand it, see it’s features, and add it to the cart.

1. A simple homepage. What do we want the visitors to see and click on?

So, let’s take a look at the two main actions here:

Within the first 2 seconds of the homepage showing off to visitors, you can tell two things:

Primary Focus: The Bottle, image and description title. 

Secondary Focus: Contact info (e-mail, Free Shipping Notice, Social Media Icons, etc. All relevant but not necessary.

2. Descriptive Product Page

This product centered web design carries on the goal within the product page. A simple page that has the product focused in the middle and descriptive icons with titles at the left.

No big paragraphs explaining the features of the product, etc.

Once the customer adds the product to the cart, two things happen:

  1. The visitor gets automatically re-directed to the checkout process.
  2. If in case they want to come back, their cart follows them in the form of the sidebar “Mini-Cart”. Say the customer wants to check out the homepage a little more. They would see this:

3. Custom Checkout Process

We implemented what we call an “isolated check-out page”. This means essentially that we take all other “distractions” or elements from your website once the visitor gets to the crucial part: The Checkout where a sell is finalized.

This is done to achieve key things:

  • Get rid of distractions or possible “secondary focus” links.
  • Focus on the always tedious task of filling out details. It’s true, there’s no way around this and it is a pain point for the customer – So, isolating this makes it look cleaner, faster, easier.
  • Guide the customer. The step by step tells the customer exactly what there is to be done and this leaves less room for the user to not knowing where to go.

All of these are simple ingredients to maintain a product focused web design. As Tomando Bottles grows, the homepages adapts in terms of the slider showcasing other products, or perhaps giving more space to “Similar Products”.

If you need an ecommerce development and design team to start selling online, feel free to contact us for a FREE consultation. Start growing online today!

What's Your Reaction?

  • featuredfeatured
    0
    featured
Total
0
Shares
Share 0
Tweet 0
Pin it 0
Related Topics
  • featured
Gonzalo

Previous Article
  • Digital Marketing
  • Social Media Management

The Perks of Using Online Advertising

  • August 8, 2016
  • Carla Portales
View Post
Next Article
  • How To
  • Web Development

How to manage and edit my websites by CodeTactic

  • May 4, 2018
  • Gonzalo
View Post
You May Also Like
web development client
View Post
  • Business
  • Design
  • Web Development

Red flags when looking for a web development/design agency.

  • Marcela Odez
  • September 16, 2022
Canada Digital Adoption Program BC
View Post
  • Business
  • SEO
  • Web Development

Get funding to grow online with the Canada Digital Adoption Program

  • Marcela Odez
  • July 22, 2022
CodeTactic Laravel Development
View Post
  • Web Development

Laravel: Slow and Steady Leads the Race

  • Gonzalo
  • September 16, 2021
View Post
  • Business
  • Digital Marketing

Post Pandemic Challenges favor the Prepared

  • Marcela Odez
  • May 3, 2021
View Post
  • Business

Launch Online Program: Up to $7,500 in Funding For Your Next Digital Project

  • Gonzalo
  • April 23, 2021
View Post
  • Business
  • Press Releases

CodeTactic Media Inc. announces strategic partnership with Celestial Systems

  • Marcela Odez
  • March 29, 2021
View Post
  • Business
  • Web Development

Lockdown anxiety: The best thing for your business

  • Lyle Patel
  • February 16, 2021
View Post
  • Business
  • Digital Marketing

Digital Assets vs Liabilities

  • Lyle Patel
  • February 9, 2021

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Recent Comments
  • Gonzalo on 5 Ways To Improve Communication For Projects
  • Aaron on 5 Ways To Improve Communication For Projects
  • Mike on Getting Creative: Trending Web Design Techniques
Archives
  • September 2022
  • July 2022
  • September 2021
  • May 2021
  • April 2021
  • March 2021
  • February 2021
  • January 2021
  • December 2020
  • November 2020
  • October 2020
  • September 2020
  • August 2020
  • July 2020
  • May 2020
  • April 2020
  • March 2020
  • February 2020
  • January 2020
  • December 2019
  • June 2019
  • May 2019
  • February 2019
  • January 2019
  • May 2018
  • April 2018
  • August 2016
  • July 2016
  • May 2016
  • March 2015
  • January 2015
  • December 2014
  • November 2014
  • September 2014
  • August 2014
  • July 2014
  • March 2014
  • June 2013
Meta
  • Log in
  • Entries feed
  • Comments feed
  • WordPress.org
Recent Comments
  • Gonzalo on 5 Ways To Improve Communication For Projects
  • Aaron on 5 Ways To Improve Communication For Projects
  • Mike on Getting Creative: Trending Web Design Techniques



Grow Online

Follow us
  • facebook
  • twitter
  • instagram
  • pinterest
  • youtube
Newsletter

Recent Comments
  • Gonzalo on 5 Ways To Improve Communication For Projects
  • Aaron on 5 Ways To Improve Communication For Projects
  • Mike on Getting Creative: Trending Web Design Techniques
CodeTactic | SEO Vancouver Web Design | Digital Marketing
  • Services
  • Our Work
  • Our Team
  • Contact Us
Software Development & Digital Marketing Vancouver

Input your search keywords and press Enter.