Primally Nourished

A healthcare web solution with all things related to health and wellness, all in one place

Website

services

Healthcare Web Development

industry

Healthcare & Fitness

duration

Working Since 2018

country

United States

Project Overview

The Primally Nourished by Physio Sculpture is to help people maintain a healthy lifestyle. From this mobile responsive website, one can get the best possible healthy lifestyle strategies through the various modules and functionality. The website has been built with an aim, so the user's time should be spent living life to its best, not decoding how to best live it. The various modules like Movements & Arts, Recipes, Menu Plan, Shopping List, FoodFacts, Culinary Crafts, and Nutrition Knowledge provides the one-stop solution for the healthcare system where users will get the videos related to workouts, yogas, and meditation. For a healthy lifestyle, users have the option to go through the various nutrition-based recipes and many other modules related to it.

Challenges

System Architecture & UX Design

• The biggest challenge was to design and build a system architecture that is stabilized and gives users the best possible experience to access thousands of workout, yoga, and meditation videos, recipes, and various blogs.

• We studied similar systems, apps, and case studies and presented different themes to finalize the right one.

• Earlier the website was built with one module in WordPress which failed in terms of user experience and customization due to technology limitations, so the client had a clear mindset for custom build website development.

Video Content Challenge

• The client had hundreds of videos ready for upload in Vimeo. We needed a solution where the backend admin panel can directly choose videos from Vimeo.

• If a video is not on Vimeo, admin can add it from the local device which gets stored in Vimeo directly through the API and our backend system.

• For video player customizations, we worked with the Vimeo team for technical issues and built a versatile system for video upload and play.

Image Library & Content Upload

• The client has a big content generation team working on blogs, recipes, graphic designing, photography and videography for multiple modules.

• All their images were in local drives which they wanted to upload on a system library in an organized way for use during content upload from the admin panel.

• Content was written in document files in predefined formats. Copy-pasting from documents to the editor disturbed styling, requiring manual formatting fixes.

Ingredient Database & Custom Calendar

• The ingredients are connected with 4 major modules: Recipe, Menu Plan, Shopping List, and Ingredient Profile. We found the USDA government website which provides the ingredient database with nutrition information.

• The USDA website did not have APIs available, providing a quarter-million ingredients database only in CSV files.

• The calendar required drag and drop for recipes, ingredients, and saved Menu Plans with smooth navigation, weather information, notes, and custom recipe cards.

Our Solution

Discovery & Tech Partnership

• We finalized the deal and started building the scope of work through requirement gathering. The client presented around 80 pages of documentation initially planned for WordPress development.

• With their bad experience of WordPress development, they were clear about what they did not want. We needed to finalize the scope, business logic, monetization, and technical feasibility for a custom build website.

• We did not just consult them but became their tech partner from the very early stage.

Content & Video Management

• Built a versatile video upload and playback system integrated directly with the Vimeo API for the admin panel.

• Created an organized image library system where the content team can upload and manage all media assets for different modules.

• Implemented document-to-editor upload with preserved CSS styling, eliminating days of manual data entry and formatting.

Data & Planning Tools

• Integrated the USDA ingredient database with nutrition information across Recipe, Menu Plan, Shopping List, and Ingredient Profile modules.

• Built a custom drag and drop planning calendar supporting recipes, ingredients, and saved Menu Plans.

• Designed responsive modals for content display that work across all browsers, platforms, and operating systems.

Successful Implementation

• For all the above-mentioned challenges and many others, we not only found the solution but successfully implemented the same.

• The platform delivers great user experience for end users across all devices.

• The backend works smoothly for the client's content team as well.

Features Implemented

Primally Nourished includes a comprehensive set of health and wellness modules, each designed to help users maintain a healthy lifestyle through recipes, nutrition planning, yoga videos, and more.

1. Movements & Arts

This module is about Yoga and Resistance training videos. Users can watch videos from different categories like for beginners, intermediate, advance, parental, etc. The user can go through the sequence of videos, benefits of Yoga with the ability to create their own playlist.

2. Culinary Craft

The website serves the different recipes and nutrition planning, it is also important for users to know about the Culinary Items and processes like Nourished Counterparts, Cooking Methods, Homemade tips, and tricks, etc. Here, users can learn the culinary arts with given videos and content

3. Food Facts

As this is a healthcare platform, it provides the ability to get to know information and studies around the Food that we consume. Users can create their custom dashboard based on their food type- Vegan, Vegetarian, Paleo, etc. from the various categories like Dairy & Eggs, GMOs, Seafood, Meats, Organic, etc.

4. Nutrition Knowledge

Content pages on different nutrition types; aka: vegetarian, vegan, paleo. nutrients, nutrition and body calculators, and nutrition coaching reviews, and refferals.

5. Recipes

The goal of Primally Nourished is to help users to find the perfect healthy recipe. On the basis of the: beautiful photo and cooking video, cooking & preparation time, ingredients, nutrients and directions. Users can not just only find the recipes, the website works such a way that the user can select the ingredients they have at their home, and the system will find the best fit of recipes. Users can make a collection of recipes and find based on predefined holidays and themes i.e. recipes for thanksgiving, Christmas, birthdays, etc.

6. Menu Plan

Menu planning or planning calendar is a module where users can decide what they will eat for each meal, including 3 main courses of a day: breakfast, lunch, dinner. It also entails knowing how many meals to plan for and when to serve them. This has been designed in such a way that the calendar takes care of users' adequacy, balance, calorie (energy) control, nutrient density, moderation, and variety. Drag & Drop the recipes, ingredients in calendar. Save the planning calendar. Add To-Do Ahead. Change servings or create a leftover recipe. Nutrition Details of whole family. Easy Print & Share.

7. Shopping List

Keep all your ingredients and shopping list items at one place. This will help you make your planning and schedule organized with grocery shopping. Easily share your list with family or order online. Tick off items that you've already purchased or stored.

8. User Profile & Subscription

Login with facebook or google with one step. Select the appropriate subscription plan to get access to 10+ different modules to make your lifestyle healthy and stress free. With 30 days free trial, you can get access to all the features and modules for free.

9. Mobile Responsive

The whole website is responsive for use on your iPhone, Android device, tablet or iPad. Every feature is designed such that users can access recipes, planning calendar, shopping list, yoga videos etc. on their fingertip.

Backend and Web App Technology Stack

Primally Nourished is built on a full-stack web architecture with Laravel backend, jQuery frontend, and multiple third-party integrations for video, payments, and social login.

Backend

Docker, Cloud Server (Digital Ocean), PHP (Laravel)

Third-Party Integration

Facebook, Google, USDA Ingredients DB, Braintree, Vimeo

Testing & DevOps

Gitlab

Frontend

HTML, CSS, Bootstrap, jQuery, jQuery UI

Database

MySQL

Conclusion

Primally Nourished is a comprehensive healthcare and wellness platform that brings together yoga videos, nutrition-based recipes, menu planning, shopping lists, and health education modules into a single custom-built website. WebMob Technologies partnered with the client from the discovery phase, replacing a limited WordPress build with a fully custom solution that serves both end users and the content management team effectively.

READY TO BUILD A HEALTHCARE SOLUTION ?

Let us help you design and deliver a custom healthcare platform tailored to your users and workflow.

Get a Quote

More Projects

Bounty Board

Reward-based platform for creating, managing, and completing bounties.

Baller

A social networking app for basketball players to search courts, meet players and plan their games.

Hindeep

Dating app matching users based on personality traits and compatibility.

Gas Drop

On-demand fuel delivery app with tracking, scheduling, and payments.

Fischer

eCommerce platform for heating systems with rewards and support.