{"id":124,"date":"2025-12-08T20:34:43","date_gmt":"2025-12-08T20:34:43","guid":{"rendered":"https:\/\/sova.ourcloud.ou.edu\/portfolio\/elliott\/?p=124"},"modified":"2026-02-10T04:21:39","modified_gmt":"2026-02-10T04:21:39","slug":"ou-visual-communication-website-ux-design","status":"publish","type":"post","link":"https:\/\/sova.ourcloud.ou.edu\/elliott\/2025\/12\/08\/ou-visual-communication-website-ux-design\/","title":{"rendered":"OU Visual Communication Website UX Design"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull has-base-2-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-c816cdf9 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-1da03c2a wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:60%\"><figure class=\"wp-block-post-featured-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1705\" height=\"1888\" src=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Laptop-Digital-Screen-PSD-04-1-e1770242019210.png\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" style=\"object-fit:cover;\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Laptop-Digital-Screen-PSD-04-1-e1770242019210.png 1705w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Laptop-Digital-Screen-PSD-04-1-e1770242019210-768x850.png 768w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Laptop-Digital-Screen-PSD-04-1-e1770242019210-1387x1536.png 1387w\" sizes=\"auto, (max-width: 1705px) 100vw, 1705px\" \/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:40%\">\n\n<h2 class=\"wp-block-post-title\">OU Visual Communication Website UX Design<\/h2>\n\n<div class=\"wp-block-post-excerpt\"><p class=\"wp-block-post-excerpt__excerpt\">This redesign of the OU Visual Communication website applied design thinking to create a clearer, more accessible experience for prospective students, parents, and faculty. <\/p><\/div>\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/www.figma.com\/proto\/dglLPIqCb2Krbucg69JeaK\/Hi-Fi-Prototype?node-id=28-201&amp;p=f&amp;t=yZnOoBTLYS6ajcwi-1&amp;scaling=scale-down&amp;content-scaling=fixed&amp;page-id=190%3A1455&amp;starting-point-node-id=28%3A201\">View Prototype<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-style-section-3 has-contrast-color has-base-background-color has-text-color has-background has-link-color has-medium-font-size wp-elements-4911c6c2f625d5100f210710a35ffb29 has-global-padding is-layout-constrained wp-container-core-group-is-layout-dd4f972c wp-block-group-is-layout-constrained\" style=\"border-style:none;border-width:0px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40)\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading has-contrast-color has-text-color has-link-color wp-elements-70d9ecb015c0c5832576c0051a031747\"><strong>Empathize<\/strong><\/h2>\n\n\n\n<p>The Empathize stage focused on understanding real user needs rather than making assumptions. To do this, we gathered insights from parents, current students, and faculty to better understand their experiences, frustrations, and expectations when searching for information about the Visual Communication program online.<\/p>\n\n\n\n<p>From this research, several consistent issues emerged: unclear program information, low visibility of student work, and the absence of a centralized, structured website. These insights guided the direction of the project and ensured the design addressed real user needs across all audiences.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Competitive Analysis<\/strong><\/h3>\n\n\n\n<p>To understand how other design programs communicate online, we analyzed the websites of the&nbsp;<strong>University of Central Oklahoma (UCO)<\/strong>,&nbsp;<strong>Kansas City Art Institute (KCAI)<\/strong>, and&nbsp;<strong>Savannah College of Art and Design (SCAD)<\/strong>. Each site was evaluated based on layout, navigation, content clarity, and overall usability.<\/p>\n\n\n\n<div style=\"height:38px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><a href=\"http:\/\/www.uco.edu\/programs\/cfad\/design\/graphic-design\" target=\"_blank\" rel=\" noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/uco-1-1024x1024.png\" alt=\"\" class=\"wp-image-144\" style=\"width:176px;height:auto\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/uco-1-1024x1024.png 1024w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/uco-1-300x300.png 300w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/uco-1-150x150.png 150w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/uco-1-768x768.png 768w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/uco-1.png 1031w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<div data-wp-context=\"{ &quot;autoclose&quot;: false, &quot;accordionItems&quot;: [] }\" data-wp-interactive=\"core\/accordion\" role=\"group\" class=\"wp-block-accordion is-layout-flow wp-block-accordion-is-layout-flow\">\n<div data-wp-class--is-open=\"state.isOpen\" data-wp-context=\"{ &quot;id&quot;: &quot;accordion-item-1&quot;, &quot;openByDefault&quot;: false }\" data-wp-init=\"callbacks.initAccordionItems\" data-wp-on-window--hashchange=\"callbacks.hashChange\" class=\"wp-block-accordion-item is-layout-flow wp-container-core-accordion-item-is-layout-80470d57 wp-block-accordion-item-is-layout-flow\" style=\"margin-top:0;margin-bottom:0\">\n<h3 class=\"wp-block-accordion-heading has-large-font-size\"><button aria-expanded=\"false\" aria-controls=\"accordion-item-1-panel\" data-wp-bind--aria-expanded=\"state.isOpen\" data-wp-on--click=\"actions.toggle\" data-wp-on--keydown=\"actions.handleKeyDown\" id=\"accordion-item-1\" type=\"button\" class=\"wp-block-accordion-heading__toggle\" style=\"padding-right:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\"><span class=\"wp-block-accordion-heading__toggle-title\"><strong>University of Central Oklahoma<\/strong><\/span><span class=\"wp-block-accordion-heading__toggle-icon\" aria-hidden=\"true\">+<\/span><\/button><\/h3>\n\n\n\n<div inert aria-labelledby=\"accordion-item-1\" data-wp-bind--inert=\"!state.isOpen\" id=\"accordion-item-1-panel\" role=\"region\" class=\"wp-block-accordion-panel is-layout-flow wp-block-accordion-panel-is-layout-flow\">\n<p class=\"has-text-align-left\">Strengths:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Clean, readable layout with good spacing<\/li>\n\n\n\n<li>Key information easy to find<\/li>\n\n\n\n<li>Engaging interactive elements<\/li>\n\n\n\n<li>Clear introduction to careers in design<\/li>\n<\/ul>\n\n\n\n<p>Weaknesses:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Header navigation is inconsistent<\/li>\n\n\n\n<li>Limited showcase of student work and alumni<\/li>\n\n\n\n<li>The search bar is hard to use<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><a href=\"http:\/\/kcai.edu\/academics\/Majors_Minors\/majors\/Graphic-Design\/\" target=\"_blank\" rel=\" noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/kcai-3-1024x1024.png\" alt=\"\" class=\"wp-image-146\" style=\"width:177px;height:auto\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/kcai-3-1024x1024.png 1024w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/kcai-3-300x300.png 300w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/kcai-3-150x150.png 150w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/kcai-3-768x768.png 768w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/kcai-3.png 1501w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<div data-wp-context=\"{ &quot;autoclose&quot;: false, &quot;accordionItems&quot;: [] }\" data-wp-interactive=\"core\/accordion\" role=\"group\" class=\"wp-block-accordion is-layout-flow wp-block-accordion-is-layout-flow\">\n<div data-wp-class--is-open=\"state.isOpen\" data-wp-context=\"{ &quot;id&quot;: &quot;accordion-item-2&quot;, &quot;openByDefault&quot;: false }\" data-wp-init=\"callbacks.initAccordionItems\" data-wp-on-window--hashchange=\"callbacks.hashChange\" class=\"wp-block-accordion-item is-layout-flow wp-container-core-accordion-item-is-layout-80470d57 wp-block-accordion-item-is-layout-flow\" style=\"margin-top:0;margin-bottom:0\">\n<h3 class=\"wp-block-accordion-heading has-large-font-size\"><button aria-expanded=\"false\" aria-controls=\"accordion-item-2-panel\" data-wp-bind--aria-expanded=\"state.isOpen\" data-wp-on--click=\"actions.toggle\" data-wp-on--keydown=\"actions.handleKeyDown\" id=\"accordion-item-2\" type=\"button\" class=\"wp-block-accordion-heading__toggle\" style=\"padding-right:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\"><span class=\"wp-block-accordion-heading__toggle-title\"><strong>Kansas City Art Institute<\/strong><\/span><span class=\"wp-block-accordion-heading__toggle-icon\" aria-hidden=\"true\">+<\/span><\/button><\/h3>\n\n\n\n<div inert aria-labelledby=\"accordion-item-2\" data-wp-bind--inert=\"!state.isOpen\" id=\"accordion-item-2-panel\" role=\"region\" class=\"wp-block-accordion-panel is-layout-flow wp-block-accordion-panel-is-layout-flow\">\n<p class=\"has-text-align-left\">Strengths:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Strong focus on student work<\/li>\n\n\n\n<li>Alumni stories add credibility<\/li>\n\n\n\n<li>Clear, organized navigation<\/li>\n\n\n\n<li>Good use of whitespace for readability<\/li>\n<\/ul>\n\n\n\n<p>Weaknesses:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Some sections feel too text-heavy<\/li>\n\n\n\n<li>Image grids can become cluttered<\/li>\n\n\n\n<li>Weak mobile responsiveness<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><a href=\"http:\/\/www.scad.edu\/academics\/programs\/user-experience-design\" target=\"_blank\" rel=\" noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/scad-Large-1-1024x1024.png\" alt=\"\" class=\"wp-image-147\" style=\"width:177px;height:auto\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/scad-Large-1-1024x1024.png 1024w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/scad-Large-1-300x300.png 300w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/scad-Large-1-150x150.png 150w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/scad-Large-1-768x768.png 768w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/scad-Large-1.png 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<div data-wp-context=\"{ &quot;autoclose&quot;: false, &quot;accordionItems&quot;: [] }\" data-wp-interactive=\"core\/accordion\" role=\"group\" class=\"wp-block-accordion is-layout-flow wp-block-accordion-is-layout-flow\">\n<div data-wp-class--is-open=\"state.isOpen\" data-wp-context=\"{ &quot;id&quot;: &quot;accordion-item-3&quot;, &quot;openByDefault&quot;: false }\" data-wp-init=\"callbacks.initAccordionItems\" data-wp-on-window--hashchange=\"callbacks.hashChange\" class=\"wp-block-accordion-item is-layout-flow wp-container-core-accordion-item-is-layout-80470d57 wp-block-accordion-item-is-layout-flow\" style=\"margin-top:0;margin-bottom:0\">\n<h3 class=\"wp-block-accordion-heading has-large-font-size\"><button aria-expanded=\"false\" aria-controls=\"accordion-item-3-panel\" data-wp-bind--aria-expanded=\"state.isOpen\" data-wp-on--click=\"actions.toggle\" data-wp-on--keydown=\"actions.handleKeyDown\" id=\"accordion-item-3\" type=\"button\" class=\"wp-block-accordion-heading__toggle\" style=\"padding-right:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\"><span class=\"wp-block-accordion-heading__toggle-title\"><strong>Savannah College of Art and Design<\/strong><\/span><span class=\"wp-block-accordion-heading__toggle-icon\" aria-hidden=\"true\">+<\/span><\/button><\/h3>\n\n\n\n<div inert aria-labelledby=\"accordion-item-3\" data-wp-bind--inert=\"!state.isOpen\" id=\"accordion-item-3-panel\" role=\"region\" class=\"wp-block-accordion-panel is-layout-flow wp-block-accordion-panel-is-layout-flow\">\n<p class=\"has-text-align-left\">Strengths:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Bold visuals and strong first impression<\/li>\n\n\n\n<li>Clear connection between education and careers<\/li>\n\n\n\n<li>Well-structured program information<\/li>\n\n\n\n<li>Concise and easy-to-read content<\/li>\n<\/ul>\n\n\n\n<p>Weaknesses:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Design lacks excitement and visual variety<\/li>\n\n\n\n<li>Off-center layout affects readability<\/li>\n\n\n\n<li>Poor hierarchy and inconsistent spacing<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>By analyzing UCO, KCAI, and SCAD, we identified effective strategies to improve OU\u2019s Visual Communication website. UCO inspired stronger navigation and alumni visibility, KCAI highlighted the importance of showcasing student work with clear structure, and SCAD demonstrated the impact of bold visuals and concise content. Combining these strengths informed a design that is visually engaging, easy to navigate, and clearly communicates the program\u2019s creative and professional identity.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Interviews<\/strong><\/h3>\n\n\n\n<p>To gain deeper insight into user needs, interviews were conducted with:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>3 parents<\/li>\n\n\n\n<li>4 current students and 1 senior<\/li>\n\n\n\n<li>3 faculty members<\/li>\n<\/ul>\n\n\n\n<p>Responses were analyzed using empathy maps and grouped into key themes, including website structure, program visibility, information clarity, and reasons for enrollment. Across all users, a clear pattern emerged. Participants wanted a well-organized, visually engaging website, but found important program details difficult to locate. Many noted that student work, studio culture, and faculty mentorship were not clearly represented online. This lack of accessible information often led to confusion, especially for prospective students and parents.<\/p>\n\n\n\n<p>Overall, these insights highlighted the need for a website that not only informs users but also accurately reflects the culture, strengths, and identity of the Visual Communication program.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-4 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69f8cc2118e4d&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69f8cc2118e4d\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"546\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" data-id=\"149\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Faculty-Empathy-Map-1-1024x546.png\" alt=\"\" class=\"wp-image-149\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Faculty-Empathy-Map-1-1024x546.png 1024w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Faculty-Empathy-Map-1-300x160.png 300w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Faculty-Empathy-Map-1-768x410.png 768w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Faculty-Empathy-Map-1-1536x820.png 1536w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Faculty-Empathy-Map-1-2048x1093.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Faculty Empathy Map<\/figcaption><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69f8cc2119130&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69f8cc2119130\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"546\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" data-id=\"151\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Parent-Empathy-Map-1-1024x546.png\" alt=\"\" class=\"wp-image-151\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Parent-Empathy-Map-1-1024x546.png 1024w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Parent-Empathy-Map-1-300x160.png 300w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Parent-Empathy-Map-1-768x410.png 768w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Parent-Empathy-Map-1-1536x820.png 1536w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Parent-Empathy-Map-1-2048x1093.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Parent Empathy Map<\/figcaption><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69f8cc2119407&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69f8cc2119407\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"547\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" data-id=\"150\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Student-Empathy-Map-1-1024x547.png\" alt=\"\" class=\"wp-image-150\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Student-Empathy-Map-1-1024x547.png 1024w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Student-Empathy-Map-1-300x160.png 300w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Student-Empathy-Map-1-768x410.png 768w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Student-Empathy-Map-1-1536x820.png 1536w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Student-Empathy-Map-1-2048x1093.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Student Empathy Map<\/figcaption><\/figure>\n<\/figure>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Define<\/strong><\/h2>\n\n\n\n<p>Based on insights from user interviews, we created three personas: a prospective student, a parent, and a faculty member and mapped their current user journeys. This helped us understand how each group finds information about the program, how they engage with it, and where they face challenges.<\/p>\n\n\n\n<p>For students, the main issue was the lack of clear information about the program\u2019s structure, portfolio reviews, and career paths, forcing them to rely on word of mouth. Parents needed transparent details like course structure, success stories, and student work to build trust. Faculty struggled to explain program basics due to fragmented and outdated resources.<\/p>\n\n\n\n<p>These personas and journey maps clarified the core problems: unclear and scattered information, limited visibility, and missed opportunities to highlight the program\u2019s strengths. Defining these pain points early on set a clear foundation for the next design stages.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Personas and User Journey Maps<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-2 wp-block-gallery-5 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69f8cc2119806&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69f8cc2119806\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1658\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" data-id=\"362\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Faculty-Persona-scaled.png\" alt=\"\" class=\"wp-image-362\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Faculty-Persona-scaled.png 2560w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Faculty-Persona-768x497.png 768w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Faculty-Persona-1536x995.png 1536w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Faculty-Persona-2048x1326.png 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69f8cc2119ae3&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69f8cc2119ae3\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1551\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" data-id=\"364\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Faculty-User-Journey-Map-scaled.jpg\" alt=\"\" class=\"wp-image-364\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Faculty-User-Journey-Map-scaled.jpg 2560w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Faculty-User-Journey-Map-768x465.jpg 768w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Faculty-User-Journey-Map-1536x930.jpg 1536w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Faculty-User-Journey-Map-2048x1241.jpg 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69f8cc2119d95&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69f8cc2119d95\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1913\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" data-id=\"360\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Parent-Persona-scaled.png\" alt=\"\" class=\"wp-image-360\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Parent-Persona-scaled.png 2560w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Parent-Persona-768x574.png 768w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Parent-Persona-1536x1148.png 1536w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Parent-Persona-2048x1531.png 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69f8cc211a054&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69f8cc211a054\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1628\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" data-id=\"363\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Parent-User-Journey-Map-scaled.jpg\" alt=\"\" class=\"wp-image-363\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Parent-User-Journey-Map-scaled.jpg 2560w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Parent-User-Journey-Map-768x488.jpg 768w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Parent-User-Journey-Map-1536x977.jpg 1536w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Parent-User-Journey-Map-2048x1302.jpg 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69f8cc211a321&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69f8cc211a321\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1897\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" data-id=\"361\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Student-Persona-scaled.png\" alt=\"\" class=\"wp-image-361\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Student-Persona-scaled.png 2560w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Student-Persona-768x569.png 768w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Student-Persona-1536x1138.png 1536w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Student-Persona-2048x1518.png 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69f8cc211a5d4&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69f8cc211a5d4\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1566\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" data-id=\"365\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Student-User-Journey-Map-scaled.jpg\" alt=\"\" class=\"wp-image-365\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Student-User-Journey-Map-scaled.jpg 2560w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Student-User-Journey-Map-768x470.jpg 768w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Student-User-Journey-Map-1536x940.jpg 1536w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Student-User-Journey-Map-2048x1253.jpg 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/figure>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Ideate<\/strong><\/h2>\n\n\n\n<p>Out of the many design ideas we developed in the creative matrix, we chose to focus on creating a&nbsp;clear \u201cWhat is Visual Communication?\u201d section, an&nbsp;interactive program timeline, an&nbsp;alumni and student work showcase, and a&nbsp;news and events section.<\/p>\n\n\n\n<p>As a team, we began the creative matrix by brainstorming several \u201cHow Might We\u201d questions based on user needs identified during our research. Each team member contributed their own ideas into the matrix, which helped us explore a wide range of potential solutions before narrowing them down through discussion. This collaborative process allowed us to see where our ideas overlapped and identify the most impactful features that directly aligned with our personas goals and frustrations.<\/p>\n\n\n\n<p>Each selected idea serves a specific purpose. The&nbsp;\u201cWhat is Visual Communication?\u201d section&nbsp;defines the program clearly for new visitors. The&nbsp;interactive timeline&nbsp;helps students and parents understand what is learned each year. The&nbsp;alumni and student work showcase&nbsp;builds credibility and excitement by highlighting real success stories and projects. Finally, the&nbsp;news and events section&nbsp;connects the program community by sharing upcoming exhibitions, guest speakers, and important updates.<\/p>\n\n\n\n<p>Together, these features make the site more informative, transparent, and engaging, addressing real user needs for clarity, trust, and connection.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69f8cc211a99c&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69f8cc211a99c\" class=\"wp-block-image aligncenter size-large is-resized wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1903\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Creative-Matrix-edited-scaled.png\" alt=\"\" class=\"wp-image-204\" style=\"width:1340px;height:auto\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Creative-Matrix-edited-scaled.png 2560w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Creative-Matrix-edited-300x223.png 300w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Creative-Matrix-edited-1024x761.png 1024w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Creative-Matrix-edited-768x571.png 768w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Creative-Matrix-edited-1536x1142.png 1536w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Creative-Matrix-edited-2048x1522.png 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Creative Matrix<\/figcaption><\/figure>\n\n\n\n<p>After finalizing our key ideas from the creative matrix, we organized them into a sitemap to define how users would move through the Visual Communication Design Program website. Our goal was to create a simple, logical structure that clearly communicates information to students, parents, and faculty without overwhelming them. We began by identifying the main content areas users most often search for, an overview of the program, course structure, student work, career opportunities, faculty information, news and events, and contact details.<\/p>\n\n\n\n<p>From there, we focused on building a clean hierarchy that allows each section to serve a clear purpose. For example, \u201cProgram Structure\u201d helps students and parents understand degree progress, while \u201cCareers and Alumni\u201d highlights real outcomes to build trust. Each section connects naturally to the next, guiding users from discovery to deeper engagement.<\/p>\n\n\n\n<p>The sitemap process helped us simplify complex information and ensure the website feels organized, approachable, and transparent. It also provided a strong foundation for our next step, creating sketches and exploring how users will visually interact with this structure.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69f8cc211aca8&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69f8cc211aca8\" class=\"wp-block-image aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"522\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Sitemap_V2-2-edited-scaled.png\" alt=\"\" class=\"wp-image-169\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Sitemap_V2-2-edited-scaled.png 2560w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Sitemap_V2-2-edited-300x61.png 300w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Sitemap_V2-2-edited-1024x209.png 1024w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Sitemap_V2-2-edited-768x157.png 768w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Sitemap_V2-2-edited-1536x313.png 1536w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Sitemap_V2-2-edited-2048x418.png 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Sitemap<\/figcaption><\/figure>\n\n\n\n<p>These are the initial explorations of the UI designs through sketches, created to visualize how features like navigation, interactive elements, and content structure could come together to improve usability, highlight student work, and clearly communicate the Visual Communication program\u2019s identity.<\/p>\n\n\n\n<div style=\"height:16px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Initial Sketches<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-4 wp-block-gallery-6 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69f8cc211afdc&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69f8cc211afdc\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" data-id=\"493\" src=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Homepage_V2.jpg\" alt=\"\" class=\"wp-image-493\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Homepage_V2.jpg 1920w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Homepage_V2-768x432.jpg 768w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Homepage_V2-1536x864.jpg 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Landing Page Example<\/figcaption><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69f8cc211b2ab&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69f8cc211b2ab\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1435\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" data-id=\"497\" src=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/About-the-Program_V2.jpg\" alt=\"\" class=\"wp-image-497\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/About-the-Program_V2.jpg 1920w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/About-the-Program_V2-768x574.jpg 768w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/About-the-Program_V2-1536x1148.jpg 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">About the Program<\/figcaption><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69f8cc211b564&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69f8cc211b564\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"2216\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" data-id=\"500\" src=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Program-Structure_V2.jpg\" alt=\"\" class=\"wp-image-500\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Program-Structure_V2.jpg 2048w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Program-Structure_V2-768x831.jpg 768w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Program-Structure_V2-1420x1536.jpg 1420w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Program-Structure_V2-1893x2048.jpg 1893w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Program Structure<\/figcaption><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69f8cc211b81d&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69f8cc211b81d\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1479\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" data-id=\"499\" src=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Student-Work_V2.jpg\" alt=\"\" class=\"wp-image-499\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Student-Work_V2.jpg 1920w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Student-Work_V2-768x592.jpg 768w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Student-Work_V2-1536x1183.jpg 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Student Work<\/figcaption><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69f8cc211bae1&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69f8cc211bae1\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"2507\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" data-id=\"498\" src=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Careers-and-Alumni-scaled.jpg\" alt=\"\" class=\"wp-image-498\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Careers-and-Alumni-scaled.jpg 2560w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Careers-and-Alumni-768x752.jpg 768w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Careers-and-Alumni-1536x1504.jpg 1536w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Careers-and-Alumni-2048x2005.jpg 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Careers and Alumni<\/figcaption><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69f8cc211bda7&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69f8cc211bda7\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1919\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" data-id=\"495\" src=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Faculty-scaled.jpg\" alt=\"\" class=\"wp-image-495\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Faculty-scaled.jpg 2560w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Faculty-768x576.jpg 768w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Faculty-1536x1151.jpg 1536w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Faculty-2048x1535.jpg 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Faculty and Staff<\/figcaption><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69f8cc211c052&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69f8cc211c052\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1919\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" data-id=\"496\" src=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/News-and-Events-scaled.jpg\" alt=\"\" class=\"wp-image-496\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/News-and-Events-scaled.jpg 2560w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/News-and-Events-768x576.jpg 768w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/News-and-Events-1536x1151.jpg 1536w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/News-and-Events-2048x1535.jpg 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">News and Events<\/figcaption><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69f8cc211c338&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69f8cc211c338\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1392\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" data-id=\"494\" src=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Contact-scaled.jpg\" alt=\"\" class=\"wp-image-494\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Contact-scaled.jpg 2560w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Contact-768x418.jpg 768w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Contact-1536x835.jpg 1536w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Contact-2048x1114.jpg 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Contact and Apply<\/figcaption><\/figure>\n<\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h2 class=\"wp-block-heading is-style-default\"><strong>Lo-Fi Prototype<\/strong><\/h2>\n\n\n\n<p>I created wireframes based on the initial sketches and sitemap. The sketches helped me explore layout ideas and visual hierarchy, while the sitemap provided a clear structure for organizing content across the main pages. Together, they shaped the overall flow and navigation of the website.<\/p>\n\n\n\n<p>My goal during this stage was to translate my groups ideas into&nbsp;functional, low-fidelity layouts&nbsp;that showed how users would move through the site based on functionality and usability. Each section was designed with clarity in mind, highlighting the most relevant content for each audience. For example, parents can easily find alumni information and program structure, students can explore projects and information about faculty members, and faculty can access quick links to news, events, and resources.<\/p>\n\n\n\n<p>This process allowed me to test information hierarchy, spacing, and usability before moving to higher-fidelity designs. It provided a solid foundation for improving visual hierarchy, ensuring intentional navigation, and aligning the site\u2019s structure with user needs.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-figma wp-block-embed-figma wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" src=\"https:\/\/www.figma.com\/embed?embed_host=Kaitlyn%20Elliott&#038;embed_origin=https%3A%2F%2Fsova.ourcloud.ou.edu%2Felliott&#038;url=https%3A%2F%2Fwww.figma.com%2Fproto%2FNzPK4VReB48AZORN31OmgS%2FWireframes%3Fnode-id%3D28-201%26p%3Df%26t%3DnelSs5MPeWo3p9LX-1%26scaling%3Dscale-down%26content-scaling%3Dfixed%26page-id%3D190%253A1455\" height=\"452\" width=\"600\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Test (Think Aloud)<\/strong><\/h2>\n\n\n\n<p>I tested the usability of my website wireframes using the&nbsp;Think Aloud&nbsp;method. Three participants representing students, parents, and faculty were asked to complete five key tasks while explaining their thoughts out loud. This helped me observe how users navigated the site, found information, and where confusion or hesitation occurred.<\/p>\n\n\n\n<p>From this process, I learned that users generally found the main navigation clear and easy to follow, but some sections had too much text, making information hard to scan quickly. I also noticed that users wanted more visually engaging elements and interactive features, such as more engagement within the FAQs and visual elements with the highlighted events, to make content more interesting.<\/p>\n\n\n\n<p>Based on this feedback, I plan to make several design updates:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Simplify text-heavy sections with&nbsp;more concise summaries and bullet points.<\/li>\n\n\n\n<li>Improve&nbsp;visual hierarchy&nbsp;through spacing, contrast, and consistent typography.<\/li>\n\n\n\n<li>Update&nbsp;navigation labels&nbsp;for clarity and ease of use.<\/li>\n\n\n\n<li>Redesign events and exhibitions sections&nbsp;with stronger visuals and clearer details.<\/li>\n<\/ul>\n\n\n\n<p>These findings help me to refine the design by simplifying section layouts, improving visual hierarchy, and adding more interactive features for easier usability. In the next iteration, the site will feel more intentional, visually clear, and better aligned with the needs of students, parents, and faculty to create a smoother, more enjoyable user experience.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"2343\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Think-Aloud-Table-edited-scaled.png\" alt=\"\" class=\"wp-image-176\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Think-Aloud-Table-edited-scaled.png 2560w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Think-Aloud-Table-edited-300x275.png 300w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Think-Aloud-Table-edited-1024x937.png 1024w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Think-Aloud-Table-edited-768x703.png 768w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Think-Aloud-Table-edited-1536x1406.png 1536w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Think-Aloud-Table-edited-2048x1874.png 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Hi-Fi Prototype<\/strong><\/h2>\n\n\n\n<p>For the high-fidelity prototype, I aimed to translate my wireframes and early design decisions into polished, interactive sections that use real program content, refined typography, and a clear visual hierarchy. I followed the atomic design framework by expanding on the foundational components such as buttons, cards, navigation elements, typography styles, variables, and effects, and then combining them into dynamic features used throughout the site. This helped maintain consistency and made it easier to refine and update the design as it evolved. During this process, I wanted to focus on building a unified visual system with thoughtful use of effects and interactions, while also including interactive elements like scrolling, hovering, clicking, and video throughout. These details helped the prototype feel more realistic and demonstrated how users would navigate and engage with the final website.<\/p>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Test (A\/B)<\/strong><\/h2>\n\n\n\n<p>I used the A\/B testing method to evaluate decisions in my hi-fidelity prototype. This process allowed me to compare two versions of the same UI element, gather user preferences, and understand which designs better supported clarity, engagement, and usability. I focused on following 3 UIs and used A\/B testing method to evaluate different designs of the interfaces. I was able to observe how small changes in layout, typography, interactivity, and visual engagement influenced the overall user experience. From this evaluation, I learned several important insights:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Users consistently respond to visual engagement, especially when motion or interactivity is present.<\/li>\n\n\n\n<li>Clear hierarchy and consistent layout patterns improve usability across different sections.<\/li>\n\n\n\n<li>Some features can benefit from combining the strengths of both versions rather than choosing a single winner.<\/li>\n<\/ul>\n\n\n\n<p>These findings guided the refinements I made to the final prototype, helping me create a more intentional, user-centered design system.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Test 1 &#8211; Hero Section Layout\/Typography Design<\/strong><\/h3>\n\n\n\n<p>First, I tested two hero section layouts to determine which design best communicates the Visual Communication program in an engaging and clear way. The hero is the first element users see, so it needed strong visual impact while remaining easy to understand.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Version A: Strong typographic layout with structured definition text<\/li>\n\n\n\n<li>Version B: Video-based hero section with motion and a more immersive feel<\/li>\n<\/ul>\n\n\n\n<p>Users&nbsp;preferred Version B&nbsp;overall because the background video added engagement and visual interest without being distracting. However, they preferred the&nbsp;typography of Version A, noting that it felt clearer and more aligned with the overall consistency of the layout of the site. I chose to keep&nbsp;Version B&nbsp;in my final prototype because users responded more positively to its visual engagement. I then refined the typography using elements from Version A to improve clarity and hierarchy.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69f8cc211c9a4&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69f8cc211c9a4\" class=\"wp-block-image aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"702\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Screenshot-2025-12-08-at-4.15.54-PM-1-scaled.png\" alt=\"\" class=\"wp-image-179\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Screenshot-2025-12-08-at-4.15.54-PM-1-scaled.png 2560w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Screenshot-2025-12-08-at-4.15.54-PM-1-300x82.png 300w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Screenshot-2025-12-08-at-4.15.54-PM-1-1024x281.png 1024w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Screenshot-2025-12-08-at-4.15.54-PM-1-768x211.png 768w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Screenshot-2025-12-08-at-4.15.54-PM-1-1536x421.png 1536w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Screenshot-2025-12-08-at-4.15.54-PM-1-2048x562.png 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Version A<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69f8cc211ccb0&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69f8cc211ccb0\" class=\"wp-block-image aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"702\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Screenshot-2025-12-08-at-4.15.43-PM-scaled.png\" alt=\"\" class=\"wp-image-178\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Screenshot-2025-12-08-at-4.15.43-PM-scaled.png 2560w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Screenshot-2025-12-08-at-4.15.43-PM-300x82.png 300w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Screenshot-2025-12-08-at-4.15.43-PM-1024x281.png 1024w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Screenshot-2025-12-08-at-4.15.43-PM-768x211.png 768w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Screenshot-2025-12-08-at-4.15.43-PM-1536x421.png 1536w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Screenshot-2025-12-08-at-4.15.43-PM-2048x562.png 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Version B<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Test 2 &#8211; Student Work Card Presentation<\/strong><\/h3>\n\n\n\n<p>Next, I tested two student work card designs to understand which option was more user-friendly and easier for users to scan and navigate. This section is critical for showing program quality and needs to feel intentional and consistent.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Version A: Clean layout consistent with other cards throughout the website<\/li>\n\n\n\n<li>Version B: Interactive cards with hover animations<\/li>\n<\/ul>\n\n\n\n<p>User feedback revealed that&nbsp;Version A&nbsp;was generally preferred because it felt more consistent with the layout used throughout the rest of the site, which made navigation feel clearer and more informative. At the same time, users also appreciated the&nbsp;hover interaction in Version B, noting that it added a dynamic moment to the experience. One user even suggested combining elements from both designs to improve usability and engagement. Based on this feedback, I chose to keep&nbsp;Version A&nbsp;for its stronger overall consistency, but I incorporated a subtle hover effect inspired by Version B to maintain some of the interactivity users enjoyed.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69f8cc211d0a0&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69f8cc211d0a0\" class=\"wp-block-image aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1372\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Screenshot-2025-12-08-at-4.16.18-PM-scaled.png\" alt=\"\" class=\"wp-image-181\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Screenshot-2025-12-08-at-4.16.18-PM-scaled.png 2560w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Screenshot-2025-12-08-at-4.16.18-PM-300x161.png 300w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Screenshot-2025-12-08-at-4.16.18-PM-1024x549.png 1024w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Screenshot-2025-12-08-at-4.16.18-PM-768x412.png 768w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Screenshot-2025-12-08-at-4.16.18-PM-1536x823.png 1536w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Screenshot-2025-12-08-at-4.16.18-PM-2048x1097.png 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Version A<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69f8cc211d3a3&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69f8cc211d3a3\" class=\"wp-block-image aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1372\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Screenshot-2025-12-08-at-4.16.40-PM-1-scaled.png\" alt=\"\" class=\"wp-image-182\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Screenshot-2025-12-08-at-4.16.40-PM-1-scaled.png 2560w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Screenshot-2025-12-08-at-4.16.40-PM-1-300x161.png 300w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Screenshot-2025-12-08-at-4.16.40-PM-1-1024x549.png 1024w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Screenshot-2025-12-08-at-4.16.40-PM-1-768x412.png 768w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Screenshot-2025-12-08-at-4.16.40-PM-1-1536x823.png 1536w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Screenshot-2025-12-08-at-4.16.40-PM-1-2048x1097.png 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Version B<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Test 3 &#8211; Events and Exhibition Section<\/strong><\/h3>\n\n\n\n<p>Lastly, I tested two versions of the Events and Exhibitions section to determine which layout users were more likely to click on for more information. Engagement was a key goal for this portion of the site.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Version A: Simple list layout<\/li>\n\n\n\n<li>Version B: More visual and interactive event cards<\/li>\n<\/ul>\n\n\n\n<p>Users preferred&nbsp;Version B&nbsp;because it was more engaging and visually appealing, offering a stronger sense of interaction that encouraged exploration. Although one user noted that it felt \u201cslightly out of place,\u201d they still chose it due to its inviting design. Based on this feedback, I kept&nbsp;Version B&nbsp;in the final prototype because it created a more exciting and clickable events experience. I refined some of the styling to improve alignment with the rest of the site, ensuring it remained both engaging and visually cohesive.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69f8cc211d78b&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69f8cc211d78b\" class=\"wp-block-image aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1372\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Screenshot-2025-12-08-at-4.17.16-PM-scaled.png\" alt=\"\" class=\"wp-image-184\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Screenshot-2025-12-08-at-4.17.16-PM-scaled.png 2560w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Screenshot-2025-12-08-at-4.17.16-PM-300x161.png 300w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Screenshot-2025-12-08-at-4.17.16-PM-1024x549.png 1024w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Screenshot-2025-12-08-at-4.17.16-PM-768x412.png 768w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Screenshot-2025-12-08-at-4.17.16-PM-1536x823.png 1536w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Screenshot-2025-12-08-at-4.17.16-PM-2048x1097.png 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Version A<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69f8cc211daa5&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69f8cc211daa5\" class=\"wp-block-image aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1372\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Screenshot-2025-12-08-at-4.16.54-PM-scaled.png\" alt=\"\" class=\"wp-image-183\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Screenshot-2025-12-08-at-4.16.54-PM-scaled.png 2560w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Screenshot-2025-12-08-at-4.16.54-PM-300x161.png 300w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Screenshot-2025-12-08-at-4.16.54-PM-1024x549.png 1024w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Screenshot-2025-12-08-at-4.16.54-PM-768x412.png 768w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Screenshot-2025-12-08-at-4.16.54-PM-1536x823.png 1536w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/12\/Screenshot-2025-12-08-at-4.16.54-PM-2048x1097.png 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Version B<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Final Prototype<\/strong><\/h2>\n\n\n\n<p>For the final prototype, I refined the design based on insights gathered from the A\/B testing. User feedback helped me identify which layouts and interactions were most effective, allowing me to strengthen hierarchy, improve clarity, and enhance engagement across sections of the website. I implemented the winning versions of the hero section, student work cards, and events layout, while also making smaller adjustments such as improved hover interactions, clearer typography, and more consistent layouts. These refinements created a more cohesive visual system and a smoother overall user experience. The final prototype demonstrates a interactive version of the Visual Communication website that reflects user needs, intentional design decisions, and a more polished interpretation of the program\u2019s identity.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-figma wp-block-embed-figma wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" src=\"https:\/\/www.figma.com\/embed?embed_host=Kaitlyn%20Elliott&#038;embed_origin=https%3A%2F%2Fsova.ourcloud.ou.edu%2Felliott&#038;url=https%3A%2F%2Fwww.figma.com%2Fproto%2FdglLPIqCb2Krbucg69JeaK%2FHi-Fi-Prototype%3Fnode-id%3D28-201%26p%3Df%26t%3D2pfXPAshUjsQItIj-1%26scaling%3Dscale-down%26content-scaling%3Dfixed%26page-id%3D190%253A1455%26starting-point-node-id%3D28%253A201\" height=\"452\" width=\"600\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Conclusion &amp; Reflection<\/strong><\/h2>\n\n\n\n<p>This project guided me through the full design process of creating a high-fidelity website for the Visual Communication program. In the early stages, I worked as part of a team, which was new for me but incredibly valuable. Collaborating allowed us to share perspectives, learn from one another, and bounce ideas back and forth, helping establish a strong foundation for the project. As the project progressed into the wireframing and prototyping phases, the work shifted to a more independent focus, allowing me to take ownership of design decisions and execution.<\/p>\n\n\n\n<p>Throughout the process, research played a key role in shaping my design choices. User interviews, testing, and iterative feedback helped me move beyond assumptions and design with clearer intention. I also used AI tools to support content development, particularly when writing realistic placeholder text, program descriptions, and summaries of student experiences. This helped the prototype feel more complete and authentic, making it easier for users to engage with and evaluate during testing.<\/p>\n\n\n\n<p>There were many positive aspects of this experience. Collaboration introduced me to new ways of thinking, while testing methods like Think Aloud and A\/B testing provided insight into how users actually navigated layouts and interacted with different design elements. These findings directly informed refinements in hierarchy, clarity, and interaction throughout the site.<\/p>\n\n\n\n<p>I also encountered challenges along the way. Time management became more difficult in the later stages as the prototype grew in complexity. Another challenge was getting stuck on certain design directions, making it hard to explore alternative ideas once I had committed to a solution. This experience taught me the importance of stepping back, staying flexible, and pushing myself to think beyond my first idea.<\/p>\n\n\n\n<p>Overall, this project helped me grow as a designer. It strengthened my skills in research, prototyping, collaboration, and user testing, while reinforcing the value of iteration and adaptability. Most importantly, it emphasized designing with the user in mind and using the right tools, feedback, and process to create thoughtful, effective solutions.<\/p>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>This redesign of the OU Visual Communication website applied design thinking to create a clearer, more accessible experience for prospective students, parents, and faculty.<\/p>\n","protected":false},"author":2,"featured_media":611,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"single-post-project","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[12,11,10],"class_list":["post-124","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-work","tag-figma","tag-ui-design","tag-ux-design"],"_links":{"self":[{"href":"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-json\/wp\/v2\/posts\/124","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-json\/wp\/v2\/comments?post=124"}],"version-history":[{"count":54,"href":"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-json\/wp\/v2\/posts\/124\/revisions"}],"predecessor-version":[{"id":685,"href":"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-json\/wp\/v2\/posts\/124\/revisions\/685"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-json\/wp\/v2\/media\/611"}],"wp:attachment":[{"href":"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-json\/wp\/v2\/media?parent=124"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-json\/wp\/v2\/categories?post=124"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-json\/wp\/v2\/tags?post=124"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}