{"id":89,"date":"2025-09-24T18:47:26","date_gmt":"2025-09-24T18:47:26","guid":{"rendered":"https:\/\/sites.create.ou.edu\/kaitlynelliott\/?p=6"},"modified":"2026-01-24T18:05:51","modified_gmt":"2026-01-24T18:05:51","slug":"designing-viscomm-website-empathize","status":"publish","type":"post","link":"https:\/\/sova.ourcloud.ou.edu\/elliott\/2025\/09\/24\/designing-viscomm-website-empathize\/","title":{"rendered":"Designing VisComm Website: Empathize"},"content":{"rendered":"\n<div class=\"wp-block-group alignwide is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading\">Objective<\/h2>\n\n\n\n<p>The goal of the&nbsp;<strong>empathize stage<\/strong>&nbsp;was to understand the real needs and experiences of those connected to the University of Oklahoma\u2019s Visual Communication (VisComm) program. Before jumping into design, we wanted to learn directly from students, parents, and faculty about their challenges, expectations, and what information they look for. We also studied other design school websites to see what worked well and what didn\u2019t. This step gave us the foundation to make smart, user-focused design choices for the new website.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Approach to Interviews &amp; Competitive Analysis<\/h2>\n\n\n\n<p>We interviewed three user groups:&nbsp;<strong>parents<\/strong>,&nbsp;<strong>current students (including seniors)<\/strong>, and&nbsp;<strong>faculty members<\/strong>. Each group gave us a different point of view. Parents talked about how hard it is to find clear information about the program. Students explained that they relied on word of mouth and advisors because the current online resources didn\u2019t help much. Faculty shared how often they have to repeat basic information because there\u2019s no central website to point people to.<\/p>\n\n\n\n<p>After collecting responses, we used&nbsp;<strong>empathy maps<\/strong>&nbsp;to organize what people&nbsp;<strong>said<\/strong>,&nbsp;<strong>thought<\/strong>,&nbsp;<strong>felt<\/strong>, and&nbsp;<strong>did<\/strong>. We grouped their answers into four themes:&nbsp;<strong>website improvements<\/strong>,&nbsp;<strong>program visibility<\/strong>,&nbsp;<strong>information clarity<\/strong>, and&nbsp;<strong>reasons to enroll<\/strong>.<\/p>\n\n\n\n<p>At the same time, we studied the websites of&nbsp;<strong>University of Central Oklahoma (UCO),&nbsp;Kansas City Art Institute (KCAI), and&nbsp;Savannah College of Art and Design (SCAD)<\/strong>. UCO inspired us with its constant search bar, alumni highlights, and dynamic hero graphic. KCAI showed how powerful it is to make student work the focus, have clear navigation, and keep the design consistent. SCAD stood out for its bold visuals, clear content hierarchy, and concise information. These examples gave us practical ideas to apply to our own design.<\/p>\n\n\n\n<figure class=\"wp-block-gallery alignwide has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"546\" data-id=\"218\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/elliott\/wp-content\/uploads\/sites\/2\/2025\/09\/Faculty-Empathy-Map-1024x546.png\" alt=\"\" class=\"wp-image-218\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/09\/Faculty-Empathy-Map-1024x546.png 1024w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/09\/Faculty-Empathy-Map-300x160.png 300w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/09\/Faculty-Empathy-Map-768x410.png 768w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/09\/Faculty-Empathy-Map-1536x820.png 1536w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/09\/Faculty-Empathy-Map-2048x1093.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"546\" data-id=\"219\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/elliott\/wp-content\/uploads\/sites\/2\/2025\/09\/Parent-Empathy-Map-1024x546.png\" alt=\"\" class=\"wp-image-219\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/09\/Parent-Empathy-Map-1024x546.png 1024w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/09\/Parent-Empathy-Map-300x160.png 300w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/09\/Parent-Empathy-Map-768x410.png 768w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/09\/Parent-Empathy-Map-1536x820.png 1536w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/09\/Parent-Empathy-Map-2048x1093.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"547\" data-id=\"220\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/elliott\/wp-content\/uploads\/sites\/2\/2025\/09\/Student-Empathy-Map-1024x547.png\" alt=\"\" class=\"wp-image-220\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/09\/Student-Empathy-Map-1024x547.png 1024w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/09\/Student-Empathy-Map-300x160.png 300w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/09\/Student-Empathy-Map-768x410.png 768w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/09\/Student-Empathy-Map-1536x820.png 1536w, https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-content\/uploads\/sites\/2\/2025\/09\/Student-Empathy-Map-2048x1093.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Challenges<\/h2>\n\n\n\n<p>One of the biggest challenges was&nbsp;<strong>making sense of a lot of interview data<\/strong>. Each person had unique insights, so it took time to find patterns and turn them into useful takeaways. Working as a team helped, we used&nbsp;<strong>affinity mapping<\/strong>, grouping similar ideas together to see the bigger picture.<\/p>\n\n\n\n<p>Another challenge was analyzing competitor websites more deeply. Instead of just looking at how they looked, we had to focus on how information was structured, how easy it was to navigate, and how they communicated their program. This required slowing down and being intentional.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Benefits Realized<\/h2>\n\n\n\n<p>This stage gave us a&nbsp;<strong>clear direction<\/strong>&nbsp;for what the new website needs. All user groups shared similar struggles: scattered information, unclear program details, and low visibility online. Parents and students had trouble finding course and career info, while faculty lacked resources to share with prospective students.<\/p>\n\n\n\n<p>Through competitor analysis, we learned specific strategies: feature student and alumni work, keep navigation simple, use bold visuals, and organize content clearly for different audiences. These insights are now guiding our design decisions.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Reflection<\/h2>\n\n\n\n<p>The empathize stage reminded me how important it is to&nbsp;<strong>listen before designing<\/strong>. Talking with real users revealed overlapping needs that we wouldn\u2019t have understood otherwise. It also improved my skills in organizing research, working with a team, and looking critically at other websites beyond surface design.<\/p>\n\n\n\n<p>Overall, this stage gave me a strong understanding of what users need from the site and helped me grow as a designer who can connect research to real design choices. It set a strong foundation for the next steps in the design process.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>During the empathize stage, we focused on learning about the needs of students, parents, and faculty connected to OU\u2019s Visual Communication program. We gathered feedback and looked at other design school websites to understand what worked well. This research helped guide our design decisions moving forward.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-89","post","type-post","status-publish","format-standard","hentry","category-blog"],"_links":{"self":[{"href":"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-json\/wp\/v2\/posts\/89","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=89"}],"version-history":[{"count":7,"href":"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-json\/wp\/v2\/posts\/89\/revisions"}],"predecessor-version":[{"id":492,"href":"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-json\/wp\/v2\/posts\/89\/revisions\/492"}],"wp:attachment":[{"href":"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-json\/wp\/v2\/media?parent=89"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-json\/wp\/v2\/categories?post=89"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sova.ourcloud.ou.edu\/elliott\/wp-json\/wp\/v2\/tags?post=89"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}