Skip to main content

Project Overview

Project Vision and Goals

Sokana Collective is a Doula Agency that aids with training doulas to support people with all aspects of their fertility journey.

The purpose of this redesign is to maintain the current design as much as possible while integrating user-friendly practices. This involves developing an online training academy for Sokana’s Doulas. The Sokana Collective Training Academy will serve to make doula training for existing and aspiring doulas more accessible.

The feature we focused on adding to the website was a new courses page. Users can log in and view the courses they own, as well as browse and purchase new courses. A short preview of each course is given before being prompted to pay to further watch the course.

Target Audience

Our target audience is people who are interested in childbirth and doula education. Info should be easily searchable for the target audience, allowing doula training for existing and aspiring doulas to be accessible.

Other users include admins who may want to edit page features and add or modify courses in the training academy.

Key Features of the Redesign

FeatureWhy it matters
Home pageUtilizes user-friendly practices for a professional first impression to users.
Admin loginAllows admins add or edit attributes of online courses.
User loginAllows users to watch courses they already own and pay for new courses.
Courses pageAllows users to see previews of courses they are interested in, as well as provide a brief description of the course content.

Tech Stack

Frontend

FrameworkPurpose
ReactUI components.
React Router v7Navigation across pages.
styled-componentsStyling components.
SupabaseAuthentication.
VercelDeployment of the frontend app.

Backend

FrameworkPurpose
Node.js, ExpressServer-side logic.
PostgreSQLUsed via Supabase for database.
ESLint, PrettierConsistent code formatting.
RenderHosting for backend services.