#Non-Profit
#Non-Profit
#Non-Profit
#Redesign
#Redesign
#Redesign
#Figma
#Figma
#Figma
#Webpage
#Webpage
#Webpage
ATI Internship: Site Redesign and Interactive Map
ATI Internship: Site Redesign and Interactive Map
ATI Internship: Site Redesign and Interactive Map
ATI Internship: Site Redesign and Interactive Map
ATI Internship: Site Redesign and Interactive Map
ATI Internship: Site Redesign and Interactive Map
Redesigning ATI's main site and prototyping a functional world map
Redesigning ATI's main site and prototyping a functional world map
Redesigning ATI's main site and prototyping a functional world map
Redesigning ATI's main site and prototyping a functional world map
Redesigning ATI's main site and prototyping a functional world map
Redesigning ATI's main site and prototyping a functional world map
July 2021 - Oct 2021
Timeline
Product Designer
Role
ATI Communications Manager Aubrey McMahan
Team
Programs Used
July 2021 - Oct 2021
Timeline
Product Designer
Role
ATI Communications Manager Aubrey McMahan
Team
Programs Used
Background
Background
Background
In my three month internship with ATI, I was in charge of redesigning the ATI page in order to provide a better experience for visitors. I was also tasked to improve the homepage's "Take Action Now" button in order to increase interaction.
In my three month internship with ATI, I was in charge of redesigning the ATI page in order to provide a better experience for visitors. I was also tasked to improve the homepage's "Take Action Now" button in order to increase interaction.
In my three month internship with ATI, I was in charge of redesigning the ATI page in order to provide a better experience for visitors. I was also tasked to improve the homepage's "Take Action Now" button in order to increase interaction.
Old Screens
Old Screens
Old Screens
Key Takeaways
Key Takeaways
Key Takeaways
Key Takeaways
Call to Action
CTA button has very little interactions (7 in a month)
Should be main focus on homepage
CTA button has very little interactions (7 in a month)
Should be main focus on homepage
CTA button has very little interactions (7 in a month)
Should be main focus on homepage
CTA button has very little interactions (7 in a month)
Should be main focus on homepage
Design
Site looks stiff, no round corners, shadows, etc
Provide a site visual revamp
Site looks stiff, no round corners, shadows, etc
Provide a site visual revamp
Site looks stiff, no round corners, shadows, etc
Provide a site visual revamp
Site looks stiff, no round corners, shadows, etc
Provide a site visual revamp
Connectivity
Article organization poor, too crowded and bunched
Focus on improving layouts
Article organization poor, too crowded and bunched
Focus on improving layouts
Article organization poor, too crowded and bunched
Focus on improving layouts
Article organization poor, too crowded and bunched
Focus on improving layouts
Proposed Solution
Proposed Solution
Proposed Solution
ATI's 'Take Action Now' button suffers from the lack of depth shown in the page, thus making it seem like it isn't a button.
In order to truly modernize and clean up the site, we will need to instill motion to this page as well as establishing divides for hierarchy and differentiation.
ATI's 'Take Action Now' button suffers from the lack of depth shown in the page, thus making it seem like it isn't a button.
In order to truly modernize and clean up the site, we will need to instill motion to this page as well as establishing divides for hierarchy and differentiation.
ATI's 'Take Action Now' button suffers from the lack of depth shown in the page, thus making it seem like it isn't a button.
In order to truly modernize and clean up the site, we will need to instill motion to this page as well as establishing divides for hierarchy and differentiation.
ATI's 'Take Action Now' button suffers from the lack of depth shown in the page, thus making it seem like it isn't a button.
In order to truly modernize and clean up the site, we will need to instill motion to this page as well as establishing divides for hierarchy and differentiation.
Goals
Goals
1
Modernizing and Improving Layouts
Update layouts to make it easier to follow (F style layout) Align elements better to make pages look less cluttered
1
Modernizing and Improving Layouts
Update layouts to make it easier to follow (F style layout) Align elements better to make pages look less cluttered
1
Modernizing and Improving Layouts
Update layouts to make it easier to follow (F style layout) Align elements better to make pages look less cluttered
1
Modernizing and Improving Layouts
Update layouts to make it easier to follow (F style layout) Align elements better to make pages look less cluttered
1
Modernizing and Improving Layouts
Update layouts to make it easier to follow (F style layout) Align elements better to make pages look less cluttered
2
Improve CTA Button
Make the CTA Button much more visible
2
Improve CTA Button
Make the CTA Button much more visible
2
Improve CTA Button
Make the CTA Button much more visible
2
Improve CTA Button
Make the CTA Button much more visible
2
Improve CTA Button
Make the CTA Button much more visible
3
Improving Aesthetic and QOL Changes
Resolve pages' problems of zero depth Add features such as filters
3
Improving Aesthetic and QOL Changes
Resolve pages' problems of zero depth Add features such as filters
3
Improving Aesthetic and QOL Changes
Resolve pages' problems of zero depth Add features such as filters
3
Improving Aesthetic and QOL Changes
Resolve pages' problems of zero depth Add features such as filters
3
Improving Aesthetic and QOL Changes
Resolve pages' problems of zero depth Add features such as filters
Updated Screens
Updated Screens
Interactive Map
Interactive Map
Interactive Map
Reflection
Reflection
Reflection
My internship at ATI gave me my first real work experience and I learned a lot about scheduling and time management. The site needed UI improvements, and I believe I was able to do so through the addition of new features and polished uniform elements.
Presenting my mockups and design process in front of the board of executives helped me refine my presentation skills and how I convey information to people of all technical backgrounds.
My internship at ATI gave me my first real work experience and I learned a lot about scheduling and time management. The site needed UI improvements, and I believe I was able to do so through the addition of new features and polished uniform elements.
Presenting my mockups and design process in front of the board of executives helped me refine my presentation skills and how I convey information to people of all technical backgrounds.
My internship at ATI gave me my first real work experience and I learned a lot about scheduling and time management. The site needed UI improvements, and I believe I was able to do so through the addition of new features and polished uniform elements.
Presenting my mockups and design process in front of the board of executives helped me refine my presentation skills and how I convey information to people of all technical backgrounds.
