WordPress

Ultiman

A pharmaceutical eCommerce store powered by WooCommerce.

What I Did

I approached the development of Ultiman with a clear focus on practicality and purpose, ensuring every detail aligned with the company’s goals. By conducting thorough market research and competitor analysis, I translated insights into action, creating prototypes in Adobe XD. Behind the scenes, I built a reliable backend system with WPBakery, allowing users to effortlessly customize their experience. The seamless integration of WooCommerce added eCommerce functionality, elevating user convenience throughout the process.

Overview

General:

eCommerce platform powered by WooCommerce
Integration with Royal Mail Click And Drop for automated post-sale processes
Custom-built a survey feature to verify legal eligibility for purchases.
Automated PDF prescription generation after each purchase.

Backend:

Flexible, drag-and-drop backend
Code-free backend and site management
Seamlessly add new products and variations.
Custom UI built to validate customer health survey results for GPHC compliance.

Optimisation & Accessibility:

WebP imagery optimised for performance
Compliant with Google and ADA accessibility standards

Notable Results:

Rebranded 10 WooCommerce templates for emails, cart, checkout, account, and product pages.
Streamlined backend, launch new products in under 5 minutes.
Fully responsive designs, tested across devices, browsers, and screen sizes for seamless performance.

Tech Stack

Languages:

HTML5
PHP
CSS/SCSS
JavaScript (ES6)
AJAX
MySQL
XML

DevTools:

Stripe Payment Gateway
WPBakery
ACF
GitHub

Libraries:

Bootstrap 5
GSAP
ScrollTrigger

Design Tools Used:

Adobe XD
Adobe Illustrator
Adobe Photoshop

Third Party Tools Used:

Royal Mail Click and Drop
Microsoft Clarity
Google Analytics
Google Search Console
Semrush

Front-End Development

Ultiman homepage desktop and mobile visuals

Technologies & Practises Used

Tools and methods employed to drive performance, scalability, and efficiency.

Let's Talk

Flexible Backend Design

Backend powered by WPBakery page builder, allowing for a completely flexible drag and drop experience

Scalable & Maintainable

Codebase employs modular design with SCSS and JS integrated into blocks for streamlined site maintenance and scalability

Mobile-First Design

Bootstrap 5 was used as the responsive framework, ensuring a mobile-first design for seamless user experiences across devices.

Eligibility Verification

Developed an integrated survey feature to verify customer eligibility for purchases, ensuring legal compliance.

GSAP Animations

GSAP and ScrollTrigger used for on page scroll animations (100% vanilla JavaScript implementation)

GPhC Approved

Website inspected and approved by the UK's General Pharmaceutical Council (GPhC)

Enhanced Reusability

Implemented BEM markup to effortlessly achieve reusability and scalability

UX-Driven Blog Navigation

Enhanced WordPress blog browsing with a custom AJAX pagination system for improved user experience

Key Results

10+

100%

15%

Back-End Development

Constructing a Robust and Agile Backend Framework

Given the dynamic nature of eCommerce, I focused on creating a backend that allowed for easy updates to product information and seamless expansion of the knowledge base. While WooCommerce handled basic details like stock and pricing, it didn’t provide the bespoke fields I required. To extend its functionality, I used ACF to create custom fields, enabling pharmacists to input the necessary information efficiently. I also implemented WPBakery as the drag-and-drop page editor, making it simple to expand, edit, and maintain the site as required.

Enquire Now