University of Dayton Application device mockups

University of Dayton 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 the University of Dayton 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.

This application also features a number of CSS animations throughout it, which I’ve showcased in some videos below. I’m particularly proud of the animated gradient border. 🙂

Application Pages

Page one – About You

University of Dayton Application About You page - top
University of Dayton Application About You page - questions

Page three – Final Steps

University of Dayton Application Final Steps page
University of Dayton Application welcome mobile view
University of Dayton Application about you page mobile view
University of Dayton Application almost finished mobile view

Error Validation Mode

University of Dayton error validation mode
University of Dayton error validation mode questions
University of Dayton Application bottom navigation mobile view
University of Dayton Application error validation mode mobile view
University of Dayton Application error validation mode questions mobile view

Application Submitted Page

University of Dayton completion page
University of Dayton completion page steps
University of Dayton completion page school content links
University of Dayton Application Completion page header mobile view
University of Dayton Application Completion Page steps mobile view
University of Dayton Application Completion Page school content links mobile view