I also wrote server-side code for two of the pages that allows access only to attendees. These pages feature downloadable documents and embedded videos which are delivered by Amazon Web Services.
The intro page features an overview of how the course works and how results from practice tests administered on a separate website are included. The process can be confusing, so I created a workflow graphic to show each step. Introduction videos also demonstrate different aspects of the course.
The faculty page includes photos and a short bio for each video presenter. I added a common background to each of the presenter’s photos for consistency and style.
The Course Modules page is designed using an outline format that mimics the written registry examination. I wrote a script to reveal links to course videos and printable slide presentations when a section title is selected.
Selecting a video’s title opens a video player on a separate page that was designed to be simple and distraction free. The videos are served from Amazon Web Services. I wrote a script that marks a video as viewed then reveals a pop quiz when a video has finished playing.
There is also an Exam Results page that shows a student’s progress by displaying practice test results.
This page is an association membership application form. The design challenge is how to quickly and simply inform the user about the different levels of association membership without displaying a lot of text.
To make the process as simple as possible, I designed three large buttons that convey the main differences in membership levels: price, and what format association publications are received. If a user chooses to have one print and one electronic publication, an additional button is displayed that allows them to select which publication to receive in print.
View a demo…
Kate Makes the Case
This is landing page for a membership campaign called “Kate Makes the Case” and describes how a busy therapist named Kate uses the benefits of her professional association.
The page features an embedded YouTube video, printable infographics, and a design I created to tie everything together. I originally sketched the design on paper, then created a color mockup in Photoshop and produced the final page with HTML and CSS.
A very simple and clinical page was needed to quickly catch the attention of busy hospital CEOs and persuade them to watch a video. Originally envisioned as a series of pages, I edited the content until only essential features were left, then created a responsive design using HTML and CSS. The page features an embedded icon font, a download button created entirely with CSS, and an embedded YouTube video of a renowned subject expert.
These images were all featured on the home page of aarc.org, a site maintained by the American Association for Respiratory Care for respiratory therapists. I created each image in Photoshop and they represent common tasks I perform when designing—selecting, retouching, editing, and masking photos, creating logos, icons, and graphics, creating color palettes, and choosing fonts.
What’s Your Story?
“What’s Your Story?” was a contest that asked respiratory therapists to submit their own stories about being in the profession for a chance to win a free trip to an annual convention.
I created the logo and graphics in a kitschy, retro-inspired style featuring a gameshow emcee and a whimsical font. (The emcee isn’t really Robert Downey, Jr.)
This logo was used in print and online articles announcing candidates for the 2004 American Association for Respiratory Care elections.
Lecture Lab Logo
Lecture Lab is a project that encourages people to become presenters at an annual meeting by giving them a change to audition in front of a panel of experts. A logo was needed that could be printed on a wide but narrow banner, and also be legible at small sizes online and in print.
YourLungHealth.org is a consumer-focused website managed by the American Association for Respiratory Care. The site’s logo features a stylized lung icon and a typeface that matches the icon’s thick and thin style.