http://www.nicoleroppel.com/portfolio daily 1.0 2015-10-04 https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/t/5604ab5de4b0bd681cb8cb55/1443146589254/twitter-1.jpg Portfolio https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/t/5604af29e4b0055d571bcc1c/1443147553122/social-1.jpg Portfolio https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/t/55d8c86ae4b0910da0932baa/1440270442233/phobia-1.jpg Portfolio https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/t/56036561e4b0dc68f61b82c7/1440380322542/weschools-hero.jpg Portfolio https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/t/56034985e4b0aacbd51bf8be/1443056010079/weday-thumb.jpg Portfolio https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/t/55d8bf7de4b0dd59bc96322a/1440268150021/kiosk-hero.jpg Portfolio https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/t/55d8c228e4b061a93d812cda/1440268840970/personalities-hero.jpg Portfolio https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/t/55d677f1e4b013bac7a4b588/1440118769811/tootsies1.png Portfolio https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/t/55d65414e4b05d42c0a604e5/1440109588191/cootie1.jpg Portfolio https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/t/55d6806fe4b0d6f5596a7956/1440120943795/trips1.png Portfolio https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/t/55d8bddee4b07bbfae458b7b/1440267736277/app-hero.jpg Portfolio https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/t/55d9139be4b051313513b2d0/1440289691426/broadcast-hero.jpg Portfolio https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/t/55d94962e4b0e2780703fcaa/1440303458191/we-hero.jpg Portfolio https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/t/56116b7ee4b02dbd2342ddf1/1443982210054/year-of-1.jpg Portfolio https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/t/55da5b9ce4b0dfd79804e4b0/1440273134632/poster-hero.jpg Portfolio https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/t/55da9ae7e4b08af9f61cf341/1440389686376/wcc-hero.jpg Portfolio https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/t/55f60d82e4b081f8cd9feaf4/1440266792427/encore-hero-2.jpg Portfolio https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/t/5604a7d7e4b0e2867ab165d1/1443145687762/nordest-1.jpg Portfolio https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/t/56116667e4b00e2783b91692/1443980907295/aav-1.jpg Portfolio http://www.nicoleroppel.com/work daily 0.75 2015-08-25 http://www.nicoleroppel.com/weorg daily 0.75 2018-06-10 https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/t/5b1d630ff950b7c363c4352f/1528652562216/we-org.png We.org https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/5b1c6df68a922ddcbe1c9529/5b1d69c903ce640b7edc3c19/1528654315806/we-1-2.jpg We.org Free The Children, We Day and Me to We underwent a rebrand. Websites were updated to reflect the new look and feel and the overall idea of 'WE'. In the new design, the emphasis is put on photography and visual storytelling. https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/5b1c6df68a922ddcbe1c9529/5b1d6a08f950b7c363c529e8/1528654347435/we-2-2.jpg We.org https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/5b1c6df68a922ddcbe1c9529/5b1d6a0f758d46508adeeb8f/1528654355861/we-3-2.jpg We.org https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/5b1c6df68a922ddcbe1c9529/5b1d6a1c8a922ddcbe334561/1528654366445/we-4-2.jpg We.org https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/5b1c6df68a922ddcbe1c9529/5b1d6a2370a6ad394eae393f/1528654374407/we-5-2.jpg We.org http://www.nicoleroppel.com/free-the-children-holiday daily 0.75 2018-06-10 https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/t/5b1d425e03ce640b7ed6f31e/1528644192187/ftc-holiday.png Free The Children - Holiday https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/5b1c6e3a0e2e7242edaecb73/5b1da8c28a922ddcbe3c6301/1528670417711/holiday-1.jpg Free The Children - Holiday - Section title Proin nec venenatis mauris. Etiam quis vulputate urna. Etiam tempor tristique molestie. Sed eleifend blandit venenatis. Vivamus id ullamcorper ipsum. Aenean vulputate nisi eros, sit amet gravida purus sodales quis. Donec elit ligula, euismod ut ipsum eu, placerat pulvinar felis. Donec porttitor ornare dui. Phasellus pellentesque quis quam euismod eleifend. Sed fermentum, sem finibus bibendum tempus, ex neque elementum massa, sed efficitur nisi libero at felis. Aliquam nisl purus, blandit ut consectetur lacinia, ultricies vel turpis. Integer nec nisi arcu. Duis suscipit pharetra elementum. Suspendisse facilisis tortor vel dignissim tempus. Quisque ornare a ex ac placerat. https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/5b1c6e3a0e2e7242edaecb73/5b1d281470a6ad394ea60cd2/1528637462827/portrait-black.jpg Free The Children - Holiday http://www.nicoleroppel.com/we-365 daily 0.75 2018-06-10 https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/t/5b1d416870a6ad394ea8bc3a/1528643946286/we365.png We365 https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/5b1c82a803ce640b7ec7dfb9/5b1c82b288251b5f8fa27972/1528641241203/app-hero.jpg We365 We deliver you inspiring challenges daily. Care about the environment? Want to beat cancer? We365 makes taking positive action and tracking your impact simple. https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/5b1c82a803ce640b7ec7dfb9/5b1d36f0f950b7c363be7534/1528641267159/app-1.jpg We365 https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/5b1c82a803ce640b7ec7dfb9/5b1d370c8a922ddcbe2c9b46/1528641312227/app-2-2.jpg We365 On the platform, there are various levels of achievement users can reach. Once a particular benchmark has been reached, a badge is issued to the user. https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/5b1c82a803ce640b7ec7dfb9/5b1d3745758d46508ad84427/1528641361120/app-5.jpg We365 These rewards encourage social actions (adding friends, following), interacting with content (liking, commenting), taking challenges, and tracking your volunteer hours. They are designed to be relevant to the audience with fun, bright colours, and pop-culture references. https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/5b1c82a803ce640b7ec7dfb9/5b1d37706d2a73a4cf3b2172/1528641397046/app-7.jpg We365 https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/5b1c82a803ce640b7ec7dfb9/5b1d377e0e2e7242edbecef8/1528641410996/app-8-2.jpg We365 https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/5b1c82a803ce640b7ec7dfb9/5b1d37a48a922ddcbe2cab2a/1528643898752/app-9.jpg We365 Official Honoree in the 19th Annual Webby Awards in the Mobile: Best Visual Design - Function and Mobile: Social categories. We365 is an initiative of Free The Children and TELUS, built by Clearbridge Mobile. http://www.nicoleroppel.com/encore-sport daily 0.75 2018-06-18 https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/t/5b1d6289562fa7f5d3943fec/1528652427545/encore-2.png Encore Sport Tours https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/5b1d288d2b6a282a61749c49/5b24567e88251ba762b688f3/1529289002485/encore-hero.png Encore Sport Tours Encore came forward looking to update their branding, focus their content, and improve the user experience of their site to highlight their amazing experiences. https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/5b1d288d2b6a282a61749c49/5b247a26352f53967a32acd3/1529289018977/split-black-white.jpg Encore Sport Tours - Getting started David McCabe, president of Encore, was an educator and athletic coach 12 years prior to founding the business, and as a result had a deep understanding of challenges and logistics faced by coaches and teachers looking to plan a trip. Before getting started, we wanted to validate that our assumptions on the challenges still existed. I was a student athlete in high school, as well as a few friends, so I reached out to our previous coaches to conduct a quick survey. With these results, we crafted a persona that we used as the basis for our site changes moving forward. https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/5b1d288d2b6a282a61749c49/5b246a4203ce643d6e252ee2/1529262483150/encore-persona.jpg Encore Sport Tours - Current site https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/5b1d288d2b6a282a61749c49/5b2470318a922d271032aa56/1529262444357/old-site-encore.jpg Encore Sport Tours - Empathy mapping https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/5b1d288d2b6a282a61749c49/5b247564562fa7107c7a7534/1529253307543/empathy-map.jpg Encore Sport Tours - As-is scenario Using the current structure of the site, I tracked Carol’s thoughts, feelings and actions as she goes through the three steps of planning a trip: research, planning, and payment. https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/5b1d288d2b6a282a61749c49/5b2476e18a922d27103354eb/1529255811102/as-is-scenario.jpg Encore Sport Tours From this exercise, I could determine that the research aspect of the site provided the biggest pain point. Information was duplicated in various places, and there was no one spot to see destinations, sports and available dates for a trip. Using that information, I crafted the to-be scenario for Carol. https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/5b1d288d2b6a282a61749c49/5b269750562fa7107caa76d0/1529256414561/to-be-scenario.jpg Encore Sport Tours - Wireframes After completing the initial exercises to understand the pain points, I jumped into sketching wireframes. https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/5b1d288d2b6a282a61749c49/5b2478af03ce643d6e26a31a/1529188434162/wireframe-1.jpg Encore Sport Tours https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/5b1d288d2b6a282a61749c49/5b2478d20e2e723648d8256e/1529188458802/wireframe-2.jpg Encore Sport Tours https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/5b1d288d2b6a282a61749c49/5b24793e0e2e723648d82fc7/1529188762846/wireframe-3.jpg Encore Sport Tours After completing the wireframes, I ran some informal tests to get feedback on the new information layout. While the simplification of the blocks of content was well received, it was difficult to jump from section to section on a whim. Instead, you needed to follow a carefully constructed path to get to certain pieces of information, which made it difficult to search quickly. Back to drawing board I went! https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/5b1d288d2b6a282a61749c49/5b25941f88251ba762d4651e/1529189412016/wireframes2-1.jpg Encore Sport Tours https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/5b1d288d2b6a282a61749c49/5b259447f950b7fedf0853de/1529189452668/wireframes2-2.jpg Encore Sport Tours https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/5b1d288d2b6a282a61749c49/5b259467aa4a99e2ba26adab/1529189841758/wireframes2-3.jpg Encore Sport Tours With the new wireframes completed, I ran more tests to see if the updates make the navigation easier. It was a success! Pulling out the navigation, and simplifying the amount of drilling in required on each page to find information made it a much more pleasant experience to read through. Before I started applying the visual layer, I compiled a mood board for my inspiration and got to work. https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/5b1d288d2b6a282a61749c49/5b247a170e2e723648d84619/1529269149334/mood-board.jpg Encore Sport Tours I started with updating the Encore logo. Emphasizing Encore as a Canadian company was important so I maintained the maple leaf, simply removing unnecessary movement lines. https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/5b1d288d2b6a282a61749c49/5b1d6a8b352f539420043303/1529269541445/encore-logo.jpg Encore Sport Tours Navigation icons and other such things! https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/5b1d288d2b6a282a61749c49/5b1d6a822b6a282a617cc449/1528654468152/encore-2.jpg Encore Sport Tours https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/5b1d288d2b6a282a61749c49/5b2478736d2a73b36ba031cf/1529188928101/portrait-black.jpg Encore Sport Tours https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/5b1d288d2b6a282a61749c49/5b247a6a0e2e723648d84fd4/1529117292880/portrait-black.jpg Encore Sport Tours https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/5b1d288d2b6a282a61749c49/5b247a82575d1f6f791d681a/1529117383093/split-black-white.jpg Encore Sport Tours Lorem ipsum dolor sit amit… https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/5b1d288d2b6a282a61749c49/5b247bbf6d2a73b36ba08939/1529117634405/portrait-black.jpg Encore Sport Tours http://www.nicoleroppel.com/watson-customer-engagement daily 0.75 2018-06-10 https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/t/5b1d6519758d46508ade3ae4/1528653083614/peretz.png Watson Customer Engagement Design System https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/5b1d2a43f950b7c363bd362c/5b1d2a6d70a6ad394ea6498c/1528638073338/split-black-white.jpg Watson Customer Engagement Design System - Section title Morbi fermentum egestas ipsum. Donec neque metus, aliquam nec erat vel, fringilla porttitor orci. Duis a posuere dolor. In hac habitasse platea dictumst. Etiam convallis in diam non dapibus. Sed a pharetra risus. Aenean posuere arcu mauris, vitae pulvinar enim mollis sit amet. Maecenas interdum tempus neque et mollis. Mauris id dignissim odio. In feugiat in lacus eget porta. Nulla non blandit lorem. Nulla eleifend, nisl quis bibendum imperdiet, nulla ante efficitur sem, in egestas lectus arcu vel tortor. Integer quis pulvinar ipsum. Quisque in nisi sit amet justo iaculis elementum. Nullam sed varius turpis, sed sollicitudin elit. Mauris scelerisque nulla et risus dapibus, eget fermentum mi dignissim. https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/5b1d2a43f950b7c363bd362c/5b1d2a82575d1f37d73a3b32/1528638085795/portrait-black.jpg Watson Customer Engagement Design System http://www.nicoleroppel.com/watson-marketing-insights daily 0.75 2018-06-10 https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/t/5b1d4a8d03ce640b7ed808c0/1528646288849/WMI.png Watson Marketing Insights https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/5b1d2b2a88251b5f8faf0665/5b1d2b6d575d1f37d73a52a8/1528638331959/split-black-white.jpg Watson Marketing Insights - Section title Phasellus ultricies laoreet ipsum, vitae gravida tortor aliquam a. Aliquam mattis nisi tempor tortor eleifend ultrices. Proin vel odio purus. Praesent eget nisl sit amet velit feugiat aliquam. Duis et massa malesuada, rhoncus velit ac, commodo ipsum. Integer felis tellus, placerat id suscipit nec, rutrum sed leo. Maecenas eleifend elit non dapibus aliquam. Suspendisse eget nibh diam. Quisque interdum varius enim quis mollis. In ultrices bibendum tincidunt. https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/5b1d2b2a88251b5f8faf0665/5b1d2b818a922ddcbe2b7895/1528638340259/portrait-black.jpg Watson Marketing Insights http://www.nicoleroppel.com/we365-marketing daily 0.75 2018-06-10 https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/t/5b1d4e6e2b6a282a6178f2eb/1528647280344/we365-release.png We365 Marketing https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/5b1d2bca6d2a73a4cf39fba1/5b1d2bf0f950b7c363bd605e/1528638469556/split-black-white.jpg We365 Marketing - Section title Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pellentesque id sem non fringilla. Curabitur lobortis quis ante eget vulputate. Cras quis diam ac lectus tempor laoreet. Vestibulum tristique laoreet sem sit amet tincidunt. Nam venenatis justo at ligula sodales, eget congue justo placerat. Aliquam augue tellus, tristique id dapibus sed, vehicula quis neque. In hac habitasse platea dictumst. Aenean finibus dictum metus, at luctus arcu pulvinar ac. Sed ligula massa, condimentum sed nunc eget, finibus consectetur nisl. Proin nec venenatis mauris. Etiam quis vulputate urna. Etiam tempor tristique molestie. Sed eleifend blandit venenatis. Vivamus id ullamcorper ipsum. Aenean vulputate nisi eros, sit amet gravida purus sodales quis. Donec elit ligula, euismod ut ipsum eu, placerat pulvinar felis. Donec porttitor ornare dui. Phasellus pellentesque quis quam euismod eleifend. Sed fermentum, sem finibus bibendum tempus, ex neque elementum massa, sed efficitur nisi libero at felis. Aliquam nisl purus, blandit ut consectetur lacinia, ultricies vel turpis. Integer nec nisi arcu. Duis suscipit pharetra elementum. Suspendisse facilisis tortor vel dignissim tempus. Quisque ornare a ex ac placerat. Sed diam augue, aliquet sit amet ultrices in, semper vel nulla. Vivamus orci nisl, tristique in sagittis sit amet, rutrum at mauris. Curabitur eget pulvinar orci, quis ullamcorper tortor. Donec ut velit sollicitudin, faucibus lorem non, dapibus dolor. Quisque suscipit porta egestas. Praesent nisi nunc, lacinia placerat dolor nec, hendrerit rhoncus ligula. Duis vestibulum ultricies neque, eu varius magna volutpat quis. Praesent dolor nunc, faucibus eget vehicula nec, tempor id quam. Donec a semper felis, eu venenatis metus. Vivamus vitae ipsum mattis, interdum est sit amet, molestie orci. https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/5b1d2bca6d2a73a4cf39fba1/5b1d2c0b575d1f37d73a602d/1528638478803/portrait-black.jpg We365 Marketing http://www.nicoleroppel.com/bits-and-pieces daily 0.75 2018-06-10 https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/t/5b1d683470a6ad394eadf807/1528653877684/misc-4.png Bits and pieces https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/5b1d2c5aaa4a99b2fbc5a711/5b1d2d25575d1f37d73a7bf3/1528638788453/split-black-white.jpg Bits and pieces - Section title Proin nec venenatis mauris. Etiam quis vulputate urna. Etiam tempor tristique molestie. Sed eleifend blandit venenatis. Vivamus id ullamcorper ipsum. Aenean vulputate nisi eros, sit amet gravida purus sodales quis. Donec elit ligula, euismod ut ipsum eu, placerat pulvinar felis. Donec porttitor ornare dui. Phasellus pellentesque quis quam euismod eleifend. Sed fermentum, sem finibus bibendum tempus, ex neque elementum massa, sed efficitur nisi libero at felis. Aliquam nisl purus, blandit ut consectetur lacinia, ultricies vel turpis. Integer nec nisi arcu. Duis suscipit pharetra elementum. Suspendisse facilisis tortor vel dignissim tempus. Quisque ornare a ex ac placerat. https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/5b1d2c5aaa4a99b2fbc5a711/5b1d2d4c352f539420fc797d/1528638798618/portrait-black.jpg Bits and pieces http://www.nicoleroppel.com/about daily 0.75 2018-12-21 http://www.nicoleroppel.com/about-1 daily 0.75 2018-06-10 https://static1.squarespace.com/static/55d652dbe4b0f7482bcd5238/t/5b1d354e8a922ddcbe2c6e37/1528640857989/nicole.jpg About