Building a customized web solution for Codex logo

Domain

Web Development

Industry

Media Agency

Timeline

20 Days

Laptop showing automatic dispenser bundle with stand

01. Project Overviews

Client chronicles

Codex Media Inc. is an innovative global company that has pioneered the integration of customer A.I. interactions with sales automations. By leveraging automated bots, Codex has transformed and optimized your daily sales, onboarding, and customer support processes for its clients.

Codex partnered with VE for one of their projects for a client. The client was serious about expanding their brand across Canada and wanted to build a holistic digital platform that has functionalities for displaying product varieties, mass-orders, bulk discounts, and access to SDS documents.

Codex website

02. Project Phase

The alchemy
of development

Phase 1

Discover

Client's
expectations

  • Simplified Design
  • Clear Navigation
  • Mobile Responsive Design
  • Multiple Payment Gateways
  • Moving line
Organic pasta for cats by Apko

Expected a clean and minimalistic design that prioritized simplicity and ease of use. The website had a visually appealing layout, with intuitive and straightforward elements.

Shop by pet

Emphasized the importance of a well structured navigation system. They expected clearly labeled menus and logical categorization.

Laptop showing ppc performance is about to take off

Demanded a website that is seamlessly adapted to different screen sizes and devices.

Payment options

To cater to a wide range of customers, the client required the website to support multiple payment gateways.


Phase 2

Define

Top priorities

Generic icons

Products
Grouping

We discussed how we would categorize the suppliers and determine the number of supplier groups that would be created.

Clone svg vector icons

Number of Pages
and Screens

We sought clarification on the desired quantity of website pages and app screens that the client wanted to include.

Shopping cart icon

Shipping
Functionality

We explored the client's requirements for any extra features for shipping products in bulk.


Phase 3

Ideate

Building information
architecture

Before developing the website, we invested considerable effort in building a solid website architecture. We
kept in mind the client's goals, target audience, and desired functionalities. This architecture was built to
ensure seamless navigation, efficient data management, and scalability to manage increasing product variety.

Select Product
Add to Cart
Fill Contact Details
Add Shipping Details
Redirect to Checkout Page
Make Payment
Order Confirmation

Phase 4

Design

From concept
to creation

We embarked on a meticulous design process. Collaborating closely with the client, we gathered their
requirements, conducted competitor analysis, and created wireframes and mockups. This allowed us to refine
the visual aesthetics, user interface, and user experience, ensuring a captivating and user-friendly design
foundation for the upcoming development phase.

Mobile wireframe layout Sani-Gel - automatic dispenser bundle with stand

Phase 5

Development

Implementing the
blueprints

E-commerce Integration

Through seamless integration of ecommerce plugins WooCommerce, we successfully implemented a robust online store for our client. This integration enables them to effectively showcase and sell their products, enhancing their digital presence and boosting sales.

Sani-Gel - automatic dispenser bundle with stand

API Integration

API integration in web development involves connecting and synchronizing different software systems, allowing seamless data exchange and functionality integration.

Mailchimp logo
MailChimp

To enable the client to send promotional and reminder emails to their customers, helping them stay engaged and informed.

Clickship logo
ClickShip

To display real-time shipping rates to the users during the checkout process, providing transparency and convenience.

Paypal logo
Third party Payment Gateways

Integrated the client's preferred payment gateway APIs, allowing secure and smooth transactions for customers.

03. Bottlenecks Along the Way

Learning
from adversity

Problem

Integrating ClickShip into the WooCommerce website posed a challenge due to the complexity of connecting the shipping rates API with the client's specific product dimensions and shipping zones.

Solution

But we overcame it by developing a custom plugin that fetched real-time shipping rates from ClickShip API based on the product weight, dimensions, and destination. The plugin dynamically displayed accurate shipping rates during the checkout process, ensuring transparency and convenience for the customer while simplifying the shipping management for the client.

Clickship orders

04. The Star of the Show

The star
of the Show

Portrait of Shobhit

Shobhit Shukla

Software Developer

With over 7 years of expertise in the field and proficiency in HTML, CSS, WordPress, Shopify, and all frameworks of PHP, Shobhit has mastered a wide range of programming languages including JavaScript, jQuery, Angular, React, and Node.js.

He is additionally, he is well-versed in version control tools like Git, ensuring efficient collaboration and code management throughout projects.

Explore stories of our dedicated
services across domains