https://bessclarkdesign.com Bess Clark Wed, 30 Jan 2019 20:53:00 +0000 https://bessclarkdesign.com en https://bessclarkdesign.com/GrubCentral Mon, 13 Aug 2018 01:20:56 +0000 Bess Clark https://bessclarkdesign.com/GrubCentral GRUBCENTRALDesigned at Grubhub <img width="1099" height="738" width_o="1099" height_o="738" data-src="https://freight.cargo.site/t/original/i/fa6636bc675460531ba74a70dc8fab366d4e721c7c8b00d05f6a5a43095d02f2/Grubhub-GrubCentral.png" data-mid="38091594" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/fa6636bc675460531ba74a70dc8fab366d4e721c7c8b00d05f6a5a43095d02f2/Grubhub-GrubCentral.png" /> CHALLENGERestaurants relied on the customer care team to adjust menu items, individual orders, store hours, etc. I created ways to help restaurant owners and employees have control over their Grubhub experience. MAIN OBJECTIVECreate a web application to serve as the one-stop-shop for Grubhub’s restaurant partners. MY ROLEUser Experience Design, Interface Design,&nbsp;Branding, Usability Testing, and Prototyping COLLABORATORSProduct Management, Development, Research, Customer Care, and Data INITIATIVES ORDER PROCESSINGI designed a responsive tool for restaurant employees to quickly manage their menu, orders, hours, and more. This web application is utilized in 50,000+ restaurants across the United States every day. I also designed many unique icons to differentiate order type (spill-prone orders, bicycle delivery pickup, etc.). <img width="2978" height="1986" width_o="2978" height_o="1986" data-src="https://freight.cargo.site/t/original/i/ef24de6aca5f78d70d09f5de97827c162f1c5e6272102699a0757a937a38d0da/Order-Processing-Mockup.jpg" data-mid="40467563" border="0" src="https://freight.cargo.site/w/1000/i/ef24de6aca5f78d70d09f5de97827c162f1c5e6272102699a0757a937a38d0da/Order-Processing-Mockup.jpg" /><img width="1280" height="270" width_o="1280" height_o="270" data-src="https://freight.cargo.site/t/original/i/7c49d26e0e681eca18707b5a274dac3ca8ef920f0878e9df3265a4b88eeb84d2/Icons-Grubhub_V2.jpg" data-mid="40468539" border="0" src="https://freight.cargo.site/w/1000/i/7c49d26e0e681eca18707b5a274dac3ca8ef920f0878e9df3265a4b88eeb84d2/Icons-Grubhub_V2.jpg" /> ORDER ADJUSTMENTWhether it’s extra guacamole or a side of fries, order changes are inevitable. I designed a simplified adjustment experience that fit our fast-paced user needs. This solution reduced interaction time and reduced calls to customer care. <img width="3083" height="2197" width_o="3083" height_o="2197" data-src="https://freight.cargo.site/t/original/i/e6437574e36d82b9d6401df9a44cbd5d36274944f5e8a882f0644032274e01ac/Adjust-Order_V3.jpg" data-mid="40467128" border="0" src="https://freight.cargo.site/w/1000/i/e6437574e36d82b9d6401df9a44cbd5d36274944f5e8a882f0644032274e01ac/Adjust-Order_V3.jpg" /> BENEFITS︎ No typing ︎ No hidden content︎ Smart defaults︎ No unnecessary form fieldsREASONING BEHIND CHANGES Since there is usually one person managing each Grubhub tablet, I don’t need their name everytime they adjust an order.Users interact with the tablets at arms-length, so they need massive touch-targets.Users have tons of responsibilities, so I expedited the order-adjustment process by integrating data-informed selection choices. RATE YOUR DRIVERSThere were three key reasons to collect driver feedback from restaurant partners. First, it could quickly identify problematic drivers. Second, high-performing drivers could be appropriately awarded. And last, driver ratings could highlight differentiating factors about Grubhub delivery services. I conducted research with restaurant employees to determine the most common feedback scenarios, wire-framed the user experience flow, and applied branded UI components. I also worked closely with the development and business teams to create a solution within our development constraints. This feature was popular with restaurant partners, because it helped them feel valued and listened to. <img width="3083" height="2062" width_o="3083" height_o="2062" data-src="https://freight.cargo.site/t/original/i/d554097c875c8aad59c5caa83e83dfb7d56177bd7a8a1adf46b8921f9c61cfbc/Rate-Your-Driver-Comp.jpg" data-mid="40466385" border="0" src="https://freight.cargo.site/w/1000/i/d554097c875c8aad59c5caa83e83dfb7d56177bd7a8a1adf46b8921f9c61cfbc/Rate-Your-Driver-Comp.jpg" /> &nbsp; RESEARCH The environment is hectic The employees who utilize GrubCentral juggle an endless list of responsibilities. I respected that context by creating solutions that were simple, clean and quick. <img width="2128" height="791" width_o="2128" height_o="791" data-src="https://freight.cargo.site/t/original/i/19a8d7c2ac3b500c040500f865d240253aeb5883a1f69782dcb1b05afbded94d/busy-work-environment-edited.jpg" data-mid="34051775" border="0" src="https://freight.cargo.site/w/1000/i/19a8d7c2ac3b500c040500f865d240253aeb5883a1f69782dcb1b05afbded94d/busy-work-environment-edited.jpg" /> Managers are mobileRestaurant managers are constantly monitoring and engaging with their Grubhub account on-the-go. I focused on lean, responsive experiences which were accessible from any device.<img width="2128" height="791" width_o="2128" height_o="791" data-src="https://freight.cargo.site/t/original/i/0d030522819152258401bc4112d32963f77625c8cc9d23fdc93e7044c9cec99c/busy-guy.jpg" data-mid="34052596" border="0" src="https://freight.cargo.site/w/1000/i/0d030522819152258401bc4112d32963f77625c8cc9d23fdc93e7044c9cec99c/busy-guy.jpg" /> Not afraid to end the relationshipThere are countless competitors in the delivery marketplace. Since the top prioirity is serving and satisfying the greatest number of customers, restaurants wouldn’t hesitate to break ties with a cumbersome delivery platform. I needed to make GrubCentral the best delivery tool.<img width="2128" height="791" width_o="2128" height_o="791" data-src="https://freight.cargo.site/t/original/i/d101e174f343ed883c6df437c84fe631bb950acf8b1afeb698114a6407dc7642/busy-kitchen-2.jpg" data-mid="34052754" border="0" src="https://freight.cargo.site/w/1000/i/d101e174f343ed883c6df437c84fe631bb950acf8b1afeb698114a6407dc7642/busy-kitchen-2.jpg" /> ︎ Now I'm interested in hearing about your business. Message me and let's talk! ︎ LAST&nbsp;•&nbsp;NEXT ︎ https://bessclarkdesign.com/Grubhub-Delivery Mon, 13 Aug 2018 01:20:57 +0000 Bess Clark https://bessclarkdesign.com/Grubhub-Delivery GRUBHUB FOR DRIVERSDesigned at Grubhub <img width="583" height="385" width_o="583" height_o="385" data-src="https://freight.cargo.site/t/original/i/809901c50990a5f22e9fc6c7f98f7572aa47a414aecfd7de206670f159793d6a/Delivery-Guy.jpg" data-mid="38126902" border="0" data-scale="100" src="https://freight.cargo.site/w/583/i/809901c50990a5f22e9fc6c7f98f7572aa47a414aecfd7de206670f159793d6a/Delivery-Guy.jpg" /> BACKGROUNDIn 2014, Grubhub began offering delivery services to their restaurant partners. I played a crucial role on the team that developed tools to attract these new contractors and fulfill their work responsibilities. EASY LOG IN CHALLENGEUnlocking mobile devices with Touch ID and Face ID became popular across cell phone manufacturers in 2018. I utilized the new technology to improve the application experience for Grubhub’s delivery drivers. OBJECTIVERedesign the log in experience to allow for Touch ID and Face ID capabilities. MY ROLEUser Experience Design COLLABORATORSDevelopment and Product Management <img width="1207" height="853" width_o="1207" height_o="853" data-src="https://freight.cargo.site/t/original/i/16a33503d76659126a12c28fea9cec99b45278ce39e39c31eb17f7c3259e9480/Phone-Touch-ID-Log-In.jpg" data-mid="37667347" border="0" src="https://freight.cargo.site/w/1000/i/16a33503d76659126a12c28fea9cec99b45278ce39e39c31eb17f7c3259e9480/Phone-Touch-ID-Log-In.jpg" /> USER FLOWS<img width="3091" height="1919" width_o="3091" height_o="1919" data-src="https://freight.cargo.site/t/original/i/8cbfbe2bf985b121ebaac2c489634a6c0699208ee35d991d8b1b929a529dc4be/Touch-ID-Flow.jpg" data-mid="37667132" border="0" src="https://freight.cargo.site/w/1000/i/8cbfbe2bf985b121ebaac2c489634a6c0699208ee35d991d8b1b929a529dc4be/Touch-ID-Flow.jpg" /> <img width="6644" height="5153" width_o="6644" height_o="5153" data-src="https://freight.cargo.site/t/original/i/0bf066c4350e7651710a4eddad46e0600b2ff7a3cdf37153846ee7fa5d46810d/iOS-Flow.jpg" data-mid="38051551" border="0" src="https://freight.cargo.site/w/1000/i/0bf066c4350e7651710a4eddad46e0600b2ff7a3cdf37153846ee7fa5d46810d/iOS-Flow.jpg" /> <img width="3380" height="1187" width_o="3380" height_o="1187" data-src="https://freight.cargo.site/t/original/i/3fb59ff0c52694ef37a3a24c28636bd3db431becf790f8db1de4ba40f5b9f04d/Android-From-Settings.jpg" data-mid="38125449" border="0" src="https://freight.cargo.site/w/1000/i/3fb59ff0c52694ef37a3a24c28636bd3db431becf790f8db1de4ba40f5b9f04d/Android-From-Settings.jpg" /> <img width="3250" height="3485" width_o="3250" height_o="3485" data-src="https://freight.cargo.site/t/original/i/67fcf24917f0563e5568ea7f5dac1791bba23cdf87101f1f8b92da735fcba86b/iOS-From-Log-In.jpg" data-mid="38125471" border="0" src="https://freight.cargo.site/w/1000/i/67fcf24917f0563e5568ea7f5dac1791bba23cdf87101f1f8b92da735fcba86b/iOS-From-Log-In.jpg" /> RECRUITMENT <img width="3131" height="2151" width_o="3131" height_o="2151" data-src="https://freight.cargo.site/t/original/i/ff604b1aa7e57fa93d0844e3339671be69496aba86c76ae219d50ee7d238413d/Recruitment-Mobile-Mockups_V3.jpg" data-mid="40518811" border="0" src="https://freight.cargo.site/w/1000/i/ff604b1aa7e57fa93d0844e3339671be69496aba86c76ae219d50ee7d238413d/Recruitment-Mobile-Mockups_V3.jpg" />CHALLENGE Grubhub’s delivery driver recruitment experience needed to attracted top-tier contractors and funneled them quickly through the hiring process. MY ROLEArt Direction, User Experience Design, Content Strategy, and Visual Design COLLABORATORSDevelopment, Research, Content, and Recruitment RESEARCHI conducted interviews with dozens of experienced delivery drivers. In these conversations, I learned what they valued most about their jobs; the paycheck, job flexibility, and social interactions. I made sure to include these components on the recruitment website. Also, I learned that the target audience was reliant on their smart phone as their main tech device, so I needed to create a mobile-centric solution. <img width="2128" height="791" width_o="2128" height_o="791" data-src="https://freight.cargo.site/t/original/i/bf33218e7fd6538467ad010681e01d2bb9d66888e86f30c6d9811129d5bf3aee/driver-research.jpg" data-mid="34079907" border="0" src="https://freight.cargo.site/w/1000/i/bf33218e7fd6538467ad010681e01d2bb9d66888e86f30c6d9811129d5bf3aee/driver-research.jpg" /> PROTOTYPEBased on my initial sketches, I created a mobile prototype in order to get high-level feedback from various stakeholders about the content. From this exercise, I learned three key takeaways. First, the unique selling propositions I discovered during the research stage were validated. Second, featuring the major cities was risky because building a database of potential drivers was the priority and I didn’t want people to not apply based on that information. And lastly,&nbsp;I needed to include the abbreviated application form on the landing page in order to maximize applications submitted. <img width="2574" height="2063" width_o="2574" height_o="2063" data-src="https://freight.cargo.site/t/original/i/d8ad1bae1b82160e45ac71064b05b2627d14127098ad588b138ddf78fd74dd5a/Recruitment-iPhone-Wireframe-Mockup.jpg" data-mid="40525703" border="0" src="https://freight.cargo.site/w/1000/i/d8ad1bae1b82160e45ac71064b05b2627d14127098ad588b138ddf78fd74dd5a/Recruitment-iPhone-Wireframe-Mockup.jpg" /> FINAL PRODUCT The left column features perks of working for Grubhub, while the right side displays necessary criteria in order to be applicable for the role. The addition of the quick checklist saved valuable time for the recruiters. <img width="1900" height="1803" width_o="1900" height_o="1803" data-src="https://freight.cargo.site/t/original/i/ed8df21bae3375c2ad24e138b80874df91a0938dfecfda74c74a56daccda9426/Recruitment-Compare_V2.jpg" data-mid="40518652" border="0" src="https://freight.cargo.site/w/1000/i/ed8df21bae3375c2ad24e138b80874df91a0938dfecfda74c74a56daccda9426/Recruitment-Compare_V2.jpg" /> ︎ Interested in working together? Send me a message! ︎ LAST&nbsp;•&nbsp;NEXT ︎ https://bessclarkdesign.com/Humana Tue, 14 Aug 2018 02:05:33 +0000 Bess Clark https://bessclarkdesign.com/Humana HUMANA Humana provides health insurance to over 13 million people in the United States. <img width="3034" height="1931" width_o="3034" height_o="1931" data-src="https://freight.cargo.site/t/original/i/fa043de1f78aafda087a58711152016c042c0a411c8c0f73132fef8611263bbd/Humana-Family.jpg" data-mid="39901811" border="0" src="https://freight.cargo.site/w/1000/i/fa043de1f78aafda087a58711152016c042c0a411c8c0f73132fef8611263bbd/Humana-Family.jpg" /> OBJECTIVE Focus on developing brand systems, creating responsive experiences, and delivering pixel-perfect compositions. MY ROLE User Interface Design, Branding, and Photo Editing COLLABORATORS Project Management, Development, Content, and Legal INITIATIVES HOME PAGECompelling photography was a key element of Humana’s brand. One of my responsibilities was to find appropriate images which fit within our strict brand guidelines and adjust them to fit our wide desktop experiences. The photography needed to be engaging, optimistic, and reflective of our diverse audiences. <img width="1440" height="1039" width_o="1440" height_o="1039" data-src="https://freight.cargo.site/t/original/i/ffca4fad69d50c0b03227034ef758226a80bccc737caebe09d17a26d0cf82bfd/Hero-Banners-Comp-Recovered_V2.jpg" data-mid="40457498" border="0" src="https://freight.cargo.site/w/1000/i/ffca4fad69d50c0b03227034ef758226a80bccc737caebe09d17a26d0cf82bfd/Hero-Banners-Comp-Recovered_V2.jpg" /> HELP WIDGET Sometimes complex questions can only be answered by another human. I designed the help widget featured on both the public site and private member portal. Several variations of this feature were required to communicate variations in the availability of the call center, live chat operators, etc.<img width="950" height="700" width_o="950" height_o="700" data-src="https://freight.cargo.site/t/original/i/7a4d49d03e702a9576c49937159d4841b2b82dc3df77b26c79210e39ae49f455/chat-2.jpg" data-mid="22793127" border="0" src="https://freight.cargo.site/w/950/i/7a4d49d03e702a9576c49937159d4841b2b82dc3df77b26c79210e39ae49f455/chat-2.jpg" /> CHAT EXPERIENCEOnce a user selected “Chat with Humana”, they were connected with the appropriate care specialist through a brief survey (left). Then they would begin an active chat experience (right). This modal would appear in a separate window to allow free naviagte of the website, without exiting the chat session. <img width="3794" height="2653" width_o="3794" height_o="2653" data-src="https://freight.cargo.site/t/original/i/ca9144ea56bb2b47dfb0f4dd5307ef28ec19a24398a5f5978fa8dfc8d6359bc2/Humana-chat-modals.jpg" data-mid="23202005" border="0" src="https://freight.cargo.site/w/1000/i/ca9144ea56bb2b47dfb0f4dd5307ef28ec19a24398a5f5978fa8dfc8d6359bc2/Humana-chat-modals.jpg" />FIND A DOCTORAt Humana, I delivered elegant, yet complex online forms. I often employed ‘required’ form fields, helper bubbles, radio button options, drop downs, etc. Lastly, specifications were always delivered for both desktop and mobile screen sizes. <img width="1900" height="2406" width_o="1900" height_o="2406" data-src="https://freight.cargo.site/t/original/i/1e246a0655428285d08bca938127e378bb0cc657a53185b2df689703e7d0c834/Find-A-Doctor_Humana.jpg" data-mid="37717518" border="0" src="https://freight.cargo.site/w/1000/i/1e246a0655428285d08bca938127e378bb0cc657a53185b2df689703e7d0c834/Find-A-Doctor_Humana.jpg" /> ︎ I’d love to hear about your project. Send me a message! ︎ LAST&nbsp;•&nbsp;NEXT ︎ https://bessclarkdesign.com/The-Mama-Bear-Effect Wed, 30 Jan 2019 20:53:00 +0000 Bess Clark https://bessclarkdesign.com/The-Mama-Bear-Effect THE MAMA BEAR EFFECT The Mama Bear Effect is an organization dedicated to helping parents prevent child sexual abuse. <img width="7188" height="4797" width_o="7188" height_o="4797" data-src="https://freight.cargo.site/t/original/i/b89c5323ebfebd6d8b5280a6cef827505942763f0ab4c010b1cb594292e8890a/alexander-dummer-150646-unsplash.jpg" data-mid="35527360" border="0" src="https://freight.cargo.site/w/1000/i/b89c5323ebfebd6d8b5280a6cef827505942763f0ab4c010b1cb594292e8890a/alexander-dummer-150646-unsplash.jpg" /> MAIN GOALHow can we reduce the taboo of child sexual abuse, so parents and caregivers feel more comfortable educating and advocating for their children? COLLABORATORSThe Mama Bear Effect CEO and Copy Writer DISCLOSURE FLYER CHALLENGEThe graphic below was the most commonly downloaded resource on the organization’s website. I presented the valuable information in an impactful and visually-scannable way.MY ROLEContent Strategy, Copy Writing, and Graphic Design <img width="1897" height="1302" width_o="1897" height_o="1302" data-src="https://freight.cargo.site/t/original/i/42092a8af6f3b7ca0af905d72630048b78632f268dbc1534b11a5458df293f03/Disclosure-Flyer-Compare-V2.jpg" data-mid="35371840" border="0" src="https://freight.cargo.site/w/1000/i/42092a8af6f3b7ca0af905d72630048b78632f268dbc1534b11a5458df293f03/Disclosure-Flyer-Compare-V2.jpg" /><img width="1920" height="1280" width_o="1920" height_o="1280" data-src="https://freight.cargo.site/t/original/i/2c597040e91141fcfa06fefe92a65391f0f0c181e4681a8ea028fcc0a3332801/Flyer-Comp-V2.jpg" data-mid="35371005" border="0" src="https://freight.cargo.site/w/1000/i/2c597040e91141fcfa06fefe92a65391f0f0c181e4681a8ea028fcc0a3332801/Flyer-Comp-V2.jpg" /> SOCIAL MEDIA RESOURCE CHALLENGE This organization is lead by a stay-at-home mother of four children, so I gave her social media guidance which was simple yet powerful. MY ROLE Content Strategy and Graphic Design <img width="1297" height="1192" width_o="1297" height_o="1192" data-src="https://freight.cargo.site/t/original/i/f921a82bfe0b6659fbb386426c228339543095b04e5741e532ca67c335f872f0/Instagram-Posts.jpg" data-mid="37654589" border="0" src="https://freight.cargo.site/w/1000/i/f921a82bfe0b6659fbb386426c228339543095b04e5741e532ca67c335f872f0/Instagram-Posts.jpg" /> WEBSITEOBJECTIVEThe digital marketing agency called Pantheon redesigned The Mama Bear Effect website. They relied on me to transfer/edit 6 years of valuable information, images, and resources into the new design.MY ROLEContent Strategy, Editing, Entry, and Formatting <img width="2416" height="1887" width_o="2416" height_o="1887" data-src="https://freight.cargo.site/t/original/i/e266bc2e2c51973544356bcdf153438316ef095958a3b8a12953276a714b26df/MBE-Website.jpg" data-mid="39902455" border="0" src="https://freight.cargo.site/w/1000/i/e266bc2e2c51973544356bcdf153438316ef095958a3b8a12953276a714b26df/MBE-Website.jpg" /> Check out The Mama Bear Effect website now ︎ E-NEWSLETTER OBJECTIVERedesign the e-newsletter template to reflect new brand standards.MY ROLEGraphic Design, Content Strategy, and Copy Writing <img width="1800" height="2891" width_o="1800" height_o="2891" data-src="https://freight.cargo.site/t/original/i/157297fc8b2e696030439abb384442f19a59ce0c0b6eef46030d6ca52bfccf6b/Newsletter-layout-Compare.jpg" data-mid="34278368" border="0" src="https://freight.cargo.site/w/1000/i/157297fc8b2e696030439abb384442f19a59ce0c0b6eef46030d6ca52bfccf6b/Newsletter-layout-Compare.jpg" /> ︎ Want to collaborate? Reach out today! ︎ LAST&nbsp;•&nbsp;NEXT ︎ https://bessclarkdesign.com/Home-Page Mon, 13 Aug 2018 01:20:58 +0000 Bess Clark https://bessclarkdesign.com/Home-Page <img width="480" height="483" width_o="480" height_o="483" data-src="https://freight.cargo.site/t/original/i/80395c7e1839f44988c977a05ec72b8da77648e8638228f68c2c22f57fbf66fd/Slideshow-1.jpg" data-mid="39901523" border="0" data-scale="100" src="https://freight.cargo.site/w/480/i/80395c7e1839f44988c977a05ec72b8da77648e8638228f68c2c22f57fbf66fd/Slideshow-1.jpg" /> <img width="480" height="483" width_o="480" height_o="483" data-src="https://freight.cargo.site/t/original/i/556a5e9c67928d77e9d911bfdca42a0cfd2445da6e68aeb59e13666c0b1ff21b/Slideshow-2.jpg" data-mid="39901524" border="0" src="https://freight.cargo.site/w/480/i/556a5e9c67928d77e9d911bfdca42a0cfd2445da6e68aeb59e13666c0b1ff21b/Slideshow-2.jpg" /> <img width="480" height="483" width_o="480" height_o="483" data-src="https://freight.cargo.site/t/original/i/9275f7212c1f453946f03202a093a5aea7e505384894a39dd155bc7bac321c17/Slideshow-3.jpg" data-mid="39901525" border="0" src="https://freight.cargo.site/w/480/i/9275f7212c1f453946f03202a093a5aea7e505384894a39dd155bc7bac321c17/Slideshow-3.jpg" /> <img width="480" height="483" width_o="480" height_o="483" data-src="https://freight.cargo.site/t/original/i/a141088e9a99d5847cf9dbd0981d17979747a3e7ca81aa6b853fa95e454360ee/Slideshow-4.jpg" data-mid="39901526" border="0" src="https://freight.cargo.site/w/480/i/a141088e9a99d5847cf9dbd0981d17979747a3e7ca81aa6b853fa95e454360ee/Slideshow-4.jpg" /> <img width="480" height="483" width_o="480" height_o="483" data-src="https://freight.cargo.site/t/original/i/4bff512aa8d331fdfd5ce2bc5e50e0719dc08fcd8e542bca685cb0033f132821/Slideshow-5.jpg" data-mid="39901527" border="0" src="https://freight.cargo.site/w/480/i/4bff512aa8d331fdfd5ce2bc5e50e0719dc08fcd8e542bca685cb0033f132821/Slideshow-5.jpg" /> Hi, my name is Bess. I’m a Lead Product Designer in Chicago, IL. I’ve propelled non-profits, helped people find healing, and transformed a startup into an industry&nbsp;champion. Let’s get to work! ︎