University of Dayton Application device mockups

Colby-Sawyer College Freshman Application

Role

Web Design

Front End Development (in-house CMS – HTML/SCSS)

CSS animations

Validation & event logic set up

Background

This is a freshman college application for Colby-Sawyer College that students used to apply for enrollment. My role in the creation of this application was to design and style it, set up events to show and hide questions, write validations to ensure that important information was collected accurately, and to advise my clients of best practices while working to find solutions to meet their data needs. I carefully designed the question and event flow with the user experience in mind.

Application Pages

Page one – About You

Colby-Sawyer College Application About You page
Colby-Sawyer College Application login page mobile view
Colby-Sawyer College Application welcome mobile view
Colby-Sawyer College Application about you page mobile view

Page two – Your Academics

Colby-Sawyer College Application Your Academics page

Page three – Final Steps

Colby-Sawyer College Application Final Steps page

Error Validation Mode

Colby-Sawyer College error validation mode
Colby-Sawyer College Application your academics page mobile view
Colby-Sawyer College Application almost finished mobile view
Colby-Sawyer College Application error validation mode mobile view

Application Submitted Page

Colby-Sawyer College completion page
Colby-Sawyer College Application question errors mobile view
Colby-Sawyer College Application Completion Page step one mobile view
Colby-Sawyer College Application Completion Page step one done mobile view