{"id":25,"date":"2025-12-08T20:35:03","date_gmt":"2025-12-08T20:35:03","guid":{"rendered":"https:\/\/sova.ourcloud.ou.edu\/portfolio\/tarynhall\/?p=25"},"modified":"2026-01-25T01:30:53","modified_gmt":"2026-01-25T01:30:53","slug":"viscomm-website-ux-design","status":"publish","type":"post","link":"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/2025\/12\/08\/viscomm-website-ux-design\/","title":{"rendered":"VisComm Website: UX Design"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull has-accent-3-background-color has-background has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group alignfull has-gradient-4-gradient-background has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-6226084c wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"wp-block-group alignwide is-layout-flow wp-block-group-is-layout-flow\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:0;padding-bottom:var(--wp--preset--spacing--50);padding-left:0\">\n<div class=\"wp-block-columns alignwide are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-47c06fe3 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:50%\"><h2 class=\"wp-block-post-title has-xx-large-font-size\">VisComm Website: UX Design<\/h2><\/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:50%\"><figure style=\"aspect-ratio:1;\" class=\"wp-block-post-featured-image\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1920\" src=\"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/MacBook-Pro-16-inch-scaled.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" style=\"width:100%;height:100%;object-fit:cover;\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/MacBook-Pro-16-inch-scaled.jpg 2560w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/MacBook-Pro-16-inch-300x225.jpg 300w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/MacBook-Pro-16-inch-1024x768.jpg 1024w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/MacBook-Pro-16-inch-768x576.jpg 768w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/MacBook-Pro-16-inch-1536x1152.jpg 1536w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/MacBook-Pro-16-inch-2048x1536.jpg 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\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-xx-large-font-size\"><strong>Problem<\/strong><\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading has-xx-large-font-size\"><strong>Solution<\/strong><\/h2>\n<\/div>\n<\/div>\n\n\n\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<p>The Visual Communications website was difficult to navigate and didn\u2019t effectively showcase the programs uniqueness or provide users with any reason to be interested in our program.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>&nbsp;We redesigned the website using the design thinking process, creating navigation, interactive elements, clear and concise information, and storytelling elements to highlight the program\u2019s strengths and engage users.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:200px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\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\" style=\"flex-basis:33.33%\">\n<h2 class=\"wp-block-heading has-xx-large-font-size\"><strong>Empathize<\/strong><\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p>The purpose of the empathize stage was to gain an understanding of the goal, expectations and challenges surrounding the stakeholders of the OU Visual Communications program and website. By researching other visual communications websites, we were able to get insights on what an OU site should and should not include. Applying these insights, the team was able to develop and conduct interviews with a variety of stakeholders to further our knowledge of what prospective users will need.<\/p>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator alignwide has-alpha-channel-opacity\" \/>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\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\" style=\"flex-basis:33.33%\">\n<h2 class=\"wp-block-heading has-large-font-size\">Competitive<strong> <\/strong>Analysis<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p class=\"is-style-default has-medium-font-size\">To better understand the broader landscape of Visual Communication programs particularly how peer universities present their programs online, we conducted a competitive analysis of these institutions. We explored the websites to gather the pros and cons of their designs and provided information. It gave our team insight on how to create a program website that considers the stakeholders needs while being user friendly. We were able to explore these findings further after our interviews due to some website recommendations we received.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\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<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"320\" height=\"320\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/osu-logo-png_seeklogo-326513-2.png\" alt=\"\" class=\"wp-image-36\" style=\"aspect-ratio:16\/9;object-fit:cover\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/osu-logo-png_seeklogo-326513-2.png 320w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/osu-logo-png_seeklogo-326513-2-300x300.png 300w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/osu-logo-png_seeklogo-326513-2-150x150.png 150w\" sizes=\"auto, (max-width: 320px) 100vw, 320px\" \/><\/figure>\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\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"916\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/University_of_Central_Oklahoma_logo.svg_-2-1024x916.png\" alt=\"\" class=\"wp-image-37\" style=\"aspect-ratio:16\/9;object-fit:contain\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/University_of_Central_Oklahoma_logo.svg_-2-1024x916.png 1024w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/University_of_Central_Oklahoma_logo.svg_-2-300x268.png 300w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/University_of_Central_Oklahoma_logo.svg_-2-768x687.png 768w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/University_of_Central_Oklahoma_logo.svg_-2.png 1152w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\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-full\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"600\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/lettermark-600x600-3.jpg\" alt=\"\" class=\"wp-image-38\" style=\"aspect-ratio:16\/9;object-fit:cover\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/lettermark-600x600-3.jpg 600w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/lettermark-600x600-3-300x300.jpg 300w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/lettermark-600x600-3-150x150.jpg 150w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\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<p class=\"has-text-align-center\">Oklahoma State University <\/p>\n\n\n\n<p class=\"has-medium-font-size\">Website Link:<\/p>\n\n\n\n<p class=\"has-medium-font-size\"><a href=\"https:\/\/go.okstate.edu\/undergraduate-academics\/majors\/graphic-design.html\">https:\/\/go.okstate.edu\/undergraduate-academics\/majors\/graphic-design.html<\/a><\/p>\n\n\n\n<p>Strengths:<\/p>\n\n\n\n<ul class=\"wp-block-list has-medium-font-size\">\n<li>Student examples<\/li>\n\n\n\n<li>Career paths<\/li>\n\n\n\n<li>Has a section for career paths<\/li>\n\n\n\n<li>Good hierarchy for the information they have<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-style-default is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-center\">University of Central Oklahoma<\/p>\n\n\n\n<p class=\"has-medium-font-size\">Website Link:<\/p>\n\n\n\n<p class=\"has-medium-font-size\"><a href=\"https:\/\/www.uco.edu\/programs\/cfad\/design\/graphic-design\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.uco.edu\/programs\/cfad\/design\/graphic-design<\/a><\/p>\n\n\n\n<p>Strengths:<\/p>\n\n\n\n<ul class=\"wp-block-list has-medium-font-size\">\n<li>Having the related links for more information<\/li>\n\n\n\n<li>Links for different types of students<\/li>\n\n\n\n<li>Has an alumni story<\/li>\n\n\n\n<li>Simple color theme that pulls information together<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-center\">Carnegie Mellon University<\/p>\n\n\n\n<p class=\"has-medium-font-size\">Website Link: <\/p>\n\n\n\n<p class=\"has-medium-font-size\"><a href=\"https:\/\/www.design.cmu.edu\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.design.cmu.edu\/<\/a><\/p>\n\n\n\n<div style=\"height:2px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Strengths:<\/p>\n\n\n\n<ul class=\"wp-block-list has-medium-font-size\">\n<li>Uses visuals and student examples<\/li>\n\n\n\n<li>alumni stories<\/li>\n\n\n\n<li>FAQ\u2019s and important information at the top of the website<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\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<p><\/p>\n\n\n\n<p>Weaknesses:<\/p>\n\n\n\n<ul class=\"wp-block-list has-medium-font-size\">\n<li>No top bar<\/li>\n\n\n\n<li>Layout is not consistent<\/li>\n\n\n\n<li>Not a lot of information<\/li>\n\n\n\n<li>No FAQs<\/li>\n\n\n\n<li>Weak hero\/introduction<\/li>\n\n\n\n<li>No work of past or current students<\/li>\n\n\n\n<li>Does not show what sets them apart from other graphic design programs<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-center\"><\/p>\n\n\n\n<p>Weaknesses:<\/p>\n\n\n\n<ul class=\"wp-block-list has-medium-font-size\">\n<li>Top bar goes away when you scroll down<\/li>\n\n\n\n<li>Text heavy<\/li>\n\n\n\n<li>Alignment issues<\/li>\n\n\n\n<li>Repeated information<\/li>\n\n\n\n<li>Hierarchy issues<\/li>\n\n\n\n<li>Curriculum info is to far down<\/li>\n\n\n\n<li>Need more student project examples<\/li>\n\n\n\n<li>No FAQs<\/li>\n\n\n\n<li>\u201cRequest Information\u201d on the left side is too primary<\/li>\n\n\n\n<li>Does not showcase any current projects<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-center\"><\/p>\n\n\n\n<p>Weaknesses:<\/p>\n\n\n\n<ul class=\"wp-block-list has-medium-font-size\">\n<li>Search button that sticks as you scroll<\/li>\n\n\n\n<li>Simple colors that don&#8217;t overcrowd the information<\/li>\n\n\n\n<li>Visuals adapt well to different screens<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:22px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\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<p class=\"is-style-text-annotation has-contrast-color has-accent-4-background-color has-text-color has-background has-link-color has-medium-font-size wp-elements-6e9fb8b18b70acb366e2a6051ab867a8\">From our research findings, we concluded that our visual communication website should be well organized, user friendly, and include information that is useful to stakeholders, those being, prospective and current students, parents, donors, and faculty. We concluded that having clear sections separating key information such as, admission requirements, faculty information, student work, course guidelines, and prospective careers is a must. We gathered that it is also important to consider hierarchy and navigational ease while looking at the current program web page.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\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\" style=\"flex-basis:33.33%\">\n<h2 class=\"wp-block-heading has-large-font-size\">Interviews <\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p class=\"has-medium-font-size\">To gather a deeper understanding of users\u2019 needs, we interviewed 9 participants consisting of students, parents, and faculty.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n\n\n\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<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"957\" height=\"1024\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/soph-957x1024.png\" alt=\"\" class=\"wp-image-43\" style=\"border-width:1px\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/soph-957x1024.png 957w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/soph-280x300.png 280w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/soph-768x822.png 768w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/soph-1435x1536.png 1435w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/soph-1913x2048.png 1913w\" sizes=\"auto, (max-width: 957px) 100vw, 957px\" \/><\/figure>\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 size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"957\" height=\"1024\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/DES3633-Collab-for-OU-Website-957x1024.png\" alt=\"\" class=\"wp-image-44\" style=\"border-width:1px\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/DES3633-Collab-for-OU-Website-957x1024.png 957w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/DES3633-Collab-for-OU-Website-280x300.png 280w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/DES3633-Collab-for-OU-Website-768x822.png 768w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/DES3633-Collab-for-OU-Website-1435x1536.png 1435w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/DES3633-Collab-for-OU-Website-1913x2048.png 1913w\" sizes=\"auto, (max-width: 957px) 100vw, 957px\" \/><\/figure>\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 size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"957\" height=\"1024\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/eric-957x1024.png\" alt=\"\" class=\"wp-image-45\" style=\"border-width:1px\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/eric-957x1024.png 957w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/eric-280x300.png 280w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/eric-768x822.png 768w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/eric-1435x1536.png 1435w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/eric-1913x2048.png 1913w\" sizes=\"auto, (max-width: 957px) 100vw, 957px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\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<p class=\"has-accent-4-background-color has-background has-medium-font-size\">We then organized related topics within the empathy maps into distinct clusters using affinity mapping process. Through this process we discovered three main touch points, clarity, expectation, and accessibility.<\/p>\n\n\n\n<p class=\"has-accent-4-background-color has-background has-medium-font-size\"><br>Clarity\/Expectation: There is a lot of confusion when it comes to the expectations and intricacies of the Visual Communication program. Students are unsure about when they officially enter the Visual Communication program and how it differs from \u201cgraphic design.\u201d They want clear, consistent information about the steps from being an Art major \u2192 applying \u2192 acceptance. There\u2019s a need for straightforward messaging that defines what the program includes and how it differs. Having an explanation on career paths and skills possible through the program and a clear description of majors, pathways, and specializations. How smooth is the transition between high school arts (graphic design) and college level visual communication is a common question.<\/p>\n\n\n\n<p class=\"has-accent-4-background-color has-background has-medium-font-size\"><br>Accessibility: The current website is seen as unclear or too generic. Students need a user-friendly, detailed hub with up-to-date program info, portfolio guidelines, and pathways. There is a need for an easily accessible and navigable website with clear and concise information. It needs to provide more outreach than just by word-of-mouth with an easy to find website that is also used by the faculty to help recommend the program. Clear course descriptions which outlines on what is to be learned is expected.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\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\" style=\"flex-basis:33.33%\">\n<h2 class=\"wp-block-heading has-xx-large-font-size\"><strong>Define<\/strong><\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p class=\"has-medium-font-size\">My team wanted to highlight the three major user groups we interviewed, those being: parents, students, and faculty. We developed these personas to reflect the experiences someone in these user groups may have when discovering the program and exploring the current website. We made sure to highlight how each group would interact, expect, and want different things from a program website.<\/p>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator alignwide has-alpha-channel-opacity\" \/>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\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\" style=\"flex-basis:33.33%\">\n<h2 class=\"wp-block-heading has-large-font-size\">Personas and Journey Maps<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p>We created personas and user journey maps to better understand the experiences and needs of our three main user groups: parents, students, and faculty. By mapping their journeys, we were able to see how each group discovers and interacts with the program website, what they expect, and what information or features are most important to them. This process helped us identify differences in priorities and preferences, ensuring the redesigned site would serve each audience effectively.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\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<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"909\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/mom.png\" alt=\"\" class=\"wp-image-66\" style=\"aspect-ratio:1.3196179760580886;width:612px;height:auto\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/mom.png 1200w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/mom-300x227.png 300w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/mom-1024x776.png 1024w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/mom-768x582.png 768w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\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 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"882\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/mom-2.png\" alt=\"\" class=\"wp-image-67\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/mom-2.png 1200w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/mom-2-300x221.png 300w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/mom-2-1024x753.png 1024w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/mom-2-768x564.png 768w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\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<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"849\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/student.png\" alt=\"\" class=\"wp-image-64\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/student.png 1200w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/student-300x212.png 300w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/student-1024x724.png 1024w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/student-768x543.png 768w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\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 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"828\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/student-2.png\" alt=\"\" class=\"wp-image-68\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/student-2.png 1200w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/student-2-300x207.png 300w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/student-2-1024x707.png 1024w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/student-2-768x530.png 768w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\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<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"795\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/prof.png\" alt=\"\" class=\"wp-image-69\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/prof.png 1200w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/prof-300x199.png 300w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/prof-1024x678.png 1024w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/prof-768x509.png 768w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\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 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"807\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/prof-2.png\" alt=\"\" class=\"wp-image-70\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/prof-2.png 1200w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/prof-2-300x202.png 300w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/prof-2-1024x689.png 1024w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/prof-2-768x516.png 768w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\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\" style=\"flex-basis:33.33%\">\n<h2 class=\"wp-block-heading has-xx-large-font-size\"><strong>Ideate<\/strong><\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p>Out of many design ideas we came up with in the creative matrix in the initial ideation phase, we chose to focus on three main categories, those being academics, program information and student experience. We used these as basic building blocks to expand our site because they allow us to meet the needs of most user groups.<\/p>\n<\/div>\n<\/div>\n\n\n\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<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\" \/>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\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\" style=\"flex-basis:33.33%\">\n<h2 class=\"wp-block-heading has-large-font-size\">Creative matrix<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p>My team used a creative matrix in this project to organize all the different content areas and user needs in one place. With so many elements like student work, faculty info, navigation, facilities, and storytelling, the matrix helped us break down the complexity, spot connections, and quickly generate ideas for each section. It also pushed me to explore more innovative solutions and choose the options that best supported the site\u2019s goals.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\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<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1580\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/crative-matrix-1-scaled.png\" alt=\"\" class=\"wp-image-74\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/crative-matrix-1-scaled.png 2560w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/crative-matrix-1-300x185.png 300w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/crative-matrix-1-1024x632.png 1024w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/crative-matrix-1-768x474.png 768w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/crative-matrix-1-1536x948.png 1536w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/crative-matrix-1-2048x1264.png 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\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<p class=\"has-accent-4-background-color has-background\">Our creative matrix showed clear opportunities to design the website by making student and alumni work  interactive, presenting faculty expertise clearly, and strengthening navigation through sticky menus and organized pathways. It also highlighted the value of using visuals and interactive elements to showcase facilities, and the potential of timelines and storytelling to communicate the program\u2019s history and identity.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\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\" style=\"flex-basis:33.33%\">\n<h2 class=\"wp-block-heading has-large-font-size\">Site Map<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p>We created a site map to clearly organize the structure of the website and make sure every section fit together logically. With so much content, the site map helped us define hierarchy, plan user pathways, and ensure the site would be easy to navigate. It also allowed us to spot gaps, avoid redundancy, and create a layout that supported a smooth, intuitive user experience.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\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<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2248\" height=\"2560\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/site-map-scaled.png\" alt=\"\" class=\"wp-image-76\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/site-map-scaled.png 2248w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/site-map-263x300.png 263w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/site-map-899x1024.png 899w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/site-map-768x875.png 768w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/site-map-1349x1536.png 1349w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/site-map-1798x2048.png 1798w\" sizes=\"auto, (max-width: 2248px) 100vw, 2248px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\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<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n\n\n\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\" style=\"flex-basis:33.33%\">\n<h2 class=\"wp-block-heading has-large-font-size\">Sketches <\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p class=\"has-medium-font-size\">These are the initial exploration of the UI designs through sketches<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\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<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"930\" height=\"1758\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/IMG_0489-edited.jpeg\" alt=\"\" class=\"wp-image-124\" style=\"aspect-ratio:9\/16;object-fit:contain\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/IMG_0489-edited.jpeg 930w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/IMG_0489-edited-159x300.jpeg 159w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/IMG_0489-edited-542x1024.jpeg 542w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/IMG_0489-edited-768x1452.jpeg 768w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/IMG_0489-edited-813x1536.jpeg 813w\" sizes=\"auto, (max-width: 930px) 100vw, 930px\" \/><\/figure>\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 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"944\" height=\"1807\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/IMG_0490-edited.jpeg\" alt=\"\" class=\"wp-image-123\" style=\"aspect-ratio:9\/16;object-fit:contain\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/IMG_0490-edited.jpeg 944w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/IMG_0490-edited-157x300.jpeg 157w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/IMG_0490-edited-535x1024.jpeg 535w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/IMG_0490-edited-768x1470.jpeg 768w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/IMG_0490-edited-802x1536.jpeg 802w\" sizes=\"auto, (max-width: 944px) 100vw, 944px\" \/><\/figure>\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 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"998\" height=\"1877\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/IMG_0488.jpeg\" alt=\"\" class=\"wp-image-121\" style=\"aspect-ratio:9\/16;object-fit:contain\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/IMG_0488.jpeg 998w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/IMG_0488-160x300.jpeg 160w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/IMG_0488-544x1024.jpeg 544w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/IMG_0488-768x1444.jpeg 768w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/IMG_0488-817x1536.jpeg 817w\" sizes=\"auto, (max-width: 998px) 100vw, 998px\" \/><\/figure>\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 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1020\" height=\"1851\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/IMG_0487.jpeg\" alt=\"\" class=\"wp-image-122\" style=\"aspect-ratio:9\/16;object-fit:contain\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/IMG_0487.jpeg 1020w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/IMG_0487-165x300.jpeg 165w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/IMG_0487-564x1024.jpeg 564w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/IMG_0487-768x1394.jpeg 768w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/IMG_0487-846x1536.jpeg 846w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\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\" style=\"flex-basis:33.33%\">\n<h2 class=\"wp-block-heading has-x-large-font-size\"><strong>Lo-fi Prototype<\/strong><\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p>I developed following wireframes based on the sketches by using the 3 established categories as a base. I strayed from the site map and sketches when the information did not fit the category and added a few pages to make sure no page was too long.<\/p>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator alignwide has-alpha-channel-opacity\" \/>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\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<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"474\" height=\"628\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-11-12-at-12.14.47-PM.png\" alt=\"\" class=\"wp-image-83\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-11-12-at-12.14.47-PM.png 474w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-11-12-at-12.14.47-PM-226x300.png 226w\" sizes=\"auto, (max-width: 474px) 100vw, 474px\" \/><\/figure>\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 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"474\" height=\"1116\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-11-12-at-12.15.00-PM.png\" alt=\"\" class=\"wp-image-84\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-11-12-at-12.15.00-PM.png 474w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-11-12-at-12.15.00-PM-127x300.png 127w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-11-12-at-12.15.00-PM-435x1024.png 435w\" sizes=\"auto, (max-width: 474px) 100vw, 474px\" \/><\/figure>\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 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"334\" height=\"900\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-11-12-at-12.15.20-PM.png\" alt=\"\" class=\"wp-image-86\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-11-12-at-12.15.20-PM.png 334w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-11-12-at-12.15.20-PM-111x300.png 111w\" sizes=\"auto, (max-width: 334px) 100vw, 334px\" \/><\/figure>\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 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"336\" height=\"1086\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-11-12-at-12.15.12-PM.png\" alt=\"\" class=\"wp-image-85\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-11-12-at-12.15.12-PM.png 336w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-11-12-at-12.15.12-PM-93x300.png 93w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-11-12-at-12.15.12-PM-317x1024.png 317w\" sizes=\"auto, (max-width: 336px) 100vw, 336px\" \/><\/figure>\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 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"332\" height=\"748\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-11-12-at-12.15.33-PM.png\" alt=\"\" class=\"wp-image-87\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-11-12-at-12.15.33-PM.png 332w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-11-12-at-12.15.33-PM-133x300.png 133w\" sizes=\"auto, (max-width: 332px) 100vw, 332px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\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\" style=\"flex-basis:33.33%\">\n<h2 class=\"wp-block-heading has-large-font-size\">Test: Think Aloud<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p>I used the Think Aloud method to evaluate the usability of the website. From this evaluation process I learned that clear titles are necessary for smooth navigation , people assume certain pop-ups will close on their own, and not everything is intuitive. These findings help us to improve our designs in terms of revising labels, finding a way to have dropdowns close automatically, and I should make sure all buttons have a hover animation. The main takeaway i gathered from testig in that in need to make sure everything in the website is clear on what it is for and how users can interact with it.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\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<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1798\" height=\"448\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-11-12-at-10.48.45-PM.png\" alt=\"\" class=\"wp-image-80\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-11-12-at-10.48.45-PM.png 1798w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-11-12-at-10.48.45-PM-300x75.png 300w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-11-12-at-10.48.45-PM-1024x255.png 1024w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-11-12-at-10.48.45-PM-768x191.png 768w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-11-12-at-10.48.45-PM-1536x383.png 1536w\" sizes=\"auto, (max-width: 1798px) 100vw, 1798px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1800\" height=\"420\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-11-12-at-10.49.19-PM.png\" alt=\"\" class=\"wp-image-81\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-11-12-at-10.49.19-PM.png 1800w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-11-12-at-10.49.19-PM-300x70.png 300w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-11-12-at-10.49.19-PM-1024x239.png 1024w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-11-12-at-10.49.19-PM-768x179.png 768w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-11-12-at-10.49.19-PM-1536x358.png 1536w\" sizes=\"auto, (max-width: 1800px) 100vw, 1800px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1796\" height=\"532\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-11-12-at-10.49.33-PM.png\" alt=\"\" class=\"wp-image-82\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-11-12-at-10.49.33-PM.png 1796w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-11-12-at-10.49.33-PM-300x89.png 300w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-11-12-at-10.49.33-PM-1024x303.png 1024w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-11-12-at-10.49.33-PM-768x227.png 768w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-11-12-at-10.49.33-PM-1536x455.png 1536w\" sizes=\"auto, (max-width: 1796px) 100vw, 1796px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\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\" style=\"flex-basis:33.33%\">\n<h2 class=\"wp-block-heading has-xx-large-font-size\"><strong>High-Fi Prototype<\/strong><\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p class=\"has-medium-font-size\">The wireframes were then further developed into interactive prototype. My initial stage of development did not change much other than adding the relevant information and colors. However, I was able to refine them a lot thanks to the testing and feedback I received.<\/p>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator alignwide has-alpha-channel-opacity\" \/>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\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<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"420\" height=\"790\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-06-at-9.55.32-PM.png\" alt=\"\" class=\"wp-image-88\" style=\"aspect-ratio:0.5316522522242753;width:630px;height:auto\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-06-at-9.55.32-PM.png 420w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-06-at-9.55.32-PM-159x300.png 159w\" sizes=\"auto, (max-width: 420px) 100vw, 420px\" \/><\/figure>\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 size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"428\" height=\"912\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-06-at-9.55.39-PM.png\" alt=\"\" class=\"wp-image-89\" style=\"aspect-ratio:0.4693062860863159;object-fit:contain;width:630px;height:auto\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-06-at-9.55.39-PM.png 428w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-06-at-9.55.39-PM-141x300.png 141w\" sizes=\"auto, (max-width: 428px) 100vw, 428px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\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\" style=\"flex-basis:33.33%\">\n<h2 class=\"wp-block-heading has-large-font-size\">Test: A\/B<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p class=\"has-medium-font-size\">I used A\/B Testing method to evaluate the usability of specific elements in the Hi-fi Prototype. The goal of this test was to see which element fit the websites overall design as well as user preferences. For each test, I documented which element more clearly communicated the necessary information and which users found easier to navigate.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\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\" style=\"flex-basis:33.33%\">\n<h2 class=\"wp-block-heading\" style=\"font-size:clamp(15.197px, 0.95rem + ((1vw - 3.2px) * 0.813), 23px);\">Test 1: Hero section<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p>The goal of this hero section was to communicate what the program is like simply and clearly. Both options have the same elements but B offers a different layout than A. <\/p>\n\n\n\n<p>All the testers preferred B because it offered a connection between the hero statement and the cards that A does not. They also liked the larger button as it was easier to read. <\/p>\n\n\n\n<p>Ultimately, I chose B do to the tester feedback and the narrative it provided for my website.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\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-text-align-center has-accent-4-background-color has-background has-large-font-size\" style=\"padding-top:0;padding-bottom:0\">A<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading has-text-align-center has-accent-3-background-color has-background has-large-font-size\" style=\"padding-top:0;padding-bottom:0\">B<\/h2>\n<\/div>\n<\/div>\n\n\n\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<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"656\" height=\"476\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-06-at-6.35.28-PM.png\" alt=\"\" class=\"wp-image-94\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-06-at-6.35.28-PM.png 656w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-06-at-6.35.28-PM-300x218.png 300w\" sizes=\"auto, (max-width: 656px) 100vw, 656px\" \/><\/figure>\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 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"650\" height=\"400\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-06-at-6.35.39-PM.png\" alt=\"\" class=\"wp-image-95\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-06-at-6.35.39-PM.png 650w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-06-at-6.35.39-PM-300x185.png 300w\" sizes=\"auto, (max-width: 650px) 100vw, 650px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\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\" style=\"flex-basis:33.33%\">\n<h2 class=\"wp-block-heading\" style=\"font-size:clamp(15.197px, 0.95rem + ((1vw - 3.2px) * 0.813), 23px);\">Test 2: Student and alumni section<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p>This second section of the home page was meant to engage users and convince them to check out the student and alumni work examples on another page. Both options provide rotating imagery of examples: A providing separate sections for the work while B connects them with overlap and descriptions. <\/p>\n\n\n\n<p>All the testers chose B, stating that it is more visually engaging due to the text\/photo interaction. They also preferred the red buttons as they were more eye catching and added color that was not present in the initial photos. <\/p>\n\n\n\n<p>I agreed with the testers and chose B. B added a level of visual appeal that A did not and enhanced the home page narrative I was working on developing.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\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-text-align-center has-accent-4-background-color has-background has-large-font-size\" style=\"padding-top:0;padding-bottom:0\">A<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading has-text-align-center has-accent-3-background-color has-background has-large-font-size\" style=\"padding-top:0;padding-bottom:0\">B<\/h2>\n<\/div>\n<\/div>\n\n\n\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<figure class=\"wp-block-image size-full wp-duotone-unset-1\"><img loading=\"lazy\" decoding=\"async\" width=\"1060\" height=\"1056\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-13-at-7.37.42-PM.png\" alt=\"\" class=\"wp-image-97\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-13-at-7.37.42-PM.png 1060w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-13-at-7.37.42-PM-300x300.png 300w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-13-at-7.37.42-PM-1024x1020.png 1024w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-13-at-7.37.42-PM-150x150.png 150w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-13-at-7.37.42-PM-768x765.png 768w\" sizes=\"auto, (max-width: 1060px) 100vw, 1060px\" \/><\/figure>\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 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1336\" height=\"892\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-13-at-8.27.36-PM.png\" alt=\"\" class=\"wp-image-105\" style=\"aspect-ratio:1.5087023573474334\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-13-at-8.27.36-PM.png 1336w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-13-at-8.27.36-PM-300x200.png 300w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-13-at-8.27.36-PM-1024x684.png 1024w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-13-at-8.27.36-PM-768x513.png 768w\" sizes=\"auto, (max-width: 1336px) 100vw, 1336px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\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\" style=\"flex-basis:33.33%\">\n<h2 class=\"wp-block-heading\" style=\"font-size:clamp(15.197px, 0.95rem + ((1vw - 3.2px) * 0.813), 23px);\">Test 3: Student work overlay<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p>These elements were proposed as what would pop up when expanding specific student and alumni work card. They both feature arrows that allow users to click through different slides and information. A had full screen slides, with photos taking up the whole overlay with text only on one slide. B changes in that the text is constant while users can click through the pictures.<\/p>\n\n\n\n<p>The testers reactions were mixed as some like the full screen photos more than the consistent text. All the testers agreed with the title being bold with the name secondary, however. <\/p>\n\n\n\n<p>I ended up choosing B despite the different opinions of the testers. This is because option B allows viewers to read the information about the project while exploring the visuals of it. Having the text and pictures at the same time provides a layout that could accommodate a project that references specific sections of a project. <\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\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-text-align-center has-accent-4-background-color has-background has-large-font-size\" style=\"padding-top:0;padding-bottom:0\">A<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading has-text-align-center has-accent-3-background-color has-background has-large-font-size\" style=\"padding-top:0;padding-bottom:0\">B<\/h2>\n<\/div>\n<\/div>\n\n\n\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<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"776\" height=\"437\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-06-at-6.52.50-PM-edited.png\" alt=\"\" class=\"wp-image-100\" style=\"aspect-ratio:16\/9;object-fit:cover\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-06-at-6.52.50-PM-edited.png 776w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-06-at-6.52.50-PM-edited-300x169.png 300w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-06-at-6.52.50-PM-edited-768x432.png 768w\" sizes=\"auto, (max-width: 776px) 100vw, 776px\" \/><\/figure>\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 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"776\" height=\"436\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-06-at-6.52.50-PM-1-edited.png\" alt=\"\" class=\"wp-image-102\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-06-at-6.52.50-PM-1-edited.png 776w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-06-at-6.52.50-PM-1-edited-300x169.png 300w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-06-at-6.52.50-PM-1-edited-768x432.png 768w\" sizes=\"auto, (max-width: 776px) 100vw, 776px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\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\" style=\"flex-basis:33.33%\">\n<h2 class=\"wp-block-heading has-xx-large-font-size\"><strong>Final Prototype<\/strong><\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p>After many iterations, I was able to fully develop my website into its final prototype, refining the design, improving usability, and incorporating feedback at every stage to create a polished, user-focused experience.<\/p>\n<\/div>\n<\/div>\n\n\n\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<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"502\" height=\"1152\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-13-at-8.36.43-PM.png\" alt=\"\" class=\"wp-image-109\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-13-at-8.36.43-PM.png 502w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-13-at-8.36.43-PM-131x300.png 131w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-13-at-8.36.43-PM-446x1024.png 446w\" sizes=\"auto, (max-width: 502px) 100vw, 502px\" \/><\/figure>\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 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"508\" height=\"1168\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-13-at-8.36.52-PM.png\" alt=\"\" class=\"wp-image-110\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-13-at-8.36.52-PM.png 508w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-13-at-8.36.52-PM-130x300.png 130w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-13-at-8.36.52-PM-445x1024.png 445w\" sizes=\"auto, (max-width: 508px) 100vw, 508px\" \/><\/figure>\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 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"508\" height=\"1950\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-13-at-8.37.03-PM.png\" alt=\"\" class=\"wp-image-111\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-13-at-8.37.03-PM.png 508w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-13-at-8.37.03-PM-78x300.png 78w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-13-at-8.37.03-PM-267x1024.png 267w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-13-at-8.37.03-PM-400x1536.png 400w\" sizes=\"auto, (max-width: 508px) 100vw, 508px\" \/><\/figure>\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 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"508\" height=\"1820\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-13-at-8.37.13-PM.png\" alt=\"\" class=\"wp-image-112\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-13-at-8.37.13-PM.png 508w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-13-at-8.37.13-PM-84x300.png 84w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-13-at-8.37.13-PM-286x1024.png 286w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-13-at-8.37.13-PM-429x1536.png 429w\" sizes=\"auto, (max-width: 508px) 100vw, 508px\" \/><\/figure>\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 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"504\" height=\"1036\" src=\"https:\/\/sova.ourcloud.ou.edu\/portfolio\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-13-at-8.37.26-PM.png\" alt=\"\" class=\"wp-image-113\" srcset=\"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-13-at-8.37.26-PM.png 504w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-13-at-8.37.26-PM-146x300.png 146w, https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-content\/uploads\/sites\/13\/2025\/12\/Screenshot-2025-12-13-at-8.37.26-PM-498x1024.png 498w\" sizes=\"auto, (max-width: 504px) 100vw, 504px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\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\" style=\"flex-basis:33.33%\">\n<h2 class=\"wp-block-heading has-xx-large-font-size\"><strong>Conclusion<\/strong><\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p>Designing a website for the Visual Communications program allowed me to combine research, visual storytelling, and user-centered design into a cohesive website. The project aimed to reflect the program\u2019s creative identity while clearly communicating its curriculum, community, and resources for students. Each step above helped inform and progress the websites design.<\/p>\n\n\n\n<p><br>Several things went well over the course of this project. Early research, like user interviews and competitive analysis,\u2028helped clarify key priorities. Usability testing validated certain decisions and highlighted pain points, allowing me to further develop the design.<\/p>\n\n\n\n<p><br>Challenges included balancing my desire to be creative, with usability and accessibility. There were many new things that\u2028I had to learn in Figma, which added another layer of difficulty. If I approached the project again, I would conduct testing earlier and dedicate more time to the refining process.<\/p>\n\n\n\n<p><br>This project strengthened my ability to take user centered research and create design solutions from that information. It\u2028improved my confidence in creating interfaces and using Figma, as well teaching me that effective design is guided by user needs. Overall, this experience has helped me grow as a designer, teaching me to approach challenges thoughtfully,\u2028prioritize clarity, and continuously test and refine ideas.<\/p>\n\n\n\n<p>*Some website descriptions and content were generated with the assistance of AI tools to help with writing and explore phrasing options. All final content was reviewed and edited by myself to ensure accuracy, clarity, and alignment with the program\u2019s goals and the project assignment.<\/p>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>We designed a website for the University of Oklahoma&#8217;s Visual Communications program using the design thinking process. The site showcases student and alumni work, highlights faculty expertise, and provides resources, all while telling the story of the program through interactive features, visuals, and engaging content tailored to students, parents, and faculty.<\/p>\n","protected":false},"author":13,"featured_media":200,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-25","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-work"],"_links":{"self":[{"href":"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-json\/wp\/v2\/posts\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-json\/wp\/v2\/comments?post=25"}],"version-history":[{"count":44,"href":"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-json\/wp\/v2\/posts\/25\/revisions"}],"predecessor-version":[{"id":178,"href":"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-json\/wp\/v2\/posts\/25\/revisions\/178"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-json\/wp\/v2\/media\/200"}],"wp:attachment":[{"href":"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-json\/wp\/v2\/media?parent=25"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-json\/wp\/v2\/categories?post=25"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sova.ourcloud.ou.edu\/tarynhall\/wp-json\/wp\/v2\/tags?post=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}