Our

Santa Ana

This project involves a little bit of a mixture of different responsabilities, such as enhancing the brand an how it could then be translated into the website, collaboration with the awesome client and his team and also enhancing the way the features of the website were given to the users.

Our_Santa_Ana_Old_Home_Page

Why a Change Was Needed?

The Our Santa Ana website was lacking the personality that reflects a Santanero, spark and, intuitiveness. 

Our Santa Ana - Discover - Vibrant Community - ArtOur Santa Ana - Discover - Vibrant Community - ArtOur Santa Ana - Discover - Vibrant Community - Art

Our Santa Ana Old Home Page

Here is a better preview of the Our Santa Ana previous design. Some of the key elements to enhance were: Not a well definition of the different sections, some text could not be read due to lack of contrast, not understanding what the site can offer and, missing brand application/personality.

Colorfull Details

The Santa Ana (CA) charm, inspired the colorfull choices applied thorough the website to highlight elements.

Our_Santa_Ana_ColorfullName
Our_Santa_Ana_Colorfull_Shapes_Pattern
Our_Santa_Ana_Colorfull_Shapes_Pattern
Our_Santa_Ana_Colorfull_Shapes_Pattern
Our_Santa_Ana_Colorfull_Shapes_Pattern
Colorful_Shapes_And_Colors

Shapes and colors were inspired by all the murals and vibrancy that the city has to offer whenever you look.

Our_Santa_Ana_White_Stars_Pattern

The different generated shapes were applied into different backgrounds that helped defined sections thorough the site.

Our_Santa_Ana_Join Our Newsletter – Mobile_500h

Different elements working together in sections of the page, being alinged with the brand's personality and charm.

The Process of Design Concepts and Iterations

The following are a set of design concepts that offer solutions to the differnet user needs and to better define the personality of the brand thorough the website. Some of the following concepts and solutions had to change due to the availability of development time. "Our Santa Ana" is still a promissing project in development.

Our_Santa_Ana_Desktop_Layout_Device

A 12 column grid layout was used for pc devices

Our_Santa_Ana_Mobile_Layout_Device

A 4 columns grid layout was used for mobile devices

svg-image

Search Section Concept

The idea was to implement the colorfull and vibrant concept to elements that were within the different sections of the site, such as; the highlights to selected items, the colors used in the buttons and the distinctive black border surrounding the elements.

svg-image

Santa Ana Social

OurSantaAna_Social_Wall

The idea was to show a way to easily connect and share experiences from the people in Santa Ana directly to the site, showing others what meant to be a Santanero.

OurSantaAna_Social_Wall_2

To simplify the concept, the idea evolved to a section that was going to highlight the newest events and offers that Santa Ana has to offer.

Newsletter and Join Modal

Our_Santa_NewsLetter_Modal_01

Newsletter Modal Design

Our_Santa_NewsLetter_Modal_02

Sign Up Modal

Our Santa Ana
New Website

Here a preview of the approved design, you are also welcome to visit the Our Santa Ana website anytime.

SB_logo_design_whitetx@300x

Interested in working together? Get in touch!

ui.sabelyz@gmail.com

aAThis is a cool footer


© Designed by Sabelyz

Thank you for visiting :)

Selected Works

Component MarketUX/UI Design

CPaT Global PortfolioUX/UI Design - Documentation

Clean Energy LocalWebsite Redesign

Our Santa AnaWebsite Redesign

LogoFolioLogo Design

CPaT MarketingMarketing Projects