Steerlyfe Wellness Marketplace Website

A WordPress website built for a wellness marketplace app ahead of its launch

About the project

Client: Steerlyfe, a wellness marketplace startup
Industry: Health, beauty and wellness e-commerce
Region: United States
Timeline: April–May 2020, about five weeks
Technologies: WordPress, The7 theme, Mailchimp, InVision
Team: a WordPress developer and a project manager

Steerlyfe is a marketplace app that connects shoppers with health, beauty and wellness brands. The team planned to launch it in May 2020. Before that, they needed a wellness marketplace website that would collect subscribers and attract partner brands and retailers.

Our designer prepared finished mockups in InVision, for desktop and for mobile. However, the budget was tight and the deadline was fixed. In addition, a non-technical employee had to edit the content without touching any code.

What we delivered

WORDPRESS DEVELOPMENT

FRONT-END FROM DESIGN

MAILCHIMP INTEGRATION

THEME SETUP FOR SHOP AND BLOG

DOMAIN AND DNS SETUP

Check all services

THE CHALLENGE

A pre-launch website under tight limits:

InVision mockups from our designer for desktop and mobile.
A fixed launch window in May 2020.
A tight budget, so no custom blog and shop.
Content that a non-technical editor can change.

On top of that, nobody could tell at first where the domain's DNS lived.

THE SOLUTION

A WordPress website built in layers:

Home and Join pages coded from our mockups.
Popups and forms connected to Mailchimp.
A ready-made theme for the shop and the blog.
One installation and one admin panel.

The site went live on the client's own hosting.

THE OUTCOME

What the client received:

Home and Join pages in desktop and mobile versions.
Subscribe and contact forms connected to Mailchimp.
A shop and a blog on one WordPress installation.
Delivered on 8 May 2020.

Built for the app launch planned for May 2020.

A pre-launch website has one job: to turn visitors into subscribers and partners.

From design to a working wellness marketplace website

We turned our InVision mockups into WordPress pages: a home page and a Join page for brands and retailers, each with a mobile version. Within days, the client could open a demo on a temporary domain and review real pages instead of pictures.

Then we refined the details together. For example, we fixed text that was hard to read over a photo. Meanwhile, the client kept full control of the content, because every page edits like a normal WordPress page.

Popups and forms that feed the mailing list

The home page has two popups. A subscribe popup opens after the visitor scrolls halfway down, and a cookie check makes sure it appears only once. A contact popup opens on a click, while the Join page serves partners.

Every form writes to the client's Mailchimp audience. As a result, each sign-up lands in the mailing list right away.

One WordPress for the home page, the shop and the blog

Custom designs for the blog and the shop did not fit the budget. Therefore, the client bought a ready-made commercial theme, and we set it up. We installed the theme, matched its header and footer to our pages, and built the shop structure and categories.

After the first demo, the client changed the plan. The shop and the blog would live on one site, at /shop and /blog, not on subdomains. So we rebuilt the structure within a day. In the final setup, the home page, the shop and the blog share one WordPress installation and one admin panel.

When DNS gets in the way

After the subdomains were created, they refused to open. At first, the hosting support asked us to change the name servers. Then it turned out that the real DNS panel belonged to a website builder, where the client had registered the domain.

We added the shop and blog records in that panel, and the sites started to work. After that, we moved the website to the client's production hosting.

Result of the wellness marketplace website project

We delivered the website on 8 May 2020, as the app's planned May launch approached. The client received a mobile-ready home page, a Join page for partners, a shop, a blog and subscribe forms connected to Mailchimp. All of it runs on one WordPress installation.

Soon afterwards, the client moved its main domain to another platform. The company has since rebranded as Luxee, so this site no longer runs.

Looking for a similar website? See our web development services or read how we built a taxi fleet platform.

Need a wellness marketplace website or a similar launch site? Tell us about your task.

Get in touch

SEE MORE OUR CASE STUDIES

Custom Development

SLINK: Custom GIS Automation Software for Australian Volume Housing Industry

Custom GIS automation solution for Australian volume housing companies that streamlines land development planning and improves decision-making speed.

Technologies:ASP.NET CoreWPFEyeshot CADLandXMLDXFMicrosoft SQL ServerAzure DevOps (CI/CD)

Read case study

Mobile Development

BELONG: Smart Dating iOS App with an Events Admin Panel

A Xamarin iOS app and a Laravel admin panel on Firebase for an events-based dating startup: events, a calendar, Single and Not Single modes, push notifications and App Store releases.

Technologies:XamarinPHP, LaravelVue.jsFirebase, Yelp

Read case study

EdTech

ABC Stars: Online English School Platform with Live Video Lessons

A web platform for live one-to-one English lessons: a video classroom with shared books, a schedule generator, an admin panel and monthly parent reports.

Technologies:PHP, LaravelVue.jsOpenTokKami API

Read case study

Front-End Development

Timios: Website Front-End Development for a Title Company

Markup of a full website redesign for a US title and escrow company: Zeplin mockups on a Bootstrap grid, delivered into an ASP.NET WebForms site with IE11 fixes.

Technologies:HTML, CSS, JSBootstrapASP.NET WebFormsZeplin

Read case study

Mobile Development

Equipe Trading: Warehouse Pick and Pack Android App

An Android app for scanner devices that guides warehouse staff through picking and packing: order tabs, shelf locations, barcodes, cartons with printed labels and automatic statuses.

Technologies:AndroidREST APIZebra scannerFigma

Read case study

WordPress Development

Swimming Los Angeles: Swim School Website Redesign

A redesigned WordPress site for a swim school: responsive pages from our mockups, JackRabbit class tables, a Google map of four pools and an editable home page.

Technologies:WordPressCherryFrameworkJackRabbitGoogle Maps

Read case study

Mobile Development

Ivee: Companion Mobile App for a Smart Speaker

The interface of a companion app for the Ivee voice assistant speaker, built in Ionic: Wi-Fi connection, speakers by room and scenes with music, lights and a remote.

Technologies:IonicMobile interface

Read case study

iOS Development

Tribz: Rebuilding and Rescuing an iOS Personality Quiz App

A native iOS personality quiz app rebuilt from a prototype in Swift, then rescued after an App Store rejection: in-app purchases, Swift 3 migration and sharing fixes.

Technologies:SwiftiOSIn-App PurchasesTestFlight

Read case study

Blockchain Development

HollywoodLand DAO: Custom Blockchain Governance Platform for Decentralized Decision-Making

Decentralized governance solution with smart contracts and Web3 integration that enables secure DAO voting, token management, and transparent project funding.

Technologies:SolidityOpenZeppelinInfuraPHP/WordPressIPFSPolygonMetaMask/Ledger

Read case study

Custom Development

Taxi Fleet SaaS Platform: Architecture and Development of a Subscription Service

Architecture and development of a multi-tenant subscription platform that runs a taxi fleet end to end: dispatching, pricing, payments and rides that work offline.

Technologies:GoFlutterReactPostgreSQLKafkaRedisClickHouse

Read case study

Mobile Development

Truck Parts Identification App: Recognizing Heavy-Truck Parts from Photos

A mobile app and backend that identify heavy-truck parts from photos. A vision model observes, fixed rules decide, and short questions replace guesses.

Technologies:FlutterFastAPILangGraphPostgreSQLMinIODockerClaude API

Read case study

Contact us

Please fill out the form, and we will get back to you once your request has been processed.

You can also send your request directly to our email: info@24gen.space
We will respond as soon as possible after receiving your message.