SCOUT WEB DESIGN

web  •  ui/ux  •  branding

 


 

 

SCOUT WEB DESIGN

web  •  ui/ux  •  branding


 

 

Overview
Scout is a student-lead design studio at Northeastern. It is a part of the entrepreneurship ecosystem called Mosaic, and aims to foster an inclusive design community through real client work, speaker series, and interactive workshops.  

 

Overview
Scout is a student-lead design studio at Northeastern. It is a part of the entrepreneurship ecosystem called Mosaic, and aims to foster an inclusive design community through real client work, speaker series, and interactive workshops.  

 
 

Overview
Scout is a student-lead design studio at Northeastern. It is a part of the entrepreneurship ecosystem called Mosaic, and aims to foster an inclusive design community through real client work, speaker series, and interactive workshops.  

 


Role
studio designer
As a studio designer, I was a part of Scout Website team and our client was Scout itself. Along with four other designers and developers, I rebranded Scout's website and designed the brand book.
 
Role
studio designer
As a studio designer, I was a part of Scout Website team and our client was Scout itself. Along with four other designers and developers, I rebranded Scout's website and designed the brand book.

 


 
Role
studio designer
As a studio designer, I was a part of Scout Website team and our client was Scout itself. Along with four other designers and developers, I rebranded Scout's website and designed the brand book.

 

 
scout-home-min

Design Process for Scout Website
Since Scout already has a well-established visual identity on campus, our goal was to amp up the existing brand elements. We chose to enhance the current identity by giving it a bolder voice. While keeping the iconic Scout Teal, we came up with a punchier color palette.

The main criteria of the website redesign was to create a fully responsive, clean, and informative website that still conveys Scout's experimental and quirky character. We achieved that professional yet exploratory feel through maximizing the white space & adhering to the grid system and adding fun sprinkle elements.

Design Process for Scout Website
Since Scout already has a well-established visual identity on campus, our goal was to amp up the existing brand elements. We chose to enhance the current identity by giving a bolder voice. While keeping the iconic Scout Teal, we came up with a punchier color palette.

The main criteria of the website redesign was to create a fully responsive, clean, and informative website that still conveys Scout's experimental and quirky character. We achieved that professional yet exploratory feel through maximizing the white space & adhering to the grid system and adding fun sprinkle elements.

Design Process for Scout Website
Since Scout already has a well-established visual identity on campus, our goal was to amp up the existing brand elements. We chose to enhance the current identity by giving a bolder voice. While keeping the iconic Scout Teal, we came up with a punchier color palette.

The main criteria of the website redesign was to create a fully responsive, clean, and informative website that still conveys Scout's experimental and quirky character. We achieved that professional yet exploratory feel through maximizing the white space & adhering to the grid system and adding fun sprinkle elements.

Design Process for Scout Website
Since Scout already has a well-established visual identity on campus, our goal was to amp up the existing brand elements. We chose to enhance the current identity by giving a bolder voice. While keeping the iconic Scout Teal, we came up with a punchier color palette.

The main criteria of the website redesign was to create a fully responsive, clean, and informative website that still conveys Scout's experimental and quirky character. We achieved that professional yet exploratory feel through maximizing the white space & adhering to the grid system and adding fun sprinkle elements.

Design Process for Scout Website
Since Scout already has a well-established visual identity on campus, our goal was to amp up the existing brand elements. We chose to enhance the current identity by giving a bolder voice. While keeping the iconic Scout Teal, we came up with a punchier color palette.

The main criteria of the website redesign was to create a fully responsive, clean, and informative website that still conveys Scout's experimental and quirky character. We achieved that professional yet exploratory feel through maximizing the white space & adhering to the grid system and adding fun sprinkle elements.

Branding 

color palette
brand 1-min
typography
brand 3-min
decorative elements
brand 4-min
brand 5-min

Sitemap + Wireframes

sitemap
Screen Shot 2020-06-14 at 2.52.54 AM-min
lo-fi wireframes
scout-wireframe-min

Final Design

The new website is now live. Check it out below!

The new website is now live. Check it out below!

The new website is now live. Check it out below!

The new website is now live. Check it out below!

homepage hifi
homepage hifi
scout-home2-min
apply to students page hifi
scout-home3-min-min