project-sistercities-v2-compressor

HERMAN-SCHEER / 2017

Sister Cities.
A digital platform and a refreshed identity for the Sister Cities of Los Angeles.

Sister Cities.
A digital platform and a refreshed identity for the Sister Cities of Los Angeles.

Sister Cities.
A digital platform and a refreshed identity for the Sister Cities of Los Angeles.

Sister Cities.
A digital platform and a refreshed identity for the Sister Cities of Los Angeles.

ROLE

This project was really fun because I get to re-design Sister Cities of Los Angeles logo along with establishing a new brand identity for them. As the lead designer for this project, I get to work along with my art director to make sure that Sister Cities' brand is well represented internationally.

This project was really fun because I get to re-design Sister Cities of Los Angeles logo along with establishing a new brand identity for them. As the lead designer for this project, I get to work along with my art director to make sure that Sister Cities' brand is well represented internationally.

This project was really fun because I get to re-design Sister Cities of Los Angeles logo along with establishing a new brand identity for them. As the lead designer for this project, I get to work along with my art director to make sure that Sister Cities' brand is well represented internationally.

This project was really fun because I get to re-design Sister Cities of Los Angeles logo along with establishing a new brand identity for them. As the lead designer for this project, I get to work along with my art director to make sure that Sister Cities' brand is well represented internationally.

THE BRIEF

Re-design the logo in time for the relaunch event and then design a complete website with interactive map that will provide information about the Sister Cities of Los Angeles and its sister cities.

Re-design the logo in time for the relaunch event and then design a complete website with interactive map that will provide information about the Sister Cities of Los Angeles and its sister cities.

Re-design the logo in time for the relaunch event and then design a complete website with interactive map that will provide information about the Sister Cities of Los Angeles and its sister cities.

Re-design the logo in time for the relaunch event and then design a complete website with interactive map that will provide information about the Sister Cities of Los Angeles and its sister cities.

TARGET AUDIENCE

Representatives from around the world, who are looking to learn more about the city of Los Angeles. The audience is an older, international demographic that want to build relationship with the city of Los Angeles.

Representatives from around the world, who are looking to learn more about the city of Los Angeles. The audience is an older, international demographic that want to build relationship with the city of Los Angeles.

Representatives from around the world, who are looking to learn more about the city of Los Angeles. The audience is an older, international demographic that want to build relationship with the city of Los Angeles.

Representatives from around the world, who are looking to learn more about the city of Los Angeles. The audience is an older, international demographic that want to build relationship with the city of Los Angeles.

project-sistercities-v2-2-compressor
Sister-Cities-2-2-compressor

LOGO RE-DESIGN

RESEARCH / WIREFRAME / MOODBOARDS

Sister Cities wanted a completely new logo, less of an illustration and more like a mark. They also want to find a way to represent global connections in Los Angeles. After sketching multiple options based on that idea, I re-design the logo using the iconic Los Angeles city hall as the main element for the logo.

Sister Cities wanted a completely new logo, less of an illustration and more like a mark. They also want to find a way to represent global connections in Los Angeles. After sketching multiple options based on that idea, I re-design the logo using the iconic Los Angeles city hall as the main element for the logo.

Sister Cities wanted a completely new logo, less of an illustration and more like a mark. They also want to find a way to represent global connections in Los Angeles. After sketching multiple options based on that idea, I re-design the logo using the iconic Los Angeles city hall as the main element for the logo.

Sister Cities wanted a completely new logo, less of an illustration and more like a mark. They also want to find a way to represent global connections in Los Angeles. After sketching multiple options based on that idea, I re-design the logo using the iconic Los Angeles city hall as the main element for the logo.

project-sistercities-v2-3-compressor
Sister-Cities-2-3-compressor

RESEARCH / SITEMAP / WIREFRAME

First step was to get organize, to do that, I need to find a way to group and categorize all the content provided by the client. Best way to do that is through a mini sitemap, this will list out where content will go and where it will live on the site. After this, it will be much easier to design a wireframe to map out how the users will navigate the site.

First step was to get organize, to do that, I need to find a way to group and categorize all the content provided by the client. Best way to do that is through a mini sitemap, this will list out where content will go and where it will live on the site. After this, it will be much easier to design a wireframe to map out how the users will navigate the site.

First step was to get organize, to do that, I need to find a way to group and categorize all the content provided by the client. Best way to do that is through a mini sitemap, this will list out where content will go and where it will live on the site. After this, it will be much easier to design a wireframe to map out how the users will navigate the site.

First step was to get organize, to do that, I need to find a way to group and categorize all the content provided by the client. Best way to do that is through a mini sitemap, this will list out where content will go and where it will live on the site. After this, it will be much easier to design a wireframe to map out how the users will navigate the site.

THE PROBLEM

Although I had a lot of creative freedom for this project, I still need to put into consideration the targeted demographic. An older audience might not have the time or be tech-savvy enough to find their ways through the site to see the information they are looking for if I design the site to be too complicated and too modern.

Although I had a lot of creative freedom for this project, I still need to put into consideration the targeted demographic. An older audience might not have the time or be tech-savvy enough to find their ways through the site to see the information they are looking for if I design the site to be too complicated and too modern.

Although I had a lot of creative freedom for this project, I still need to put into consideration the targeted demographic. An older audience might not have the time or be tech-savvy enough to find their ways through the site to see the information they are looking for if I design the site to be too complicated and too modern.

Although I had a lot of creative freedom for this project, I still need to put into consideration the targeted demographic. An older audience might not have the time or be tech-savvy enough to find their ways through the site to see the information they are looking for if I design the site to be too complicated and too modern.

project-sistercities-v2-4-6-compressor
Sister-Cities-2-4-compressor

EXPLORATION SECTIONS

By making all the font sizes a bit bigger than normal web practice and breaking down information into bite size pieces, I managed to keep the older target audience engaged in the content. Then, in order to keep it visually informative, i paired lifestyle images with a background pattern using real live map that is relevant to the to that specific section. For example, the Culture and Education section will be pair with the map of Sister Cities of Los Angeles associated college, UCLA.

By making all the font sizes a bit bigger than normal web practice and breaking down information into bite size pieces, I managed to keep the older target audience engaged in the content. Then, in order to keep it visually informative, i paired lifestyle images with a background pattern using real live map that is relevant to the to that specific section. For example, the Culture and Education section will be pair with the map of Sister Cities of Los Angeles associated college, UCLA.

By making all the font sizes a bit bigger than normal web practice and breaking down information into bite size pieces, I managed to keep the older target audience engaged in the content. Then, in order to keep it visually informative, i paired lifestyle images with a background pattern using real live map that is relevant to the to that specific section. For example, the Culture and Education section will be pair with the map of Sister Cities of Los Angeles associated college, UCLA.

By making all the font sizes a bit bigger than normal web practice and breaking down information into bite size pieces, I managed to keep the older target audience engaged in the content. Then, in order to keep it visually informative, i paired lifestyle images with a background pattern using real live map that is relevant to the to that specific section. For example, the Culture and Education section will be pair with the map of Sister Cities of Los Angeles associated college, UCLA.

project-sistercities-v2-5-2-compressor
Sister-Cities-2-5-compressor

INTERACTIVE MAP

One of the feature on the site that is the most exciting for me to work on was the Sister Cities interactive map. Here you can click on any of the Sister Cities location on the world map to view more information on it in relation to the city of Los Angeles. This feature needed to be easy to use and navigate, therefore I added a flag modal as an alternative way to view the city listings.

One of the feature on the site that is the most exciting for me to work on was the Sister Cities interactive map. Here you can click on any of the Sister Cities location on the world map to view more information on it in relation to the city of Los Angeles. This feature needed to be easy to use and navigate, therefore I added a flag modal as an alternative way to view the city listings.

One of the feature on the site that is the most exciting for me to work on was the Sister Cities interactive map. Here you can click on any of the Sister Cities location on the world map to view more information on it in relation to the city of Los Angeles. This feature needed to be easy to use and navigate, therefore I added a flag modal as an alternative way to view the city listings.

One of the feature on the site that is the most exciting for me to work on was the Sister Cities interactive map. Here you can click on any of the Sister Cities location on the world map to view more information on it in relation to the city of Los Angeles. This feature needed to be easy to use and navigate, therefore I added a flag modal as an alternative way to view the city listings.

project-sistercities-v2-6-compressor

WEBSITE DESIGN

The Sister Cities of Los Angeles site was definitely a learning experience. Not only do I have to organized all information and arrange them so they fit into place on all the pages, I also have to make sure the information presented is digestable by our target audience. It is easier if I just focus on design, but in order for this site to be functional and useful, I have to make sure all my design decisions are usercentric. The result came out to be as I would hope for, and now the site is being used by so many people from all around the world.

The Sister Cities of Los Angeles site was definitely a learning experience. Not only do I have to organized all information and arrange them so they fit into place on all the pages, I also have to make sure the information presented is digestable by our target audience. It is easier if I just focus on design, but in order for this site to be functional and useful, I have to make sure all my design decisions are usercentric. The result came out to be as I would hope for, and now the site is being used by so many people from all around the world.

The Sister Cities of Los Angeles site was definitely a learning experience. Not only do I have to organized all information and arrange them so they fit into place on all the pages, I also have to make sure the information presented is digestable by our target audience. It is easier if I just focus on design, but in order for this site to be functional and useful, I have to make sure all my design decisions are usercentric. The result came out to be as I would hope for, and now the site is being used by so many people from all around the world.

The Sister Cities of Los Angeles site was definitely a learning experience. Not only do I have to organized all information and arrange them so they fit into place on all the pages, I also have to make sure the information presented is digestable by our target audience. It is easier if I just focus on design, but in order for this site to be functional and useful, I have to make sure all my design decisions are usercentric. The result came out to be as I would hope for, and now the site is being used by so many people from all around the world.

RECOGNITIONS & CREDITS

Relaunched in front of all the Sister Cities honoraries from around the world.
Credits: Danny Solomon - Art Director , Tessa Smith - Project Manager, Kristin - Developer.

Relaunched in front of all the Sister Cities honoraries from around the world.
Credits: Danny Solomon - Art Director , Tessa Smith - Project Manager, Kristin - Developer.

Relaunched in front of all the Sister Cities honoraries from around the world.
Credits: Danny Solomon - Art Director , Tessa Smith - Project Manager, Kristin - Developer.

Relaunched in front of all the Sister Cities honoraries from around the world.
Credits: Danny Solomon - Art Director , Tessa Smith - Project Manager, Kristin - Developer.

TO VIEW THE COMPLETED SITE, CLICK BELOW

Let's Connect.
I'm available for any interesting freelance projects and I'm also looking for a new workplace. 

Let's Connect.
I'm available for any interesting freelance projects and I'm also looking for a new workplace. 

Let's Connect.
I'm available for any interesting freelance projects and I'm also looking for a new workplace. 

Let's Connect.
I'm available for any interesting freelance projects and I'm also looking for a new workplace.