not the same
● Health portal · USA

Supplements.org: WordPress to Laravel migration and a supplements catalogue

Supplements.org is an English-language guide for a US audience: supplements, vitamins and herbs, collections by health goal, brands and specific products with ratings. We moved the portal from WordPress to Laravel, handled design and development and built the catalogue import, so users can go from "what should I take?" to comparing products and store links.

Client
Supplements.org, USA
What we did
UX/UI design, WordPress to Laravel migration, catalogue import, portal development, collections, product pages
Stack
Laravel, PHP, jQuery, Swiper
Website
supplements.org
Project Supplements.org
01 About the project

Visitors arrive with a health question, not a product name. So the portal has three levels: health topics, supplements rated for each topic, and specific branded products with a score and a serving price. The catalogue is large, which makes search, an A to Z index, filters and cross-linking between supplements, topics and brands essential. The site used to run on WordPress; we moved it to Laravel and set up the import of supplements, products and brands, so the catalogue loads into the database without manual entry.

What we did
UX/UI designLaravel developmentSupplements catalogueHealth topic collectionsRatings and comparisonSearch and filtersWordPress to Laravel migrationCatalogue import
Technologies
LaravelPHPUI/UXWordPress to Laravel migrationCatalog import
02 Design

Visual style

A fresh health green in the header and ratings, an icon for every topic and clean light cards: lots of data without a cluttered page.

Green, brand
#11A155
Bright green, ratings
#09D166
Lime, accents
#14E87C
Dark, text
#1B1D25
Light grey background
#F6F6F6
FontsRoboto
03 Screens

Home page

The first screen is a "What supplements should I take?" search with quick topics: immunity, mental health, for women, for men, joints, blood sugar and more. Below are popular topics with their top supplements and rating bars, popular products and brands.

Home
Health topic
Health topic
04 Mobile version

Mobile version

On a phone topic cards stack into one column with their ratings, and products swipe one by one.

Home
Home
Supplement page
Supplement page
Product page
Product page
05 Task

Goals

  • 01From question to productGuide visitors from a health topic to a supplement and on to a specific branded product.
  • 02Make a large catalogue easySearch, an A to Z index, filters by topic and category, and cross-links between sections.
  • 03Show scores at a glanceSupplement and product ratings as bars and ring indicators, plus rank within the category.
  • 04Move from WordPress to LaravelMigrate the portal from WordPress to Laravel together with its content and section structure.
  • 05Load a large catalogueFill the database with supplements, products and brands through an import rather than by hand.
06 Key solutions

Key solutions

Supplements catalogue
Solution 01

Supplements catalogue

The All Supplements section with a carousel of popular supplements, an A to Z index, a search bar and a filter by health condition collections.

Supplement page
Solution 02

Supplement page

Best products containing the supplement with a percentage score, a benefits block by health topic and links to studies on nih.gov.

Product page
Solution 03

Product page

Photos, brand, supplement and benefits, product rating and serving price, rank among products in the category, buy links to iHerb, eBay and Amazon, and a comparison with alternatives.

Health topics
Solution 04

Health topics

Collections by condition: a topic catalogue with filters by supplement and category, each topic showing its top supplements with rating bars.

Migration and catalogue import
Solution 05

Migration and catalogue import

We moved the portal from WordPress to Laravel and built the catalogue import: supplements, products and brands load into the database and are linked to health topics and ratings.

07 Stack

Integrations and stack

LaravelPHPLaravel MixjQuerySwiperImage lazy loadingiHerb, eBay, Amazon affiliate linksMigration from WordPressCatalogue importGoogle Analytics and Tag Manager

Want a project like this?

Describe your task – within one business day we'll reply with questions and a rough timeline estimate.

We’ll reply within one business day
Message us