{"componentChunkName":"component---src-templates-portfolio-page-js","path":"/portfolio/apply-to-rmu/","result":{"data":{"markdownRemark":{"id":"8164ccc9-836b-5ae2-a411-0e99fa18f841","fields":{"slug":"/portfolio/apply-to-rmu/"},"frontmatter":{"content":[{"description":"The application process for a university is a critical part to their business model. The online application acts as an entry point to the university and is a way to leave a good impression on the student. Deciding to apply to the university is a big decision for students, who are often anxious and overwhelmed with the process. It was important to me to be able to simplify this process and make it an easy, step-by-step, and intuitive flow.\n\nTo put into perspective where this project began, refer to the screenshot below:\n\n![](/img/rmu-application-old-1-.jpg)\n\nAs you can see from the screenshot above, the old application was very simple, with no focus on design. The original design was not inviting, not accessible, and not responsive.","title":"Overview"},{"description":"As I began the process of designing the updated application, I took some time to think about the purpose and intention. The particular page showcased above is the entry point to various applications (undergraduate, graduate, post-graduate, etc). It was important to provide an experience that was simple, welcoming, and friendly. The result came out to be a simple, mobile-first interface with repurposed calls to action and a focus on the overall brand.\n\n![](/img/rmu-application-updated-entry.jpg)\n\nThe webpage uses subtle animations to indicate the flow between the various steps of needed to collect user data. Once the student has completed the initiate flow, it processes the students entry and forwards them to the correct application for their degree type.","title":"Creating the New Application"},{"description":"As I mentioned above, the user enters a specific application flow after their degree type is identified. One of these pathways is for graduate degrees. Prior to the application redesign, the graduate application contained a clutter of input fields in a desktop-only format. Users who attempted to apply via mobile devices were often discouraged and incompletion rate was rather high.\n\nWithout losing too much of the structure, I went forward with a mobile-first approached that focused on responsive input fields and a progress tracker. The goal of the progress tracker was not only to indicate which sections had been completed, but also to allow easy navigation throughout the various components of the application.\n\nThe end result was a simple, responsive, and intuitive interface that increased overall application rates.\n\n![](/img/20170129-42-rmu-grad-app-cover.jpg)","title":"Graduate Application"}],"date":"May 2020","featuredHeaderImage":{"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAKABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABAAF/8QAFQEBAQAAAAAAAAAAAAAAAAAAAAH/2gAMAwEAAhADEAAAAdAalQKbH//EABoQAAIDAQEAAAAAAAAAAAAAAAECAxEyBBL/2gAIAQEAAQUCJ9HmR1lF1HtFUFM//8QAFREBAQAAAAAAAAAAAAAAAAAAARD/2gAIAQMBAT8BZ//EABURAQEAAAAAAAAAAAAAAAAAAAEQ/9oACAECAQE/ASf/xAAdEAEAAQMFAAAAAAAAAAAAAAABABARQRIhIkKR/9oACAEBAAY/AtLnaW65nEfaKBT/xAAZEAEAAwEBAAAAAAAAAAAAAAABABExIVH/2gAIAQEAAT8hvSvSmUIlxQsGj9qnZjAcleoTOf/aAAwDAQACAAMAAAAQRN//xAAWEQEBAQAAAAAAAAAAAAAAAAAAESH/2gAIAQMBAT8Qwr//xAAXEQEAAwAAAAAAAAAAAAAAAAAAAREh/9oACAECAQE/EJYp/8QAHRABAQACAQUAAAAAAAAAAAAAAREAITFBUZGhwf/aAAgBAQABPxBYCpJJeY4GEoBdMId8SAkUbDZ+TCefHB8gi76uAJk5fbn/2Q==","aspectRatio":2.0161290322580645,"src":"/static/b2c24dda31a933d5e5f3516f66ffab19/a66ad/20170129-40-apply-rmu-cover.jpg","srcSet":"/static/b2c24dda31a933d5e5f3516f66ffab19/f0719/20170129-40-apply-rmu-cover.jpg 500w,\n/static/b2c24dda31a933d5e5f3516f66ffab19/724c8/20170129-40-apply-rmu-cover.jpg 1000w,\n/static/b2c24dda31a933d5e5f3516f66ffab19/a66ad/20170129-40-apply-rmu-cover.jpg 2000w,\n/static/b2c24dda31a933d5e5f3516f66ffab19/a327c/20170129-40-apply-rmu-cover.jpg 2800w","sizes":"(max-width: 2000px) 100vw, 2000px"}}},"technologies":["SASS","Responsive Design","jQuery","Javascript","HTML"],"title":"Apply to RMU","timeline":[{"time":"Default","description":"Default"}]}}},"pageContext":{"id":"8164ccc9-836b-5ae2-a411-0e99fa18f841"}}}