case_file.exe — /work/901osc.com Redesign
[LOADED]
_
□
X

901osc.com Redesign

Designed a clarity-first website for a Mid-South CPR and safety training provider, then returned in 2026 to reorganize it around the teams it trains: three team pages, a Courses menu, rewritten course pages and a quote-ready request form.

[ SYS_STAT ]
CLIENT
901 Occupational Safety Consultants
SECTOR
Occupational Safety & CPR Training
YEAR
2023–2026
ROLE
UX/UI Design · Information Architecture · Webflow
DELIVERY
8-wk build + 2026 audit round
proc_uptime 00:00:21
901OSC homepage hero offering certified CPR and safety training on site

Strategic Brief & Constraints

01

> run brief.txt

901 Occupational Safety Consultants is a veteran-owned CPR, AED and First Aid training provider in Cordova, Tennessee, teaching on site at workplaces across the Mid-South since 1996. I designed its clarity-first website, then returned in October 2026 to audit the live site and run an optimization round.

The brief was to make regulation-heavy training easy to understand and easy to arrange. The buyer is usually a childcare director, care-home manager or safety coordinator with a team to schedule, not someone browsing courses.

[ DELIVERABLES ]
›
UX Audit & Service Design
›
Information Architecture
›
Content Restructure
›
Visual Direction
›
Web UI System
›
Webflow Build & SEO

research-notes.log — constraints / audience / inputs

[IDLE]
_
□
X
[ 01 ]
Constraints
  • Platform. Webflow CMS with seven course pages and native forms, plus blog, doctor and product templates left over from the original theme.
  • Accuracy. Classes issue two-year completion cards, class length depends on the course combination, and childcare programs need rosters and training-hour letters. The site had to say exactly that, and no more.
  • Audiences. Childcare teams, caregivers and workplace safety teams need different courses, but all of them arrange training the same way: on site, by request.
[ 02 ]
Audience
Childcare directors and teachers · Caregivers and care-home support staff · Workplace safety coordinators, office managers and restaurant teams
[ 03 ]
Discovery Inputs
Live-site heuristic review · Content audit (18 pages, 7 course items) · Course facts: class lengths, card validity, records · 2023 wireframes and build

[ KEY INSIGHTS ]

01
Teams, not course names: buyers know who they’re training before they know which course they need, so the site now starts from the team.
02
Ask what a quote needs: course, group size and location turn a contact form into a request the team can plan from.
03
Name what the class issues: two-year completion cards, rosters and training-hour letters replace a generic “certified” promise.

Architecture & Service Design

02

[ INFORMATION ARCHITECTURE ]

Structure before surface

The 2023 site was organized by course, so a childcare director had to know a course name before they could start, and the Services list mixed courses with delivery formats. In the 2026 round I restructured the architecture around the three teams 901OSC trains.

The model shipped in three places: a “Who are you training?” section on the homepage, a Courses menu with a “For your team” column, and a landing page for each team. Every path ends at the same request form.

Information architecture map: homepage branches to childcare, caregiver and workplace team pages, all ending at one request form

service-flow.log — journey / handoffs / risk

Service flow: arranging on-site training

Mapping who acts at each step showed that the buyer’s real job is planning a class, not buying a course. A quote needs the course, headcount and location, and a childcare program also needs the right paperwork after class. Those needs shaped the team pages and the request form.

Next, proposed: a refresher reminder before the two-year completion cards expire.

Swimlane service flow of a team lead arranging on-site CPR training with 901OSC, from first visit to training records
Six steps, two actors, four friction points. Three are fixed on the live site; one is a proposed next step.

[ RESEARCH ARTIFACTS ]

No items found.

Conversion & UX Optimization

03

[ KEY UX DECISION ]
Request form before and after: a five-field booking form beside the nine-field Request Training form
The old form asked for a class date up front and left the course, headcount and location to a free-text message. The new form asks nine questions, six of them required, each one something 901OSC needs to quote an on-site class. “Help me choose” covers unsure teams, the date is a preference, and a phone number sits beside the form.

research-notes.log —  KEY INSIGHTS → DESIGN DIRECTION

[IDLE]
_
□
X
[ SIGNAL 01 ]
DESIGN SIGNAL
Teams, not course names: buyers know who they’re training before they know which course they need, so the site now starts from the team.
[ SIGNAL 02 ]
DESIGN SIGNAL
Ask what a quote needs: course, group size and location turn a contact form into a request the team can plan from.
[ SIGNAL 03 ]
DESIGN SIGNAL
Name what the class issues: two-year completion cards, rosters and training-hour letters replace a generic “certified” promise.

Visual System & Accessibility

04

Font Selection
Manrope
Heading Selection
Manrope Medium
Subheading Selection
Manrope SemiBold
Paragraph Selection

The 2026 system pairs Manrope headings in navy and purple with plain, specific copy: what staff practice, how long the class takes and what it issues. Course facts live in the CMS, so all seven course pages follow one pattern.

Color Palette
[ TOKEN: PRIMARY ]
#030abc
[ TOKEN: SECONDARY ]
#f2b705
[ TOKEN: SURFACE ]
#232323
[ TOKEN: GRAY ]
#9c9c9c
[ TOKEN: NEUTRAL ]
#f6f7f9
[ TOKEN: WHITE ]
#ffffff
Buttons
Request Training
Request Training
Explore courses
Explore courses
Logo
901OSC primary logo
901OSC secondary logo lockup
[ mockups / screens / states ]
No items found.

a11y.audit — accessibility / responsive / polish

Outcomes & Technical Handoff

05

BUILD_LAUNCH_OUTCOME.log

[ BUILD 01 ]
Content Restructure
[ BUILD 02 ]
Visual Direction
[ BUILD 03 ]
Web UI System
[ BUILD 04 ]
Webflow Build & SEO
[ IMPLEMENTATION NOTE 01 ]
Seven course pages were rewritten in the CMS around what staff practice, class length and what the class issues, and every page has its own SEO title and description.
[ IMPLEMENTATION NOTE 02 ]
Leftover template pages (blog, doctors, products) were taken out of publishing, and the request form now asks for the course, group size and location up front.

outcomes.log — proof / measurement plan

  • 3 Team landing pages: childcare, caregivers, workplace
  • 7 Course pages rewritten with class length and completion details
  • 5 → 9 Request-form fields, each one a quoting question
  • 18 Pages with their own SEO title and description

How success will be measured

  1. Training requests per month, and the share that arrive ready to quote
  2. Requests by team page: childcare, caregivers, workplace
  3. Taps on “Call (901) 484-9311” from mobile
  4. Search visibility for Mid-South CPR and First Aid training

Tracked at 30, 60 and 90 days after the update.

“Simplifying compliance, saving lives.”
The first build made the services understandable. The 2026 round made training easier to arrange.
No items found.

[ Navigation ]

06

[ RELATED FILES ]

[ Contact ]

07

[ CONTACT ]

[ Start Project ]

[ RESPONSE WITHIN 48 HRS ]
> NAME:
> Email Address:
> Message:
[ OR EMAIL DIRECTLY — HELLO@AJWILLIAMS.INFO ]
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
boot.sh_ □ X
[ ]
Initializing0%