2017 • Irvine Company
Only In
Irvine
• UI / UX DESIGN
2017 • Irvine Company
Only
In
Irvine
• UI / UX DESIGN
America’s best master-planned city.
The goal for this project was to create a website where Irvine area community members or people looking to move to the area would be able to view Irvine villages and curate their content. This would include being able to see the latest events in the surrounding areas, checking the best schools in a specific village and the ability to watch video testimonials from some of the current residents.
The goal for this project was to create a website where Irvine area community members or people looking to move to the area would be able to view Irvine villages and curate their content. This would include being able to see the latest events in the surrounding areas, checking the best schools in a specific village and the ability to watch video testimonials from some of the current residents.
The goal for this project was to create a website where Irvine area community members or people looking to move to the area would be able to view Irvine villages and curate their content. This would include being able to see the latest events in the surrounding areas, checking the best schools in a specific village and the ability to watch video testimonials from some of the current residents.
Through an agency, I worked with the Irvine Company for over 2 years. In that time span I worked on several different luxury community apartment campaigns. These apartments spanned across California, as far south as Orange County and Los Angeles and as far north as San Jose. My agency designed several print & digital assets for Irvine, including social media post, HTML promotional banner ads, motion pieces and even directing photoshoots. After having worked on several different campaigns they came to us with an idea for a website design that would center around residents living in the Irvine area.
Through an agency, I worked with the Irvine Company for over 2 years. In that time span I worked on several different luxury community apartment campaigns. These apartments spanned across California, as far south as Orange County and Los Angeles and as far north as San Jose. My agency designed several print & digital assets for Irvine, including social media post, HTML promotional banner ads, motion pieces and even directing photoshoots. After having worked on several different campaigns they came to us with an idea for a website design that would center around residents living in the Irvine area.
Through an agency, I worked with the Irvine Company for over 2 years. In that time span I worked on several different luxury community apartment campaigns. These apartments spanned across California, as far south as Orange County and Los Angeles and as far north as San Jose. My agency designed several print & digital assets for Irvine, including social media post, HTML promotional banner ads, motion pieces and even directing photoshoots. After having worked on several different campaigns they came to us with an idea for a website design that would center around residents living in the Irvine area.
• UX
OnlyInIrvine.com would be a hub for all things primarily in the area. This would include schools, work, entertainment and most importantly, information about each village that makes up the area. Although the site would showcase all things Irvine, the site’s primary function was to be able to curate this content so that user could select what type of information they would like to get when coming to the site.
• UX
OnlyInIrvine.com would be a hub for all things primarily in the area. This would include schools, work, entertainment and most importantly, information about each village that makes up the area. Although the site would showcase all things Irvine, the site’s primary function was to be able to curate this content so that user could select what type of information they would like to get when coming to the site.
• UX
OnlyInIrvine.com would be a hub for all things primarily in the area. This would include schools, work, entertainment and most importantly, information about each village that makes up the area. Although the site would showcase all things Irvine, the site’s primary function was to be able to curate this content so that user could select what type of information they would like to get when coming to the site.
Because of this we wanted to create simple, card like tiles that could be added and removed easily. These cards would be perfect for a responsive website because they would be easily scalable and collapsable. Each user could have the option of choosing which villages they would like to see on their feed which would be great when dealing with so much information.
Because of this we wanted to create simple, card like tiles that could be added and removed easily. These cards would be perfect for a responsive website because they would be easily scalable and collapsable. Each user could have the option of choosing which villages they would like to see on their feed which would be great when dealing with so much information.
Because of this we wanted to create simple, card like tiles that could be added and removed easily. These cards would be perfect for a responsive website because they would be easily scalable and collapsable. Each user could have the option of choosing which villages they would like to see on their feed which would be great when dealing with so much information.
• Navigation
• Navigation
• Navigation
• Navigation: Anchor Link
• Navigation: Anchor Link
• Navigation: Anchor Link
• Navigation: Subnavigation
• Navigation: Subnavigation
• Navigation: Subnavigation
The navigation was an important factor in the design on this site. It needed to be very easy to understand due to the amount of information one could have on their feed. The idea is that we would have anchor links that would attach to the navigation at the top so that users could get a feel for how much content was on the page as well as an easy way to scroll to a direct section.
The navigation was an important factor in the design on this site. It needed to be very easy to understand due to the amount of information one could have on their feed. The idea is that we would have anchor links that would attach to the navigation at the top so that users could get a feel for how much content was on the page as well as an easy way to scroll to a direct section.
The navigation was an important factor in the design on this site. It needed to be very easy to understand due to the amount of information one could have on their feed. The idea is that we would have anchor links that would attach to the navigation at the top so that users could get a feel for how much content was on the page as well as an easy way to scroll to a direct section.
No other
American city has
been guided by
a master-plan
that’s this
remarkable.
• MY CITY
The general information about the Irvine area lived on the homepage. This would be the perfect page to see an overview of some of the most important events happening in the area. This section of the site also included testimonials from some of the people in the area, minimal infographics that could entice new people into moving into the area and more information about the history of Irvine and why it is the most livable city in America for the next generation.
No other American
city has been
guided by a
master-plan that’s
this remarkable.
No other American
city has been
guided by a
master-plan that’s
this remarkable.
• MY CITY
The general information about the Irvine area lived on the homepage. This would be the perfect page to see an overview of some of the most important events happening in the area. This section of the site also included testimonials from some of the people in the area, minimal infographics that could entice new people into moving into the area and more information about the history of Irvine and why it is the most livable city in America for the next generation.
• MY CITY
The general information about the Irvine area lived on the homepage. This would be the perfect page to see an overview of some of the most important events happening in the area. This section of the site also included testimonials from some of the people in the area, minimal infographics that could entice new people into moving into the area and more information about the history of Irvine and why it is the most livable city in America for the next generation.
• MY VILLAGES
The most prominent page of the site was the villages section. On this page, users would be able to select as many or as few villages they wanted to view and these would curate their page. This feed would be perfect for residents of the area easily looking up important information pertaining only to their area but also great for users that would potentially be interested in getting information on several villages. The information in the Villages section included a bio, map, contest, articles as well as the ability for users to engage and share their experiences.
• MY VILLAGES
The most prominent page of the site was the villages section. On this page, users would be able to select as many or as few villages they wanted to view and these would curate their page. This feed would be perfect for residents of the area easily looking up important information pertaining only to their area but also great for users that would potentially be interested in getting information on several villages. The information in the Villages section included a bio, map, contest, articles as well as the ability for users to engage and share their experiences.
• MY VILLAGES
The most prominent page of the site was the villages section. On this page, users would be able to select as many or as few villages they wanted to view and these would curate their page. This feed would be perfect for residents of the area easily looking up important information pertaining only to their area but also great for users that would potentially be interested in getting information on several villages. The information in the Villages section included a bio, map, contest, articles as well as the ability for users to engage and share their experiences.
This section also needed an easy and intuitive way for users to add and remove villages. Once a user selects the villages they would like to see in their feed from selecting them via a map or list, we came up with the idea of having a function that would add and remove villages. This lived under the navigation at the top of the page, similar to the anchor links. Users would be able to select the drop down arrow if they wanted to add more, remove a village or choose the arrow to view the current villages in their feed.
This section also needed an easy and intuitive way for users to add and remove villages. Once a user selects the villages they would like to see in their feed from selecting them via a map or list, we came up with the idea of having a function that would add and remove villages. This lived under the navigation at the top of the page, similar to the anchor links. Users would be able to select the drop down arrow if they wanted to add more, remove a village or choose the arrow to view the current villages in their feed.
This section also needed an easy and intuitive way for users to add and remove villages. Once a user selects the villages they would like to see in their feed from selecting them via a map or list, we came up with the idea of having a function that would add and remove villages. This lived under the navigation at the top of the page, similar to the anchor links. Users would be able to select the drop down arrow if they wanted to add more, remove a village or choose the arrow to view the current villages in their feed.
Irvine outscored all
Southern California
cities in safety,
education, parks and
places for families
to play together.
Irvine outscored all
Southern California
cities in safety,
education, parks and
places for families
to play together.
Irvine outscored all
Southern California
cities in safety,
education, parks
and places for families
to play together.
• PLAY
The play page of the site was home to events, entertainment and things to do pertaining to the area. This page functioned very similar to the homepage but was especially great for things like planning a weekend. If a user was interested in a short hike, they could click on this page and get information about all the best parks and recreation in the area. If that person wanted to go to a nice restaurant later that evening they could go to this page and get the best rated places near them.
• PLAY
The play page of the site was home to events, entertainment and things to do pertaining to the area. This page functioned very similar to the homepage but was especially great for things like planning a weekend. If a user was interested in a short hike, they could click on this page and get information about all the best parks and recreation in the area. If that person wanted to go to a nice restaurant later that evening they could go to this page and get the best rated places near them.
• PLAY
The play page of the site was home to events, entertainment and things to do pertaining to the area. This page functioned very similar to the homepage but was especially great for things like planning a weekend. If a user was interested in a short hike, they could click on this page and get information about all the best parks and recreation in the area. If that person wanted to go to a nice restaurant later that evening they could go to this page and get the best rated places near them.
• SCHOOLS & WORK
The school and work pages of the site performed the same as the other pages but also served their importance in providing information that lived on one page that would normally be held on several different sites. In regard to schools, users could click on this page and get information about the best schools in the area but also a directory of schools that would click out to their individual websites. For work, someone could easily view new job listings in the area as well as a map to see how long a commute to work would be.
• SCHOOLS & WORK
The school and work pages of the site performed the same as the other pages but also served their importance in providing information that lived on one page that would normally be held on several different sites. In regard to schools, users could click on this page and get information about the best schools in the area but also a directory of schools that would click out to their individual websites. For work, someone could easily view new job listings in the area as well as a map to see how long a commute to work would be.
• SCHOOLS & WORK
The school and work pages of the site performed the same as the other pages but also served their importance in providing information that lived on one page that would normally be held on several different sites. In regard to schools, users could click on this page and get information about the best schools in the area but also a directory of schools that would click out to their individual websites. For work, someone could easily view new job listings in the area as well as a map to see how long a commute to work would be.
• CONCLUSION
I am very proud of the final design of the site. The look is very minimal but the yellow and blue pop on the page so that it stands out. The achievement of this project for me was successfully creating a functioning way for users to be able to easily get so much information all stored on one site. It was a pleasure to be able to have such an important role in the design and logic of the OnlyInIrvine website.
• CONCLUSION
I am very proud of the final design of the site. The look is very minimal but the yellow and blue pop on the page so that it stands out. The achievement of this project for me was successfully creating a functioning way for users to be able to easily get so much information all stored on one site. It was a pleasure to be able to have such an important role in the design and logic of the OnlyInIrvine website.
• CONCLUSION
I am very proud of the final design of the site. The look is very minimal but the yellow and blue pop on the page so that it stands out. The achievement of this project for me was successfully creating a functioning way for users to be able to easily get so much information all stored on one site. It was a pleasure to be able to have such an important role in the design and logic of the OnlyInIrvine website.