New Responsive Outre Dot Com
Outre's previous website was problematic; both in managing the site internally, and engaging the company's target audience externally. The following is an oversimplification, but these were the top 4 objectives to achieve when re–designing and re–developing Outre's website:
1. Correct the misrepresentation of the company brand
2. Provide an engaging user-experience & keep current with Outre's base audience
3. Organize & improve the presentation of Outre's many product lines
4. Merge 2 sites—1 desktop & 1 mobile— into 1 seamless responsive website across devices

ROLE:
Planned & designed user experiences, led art direction & front-end design for desktop & mobile devices, provided photo retouching, produced web media(video), coordinated with partnered web developer JPD Studio

TOOLS:
Illustrator, Photoshop, Dreamweaver, Wordpress
Outre Website Before
Old Outre Website Example
Outre Website After
Outre New Homepage Menu
homepage_above_the_fold_off_canvas_menu
Outre New Homepage Search
homepage_above_the_fold_fly_out_searchquery
Outre New Homepage Nav
homepage_above_the_fold_fullscreen_dropdown_nav
Outre New Homepage Full
high_fidelity_homepage_full_body
Outre New Innerpage
high_fidelity_products_page
Outre New Innerpage
high_fidelity_inner_product_page
Outre New Innerpage
high_fidelity_inner_product_page_accordion_menu
New Outre Responsive Site Devices
responsive_homepage_&_inner_productpage
wireframing & pre–planning
Of course the new website turned out better than expected do to pre–planning and low fidelity wireframing. This allowed our in–house design team with our partnered web developer: JPD Studio, to plan for better site functionality, organization of content, and a more engaging user–experience.
Outre New Website Wireframes
Outre New Website Wireframes
Outre New Website Wireframes
Outre New Website Wireframes

Featured Projects

To The Moon ⬆︎