top of page
Top Banner Clouds.png

Blog Post

Writer's pictureBorder7 Studios

Border7 Studios Creates Custom Design for The Cocoa Pod Shop

Updated: Jul 7, 2021

Client Showcase: The Cocoa Pod


cocoa pod logo

The Cocoa Pod’s gorgeous pictures showcasing their colorful pods. These pods were handpicked in the tropics of Ecuador, and are available to purchase and use as an educational tool, or to incorporate within a display.


Our team definitely enjoys chocolate, but never really considered the origin of this delicious treat. Our designer worked with Cocoa Pod to feature these fantastic images throughout their new responsive design for a Bigcommerce store.


Cocoa Pod’s New Responsive Design

The new design is responsive, which means it is optimized for mobile devices. This ensures that the site is compliant with Google’s newest update, and makes browsing the site easy.

cocoa pod bigcommerce responsive design

Homepage – Before & After

Cocoa Pod was interested in a design that would feature their images, so a user will begin to understand the story behind how chocolate is made, as soon as the page loads.


We also added slide animation to the banner in order to add some movement to the page. This attracts a customer’s eye, and encourages them to click the “Learn More” button.

cocoa pod homepage before and after

Product Page – Before & After

We wanted to make viewing and purchasing a product quick and easy, so we created a product page that features the image and information about the product at the top of the page.


Underneath the product information are product reviews, and a “Customers Also Viewed” area. Showing potential customers why other people love your products is a great way to persuade them to become buyers!

cocoa pod product page before and after

Congrats on the new design, Cocoa Pod!


Interested in starting a project, or have questions for the Border7 Team? Contact Us, or leave a comment below. We’d love to hear from you!


Comments


Launching a New Site?
Want Instant Access to Our Free Website Launch Checklist? Click the button below!
Wix Website Launch Checklist
Need More Traffic?
Struggling to Drive Traffic to Your Website? Get Access to Our Free Traffic Planner Guide!
Border7 Traffic Planner Guide
bottom of page