Redesign of the New Media Pages
Edplus at ASU
Redesign the Edplus at ASU's New Media Studios landing pages in a modern, user-friendly way using their Design System; Restructure site information and content
Project Overview
The New Media Studios are used to create content for ASU Online's fully online degree programs and special projects at Edplus. They are looking to redesign their website with an updated Design System, for a better user experience.
Redesign the Edplus at ASU's New Media Studios landing pages in a modern, user-friendly way using their Design System; Restructure site information and content
​
Wireframing, Interface Design, Experience Design
​
4.5 months
​
Adobe XD, Photoshop
Background:
​
​
Objective:
​
​
​
My role:
​
Project Time:
​
Softwares used:
Information Architecture
Site Map
I built a sitemap in order to unravel the information and content on the current landing pages on the website.
Challenge:
-
I found that there was a lot of unnecessary and confusing information
-
Several inconsistencies across the design
-
Repetition of information
Proposed Solution:
-
After analyzing the existing information architecture, I prioritized simplifying information.
-
Restructured the information to create a simpler sitemap
Visual Design
ASU's Brand guide
I used ASU's brand guide - logo, color, and typestyle - to design the landing pages.
Refer to ASU's brand guide here: https://brandguide.asu.edu/
Edplus's Design System
I used Edplus at ASU's Design System to design the landing pages.
Know more about Edplus at ASU's Design System here: https://www.designsystems.io/2019/08/19/edplus-at-arizona-state-universitys-design-system/
Website Features
Website Features
Website Features
Lo-fi design solutions implementations for the home page and a few other pages to make the information architecture simpler for the users
1. Home Page
-
Added intro to the website
-
Added how the website can be useful by showing some examples on the home page
-
Added purpose of the website to the home page
-
Added testimony section
-
Added CTA form fields for user engagement
3. Support page
-
Implemented a filter option for the resources on the Support page to make the resources easy to find.
2. Studio Page
-
Showing other services below on the same page to make all the information easily available
-
Moved over all the Studio locations and other related details to a single page for
4. Resources section
-
Designed the resources section in a way that it takes less real-stat yet provides all the information in a systematic fashion
Prototype
I created a prototype to present how the users are going to interact with the landing pages
UI Design
Key landing pages
Other landing pages on website
There was a massive 75% drop in complaints about this website following launch.