A website redesign for a Colorado-based school, SkyView Academy.

Personas, journey maps, sitemap, and high-fidelity mockups that were put into production
UX Researcher, UX/UI Designer
3-week timeframe. Worked as a freelancer for the creative agency, Atomic Idea. Collaborated with a 1 brand strategist.
Responsive website
Sketch, Overflow
What is SkyView Academy?
Commonly known as SVA, Skyview Academy is a charter school founded in 2004 by a group of parents to create a more challenging and meaningful educational program for their children and the community at large. 
I think that the website needs to be more visually appealing...less content overload, [and to] focus on reflecting the quality of education that SkyView offers so that prospective families can envision themselves at SVA."
- Skyview Academy website user
The challenge
To address numerous complaints from students, parents, and staff about the usability of the current website. The old site was outdated and difficult to navigate.

User Surveys & remote interviews
Working with Atomic Design, a series of open-ended questions were asked to staff members, parents, and current students to gain qualitative feedback. Example questions included:
• "What are you looking for when you first arrive on the school's website?"
• "What pages or sections do you visit most often?"
• "Please describe your experience of the current website"?

Competitive analysis
Identifying similar websites in the education field was another valuable step taken. Utilizing UX design principles and website best practices, I determined delights and pain points.
Aspen View Academy
Aspen View Academy
Kent Denver School
Kent Denver School
Colorado Christian University
Colorado Christian University
• Clear call to actions (for enrollment and different schools specifically) 
• Strong visual design elements that fit within each brand
pain points
• Overwhelming amount of navigation items
• Not embracing negative space
Who are the users?
The SkyView board members provided a vague assumption about who the main user groups were. I was able to validate and establish two primary and two secondary personas. This was based on qualitative research above and quantitative data gathered from the content management system admin.
• Gain general school information
• Compare info from multiple schools quickly
• Understand parent, child, and school policies
• Communicate with staff to learn more

• Not always sure on what to look for
• Unclear on how to best compare SVA to others
• Inconsistent ways to access some pages of the site
• Wasting time on sections with a lot of content
The peak and end of his journey show that improvement is needed with the hyperlinks section of the navigation.
According to Nielsen Norman Group, these two points are what the human brain remembers most clearly about an experience.

I was able to pull a direct quote from a current parent during my research phase.

• Quick access to resources such as “My School Bucks”, “Infinite Campus” and grades/homework
• Understand parent, child, and school policies
• Communicate with staff and have access to their biography information
• Information overload, especially "Parent Resources"
• Unclear ways to access some pages of the site
The peak and end of her journey show that improvement is needed with the COVID-19 announcement and teacher contact sections.
According to Nielsen Norman Group, these two points are what the human brain remembers most clearly about an experience.
A few pain points were discovered such as outdated sports information/pictures and confusing calendar/events listings.
Information architecture & card sorting​​​​​​​

Data synthesis process

During the initial user survey, I included a list of categories (representing a consolidated navigation list) and a wide variety of sub-categories and asked participants to associate the two groups. Utilizing card sorting, I was able to understand the mental models of users.
The "Parent Resources" required the most attention to fulfill the primary persona's needs. Shown below are three iterations:

Highlighted in red are some areas and categories that were iterated upon

The SkyView team provided some navigation requirements – yet I had flexibility in structure – backed by my research

Client & user feedback​​​​​​​
The "sticky" left-hand navigation in the proposed wireframes was altered due to feedback. This led to the main navigation needing to include more content and the introduction of breadcrumbs.
additional template pages refinement
High fidelity mockups
After implementing design changes based on feedback and additional research on web best practices, I moved to high-fidelity mockups. I worked within SkyView Academy's branding guidelines.
Next steps
• Provide additional UX/visual design support as needed

More of my work