Creating an easy-to-use personalized portal for admitted students using the power of Technolutions Slate CRM<\/p>\n\n\n\n
\n
\n
Client Overview<\/h2>\n\n\n\n
The Office of Admissions at Western Washington University adopted Technolotions Slate as a CRM in 2019. Work began immediately on transferring the current application for admissions from CollegeNET into Slate, and I was tasked with applying the university’s design system and branding to both the default template in Slate as well as the creation of a portal for admitted students.<\/p>\n<\/div>\n\n\n\n
To create a new experience for admitted students that would allow them to log in and see personalized tasks and upcoming events, answer any common questions, and provide relevant resources.<\/p>\n\n\n\n
<\/p>\n\n\n\n
The Process<\/h2>\n\n\n\n
Wireframes (created in Figma)<\/h3>\n\n\n\n
I knew I wanted to keep the navigation as simple as possible with no difference between small and large screens if possible. This would decrease the time to build and keep things accessible. I worked directly with the subject matter experts and content editors in Admissions to limit the pages that students would be shown. <\/p>\n\n\n\n
<\/figure><\/div>
<\/figure><\/div><\/div><\/div><\/div>\n\n\n\n
Through preliminary user testing, it was determined that a link saying “What do I need to do?” was preferable to an icon such as an arrow or plus sign. Clicking on this text opens up the accordion, but functionally anywhere in the accordion is clickable to display more text.<\/p>\n\n\n\n
<\/p>\n\n\n\n
Solution<\/h2>\n\n\n\n
\n
The order of elements in the box was organized via importance:<\/p>\n\n\n\n
The task<\/li>
The status of the task<\/li>
Due date<\/li>
How to accomplish task (if it’s not complete)<\/li><\/ol>\n\n\n\n
Checklist items are sorted by due date.<\/p>\n<\/div>\n\n\n\n
\n
\n
\n
\nCurrent homepage with checklist. There is nothing to promote currently, so no promo blocks are displayed. But there is a notification about new COVID vaccination requirements.<\/figcaption><\/figure>\n\n\n\n
The process of applying to college is complex. Students are under immense stress and are undertaking a complicated bureaucratic process that requires them to gather and submit many different documents with multiple deadlines. I wanted to lighten their cognitive load as much as I could with a simple and intuitive interface.<\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Easy to Maintain<\/h4>\n\n\n\n
Non-technical users needed to be able to update and edit content as needed. I created simple documentation to help them add new checklist items, FAQs, resources, and promo blocks within Slate with no need to alter any code.<\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Cohesive Branding<\/h4>\n\n\n\n
Slate isn’t directly connected to the university’s Drupal theme and the design system but utilizes the standards of the university design system and branding.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
To create a new experience for admitted students that would allow them to log in and see personalized tasks and upcoming events, answer any common questions, and provide relevant resources.<\/p>\n","protected":false},"author":1,"featured_media":3325,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"jetpack-portfolio-type":[457,467],"jetpack-portfolio-tag":[448,449,463],"class_list":["post-3305","jetpack-portfolio","type-jetpack-portfolio","status-publish","format-standard","has-post-thumbnail","hentry","jetpack-portfolio-type-job","jetpack-portfolio-type-wwu","jetpack-portfolio-tag-branding","jetpack-portfolio-tag-crm","jetpack-portfolio-tag-ux-design"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/aflinn.com\/index.php\/wp-json\/wp\/v2\/jetpack-portfolio\/3305","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aflinn.com\/index.php\/wp-json\/wp\/v2\/jetpack-portfolio"}],"about":[{"href":"https:\/\/aflinn.com\/index.php\/wp-json\/wp\/v2\/types\/jetpack-portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/aflinn.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aflinn.com\/index.php\/wp-json\/wp\/v2\/comments?post=3305"}],"version-history":[{"count":0,"href":"https:\/\/aflinn.com\/index.php\/wp-json\/wp\/v2\/jetpack-portfolio\/3305\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aflinn.com\/index.php\/wp-json\/wp\/v2\/media\/3325"}],"wp:attachment":[{"href":"https:\/\/aflinn.com\/index.php\/wp-json\/wp\/v2\/media?parent=3305"}],"wp:term":[{"taxonomy":"jetpack-portfolio-type","embeddable":true,"href":"https:\/\/aflinn.com\/index.php\/wp-json\/wp\/v2\/jetpack-portfolio-type?post=3305"},{"taxonomy":"jetpack-portfolio-tag","embeddable":true,"href":"https:\/\/aflinn.com\/index.php\/wp-json\/wp\/v2\/jetpack-portfolio-tag?post=3305"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"\"](\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\")
<\/figure><\/div>![\"\"](\"https:\/\/i2.wp.com\/aflinn.com\/wp-content\/uploads\/2021\/08\/iPhone-8-Wireframe-1.png?ssl=1\")
<\/figure><\/div>![\"\"](\"https:\/\/i1.wp.com\/aflinn.com\/wp-content\/uploads\/2021\/08\/Desktop-wireframe-1.png?ssl=1\")
<\/figure><\/div><\/div><\/div><\/div>\n\n\n\n![\"Admitted](\"https:\/\/aflinn.com\/wp-content\/uploads\/2021\/08\/screencapture-apply-wwu-edu-apply-status-2021-08-21-18_01_32-1-453x1024.png\")
![\"\"](\"https:\/\/aflinn.com\/wp-content\/uploads\/2021\/08\/screencapture-apply-wwu-edu-apply-status-2021-08-21-18_02_03-1-1024x754.png\")
![\"\"](\"https:\/\/aflinn.com\/wp-content\/uploads\/2021\/08\/screencapture-apply-wwu-edu-apply-status-2021-08-21-18_02_10-1-330x1024.png\")
![\"\"](\"https:\/\/aflinn.com\/wp-content\/uploads\/2021\/08\/screencapture-apply-wwu-edu-apply-status-2021-08-21-18_03_02-1-354x1024.png\")