THE
STORY.

THE STORY.

Project Overview

Project Overview

NOTE: This project was created during my employment at New World Application Design & Development. I do not own any rights to this project.

SC Endeavors is the central resource for early educators, trainers, and programs that serve young children and their families in South Carolina.
The mission of SC Endeavors is to support the continuous growth and improvement of early education programs and professionals
to create positive outcomes for young children and their families in South Carolina.
NOTE: This project was created during my employment at New World Application Design & Development. I do not own any rights to this project.
SC Endeavors is the central resource for early educators, trainers, and programs that serve young children and their families in South Carolina. The mission of SC Endeavors is to support the continuous growth and improvement of early education programs and professionals to create positive outcomes for young children and their families in South Carolina.

My Role

My Role

As the Lead UI Designer, I was responsible for developing new UI concepts for the new brand, SC Endeavors. I was also tasked with building the front-end development of the user interface for all page as well as ensuring that the website was tested for responsiveness across mobile, tablet and desktop platforms.
As the Lead UI Designer, I was responsible for developing new UI concepts for the new brand, SC Endeavors. I was also tasked
with building the front-end development of the user interface for all page as well as ensuring that the website was tested for responsiveness
across mobile, tablet and desktop platforms.

The Problem

The Problem

The client felt that it was a lot wrong with their previous website when it came to the organization of their content. The client
felt the information architecture could use some improvement. The company was also going under a new re-brand so they wanted
the new website to reflect their new identity and brand messaging.
The client felt that it was a lot wrong with their previous website when it came to the organization of their content. The client felt the information architecture could use some improvement. The company was also going under a new re-brand so they wanted the new website to reflect their new identity and brand messaging.

The Solution

The Solution

To design a new website that would feel more "intuitive" to the end-user (improving the user experience) as well as incorporating the company's new brand.
To design a new website that would feel more "intuitive" to the end-user (improving the user experience) as well as incorporating the company's new brand.

Benefits of the Project

Increase brand awareness
Improve user experience
Improve SEO performance

Define.

Outdated Design

Define.

Outdated Design

The client felt that their homepage wasn't impactful enough to communicate their brand message. The information architecture was a bit imbalanced and not intuitive enough for the user to navigate through the site.
The client felt that their homepage wasn't impactful enough to communicate their brand message. The information architecture was a bit imbalanced and not intuitive enough for the user to navigate through the site.

Bad User Experience

Bad User Experience

Not only was the SCCCC site not responsive to accommodate all users but we needed to examine the site structure and the paths needed to get to important information within a few clicks.
Not only was the SCCCC site not responsive to accommodate all users but we needed to examine the site structure and the paths needed to get to important information within a few clicks.

UX.

The UX.

Site Map

Site Map

In order to set up a more structured organization for the content, a site map was created as a visual road map overview.
The site allows users to navigate through the site in a more natural and intuitive way.
In order to set up a more structured organization for the content, a site map was created as a visual road map overview. The site allows users to navigate through the site in a more natural and intuitive way.

Wireframes

Wireframe

In order to convey the main features, functions and content of a front page of the site, before getting too deep into the
visual design process, a wireframe concepts were created for the client.
In order to convey the main features, functions and content of a front page of the site, before getting too deep into the visual design process, a wireframe was created.

Wireframe Concept One

Wireframe Concept Two

The Brand.

The Brand.

New Face Lift

In taking steps to improve the brand, the client provided our team with a fresh new logo design to steer us in the direction of a new vision.
"OUT WITH THE BLUE...IN WITH THE NEW!"

New Face Lift

In taking steps to improve the brand, the client provided our team with a fresh new logo design to steer us in the direction of a new vision.
"OUT WITH THE BLUE...IN WITH THE NEW!"

The Design.

The Design.

Creating the Digital Experience

Creating the Digital Experience

My goal was to communicate "early childhood education" through the new brand. What was important in my design process
was making users feel confident in the SC Endeavors service as well as having users establish a connection with the brand.
My goal was to communicate "early childhood education" through the new brand. What was important in my design process was making users feel confident in the SC Endeavors service as well as having users establish a connection with the brand.

The Building Blocks

The Building Blocks

I enjoyed working with this new brand identity. The icon logo mark was used for inspiration in creating a "building block" theme
on the home page. I wanted the color palette of the brand to dominate visually in the design.
I enjoyed working with this new brand identity. The icon logo mark was used for inspiration in creating a "building block" theme on the home page. I wanted the color palette of the brand to dominate visually in the design.

The Challenges

The Challenges

The biggest challenge that I faced while working on this project was balancing heavy content with white space while still keeping the visual appeal. Structuring and organizing the table content to be displayed on mobile devices while keeping the best user experience practices in mind also presented some challenges.
The biggest challenge that I faced while working on this project was balancing heavy content with white space while still keeping the visual appeal. Structuring and organizing the table content to be displayed on mobile devices while keeping the best user experience practices in mind also presented some challenges.

Mobile UI

Mobile UI

A new responsive mobile experience was created along with visual aesthetics to communicate the new brand.
A new responsive mobile experience was created along with visual aesthetics to communicate the new brand.

Desktop UI

Desktop UI

LAUNCH SC ENDEAVORS PROJECTLaunch SC Endeavors
© 2023 Shawna Stephens