https://www.shanekibbledesign.com/mycloud daily 0.75 2015-11-20 https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1444851490989-AZK4G8O0ISJJE94876BF/Untitled-1-01.png WD My Cloud - Western Digital - My Cloud Project Redesign the entire user experience for Western Digital’s flagship product – My Cloud. This is a personal cloud which customers own and access from any device.   Role As the Principal Designer and interim Director, I helped establish methodologies, design processes, vision pieces, prototypes, responsive design framework, interaction patterns, visual language, fostered a design culture where everyone honed their craft, built strong relationships with stakeholders, and evangelized UX strategies throughout the entire organization. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1444851451496-M6WVRHSL1RTQCD4I5HJU/my_cloud_promo.png WD My Cloud https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1444805622959-UG7L7TBBXTQ2UO1PQUZR/Mobile_onboarding_competative_analysis.png WD My Cloud - Mobile Onboarding Competative Ananlysis The following steps were taken to evaluate our primary competition... 1) Printed onboarding flows of major competitors. 2) Labeled sections of each flow to quickly identify similarities at a macro level. 3) Added interaction touch points to highlight transitions from screen to screen. 4) Facilitated working sessions across the entire organization to identify the following using sticky notes: - what IS working (green) - what IS NOT working (red/orange) - general input (yellow) https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1444848179181-9QKFGFKQWDIHMJWSPL5O/Affinity_diagram.png WD My Cloud - Mobile Onboarding Affinity Diagram The sticky notes from the competitive analysis were rearranged into groups. High level patterns began to emerge. This became the starting point for building product requirements. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1444833869189-JAHSXGL1XT45O5BV5R72/collect_storyboard.png WD My Cloud - storytelling new product concepts An innovative approach to storyboarding was created to help communicate new product concepts. This was very effective in telling a story at a macro level while providing details at a micro level. The storyboard included customer profile images, swim lanes, and interaction touch points to highlight transitions from screen to screen. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1444845946394-QL9RJ0SJ339KCIOCFXTF/My-Cloud-Style-Guide.png WD My Cloud - New visual language Established and applied visual language across entire ecosystem. Met with Senior Executives and partnered with Marcom team to evangelize the new look and feel. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1444848476092-X6B6DSFE6YTWN6B4BVXB/My_Cloud_home_page.png WD My Cloud - New MyCloud.com Website Consulted with Marcom team to ensure the gateway to our new My Cloud product was a great experience. Lead working sessions for the entire mycloud.com website, which included: page layout, navigation, interaction, visual language, content strategy, imagery strategy, and telling a compelling story. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1444805660676-BS66PEW7RC1OF92OXN77/my_cloud_onboarding_start_pg.png WD My Cloud - My Cloud onboarding streamlined A great amount of attention was given to simplifying the onboarding process, as well as helping to create an emotional connection to the My Cloud product and brand https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1444805601784-LN8VIQ98DWX7EFT3GUQP/my_cloud_list_view.png WD My Cloud - My Cloud List View The list view is arranged by rows and columns. Actions can be performed at a folder or item level, such as: share, copy, move, delete, download, and upload. A panel appears at the top of the page when timely promotions are displayed. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1444805678116-7X7N6CHL5I0GAR3KC0WL/my_cloud_grid_view.png WD My Cloud - My Cloud Grid View The layout of the grid view is visually compelling. Images are displayed for photos, videos, and cover art. While the height of tiles are fixed, the width of photos are cropped using a sophisticated algorithm. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1444847426430-Y3550177QCVUCUIWY669/vision_piece.png WD My Cloud - Vision Piece - Short Video We created a short video to help convey high level strategic thinking for our next gen product and presented this during our organization's wide all-hands meeting. This approach was very successful in helping the audience focus on ways we make the user experience more meaningful and delightful for our customers. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1447938253717-NEJG7484OYH9TYAT5FEV/Screen+Shot+2015-11-19+at+4.58.39+AM.png WD My Cloud - Next Gen Product Concept Skit We explored ways of simplifying the onboarding experience for both the device owner as well as any additional users. We created concept maps and went through several rounds of storyboards to arrive at the final concept. To help the organization gain a clear understanding of the vision, the team created a slide show and acted this out the various character roles live in front of the organization. https://www.shanekibbledesign.com/b2b daily 0.75 2019-08-23 https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1566527075227-V9U01A593WBRN4BP6FUU/B2B.png B2B https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1566527075227-V9U01A593WBRN4BP6FUU/B2B.png B2B https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1491330984610-JJTPIJ8XKUF0U4JZFS1R/apple_screen_in_context.png B2B - Apple Business to Business Store PROJECT Design a new business-to-business site for Apple that will integrate with the online store. The final solution needs to reflect Apple’s visual language, interaction patterns, and reflect layouts similar to other Apple Store pages. The site needs to include the following pages: home, category, product list, product detail, shopping cart and order submit summary. ROLE As the design lead, I worked directly with engineers, interaction designers, visual designers and directors at Apple. I reviewed and applied Apple’s visual guide, and set up weekly design reviews to ensure the project met Apple’s high standard of quality. The project was delivered against a very aggressive timeframe. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1491332286643-G150KZHPHURZLPFAA1SM/apple_screens_08+page+templates.png B2B - Page Archetypes To help expedite the design process, I did an audit of all page types, and then created a framework for each page archetype. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1491324715222-K4NW4KQ6UFOAR5SKZDJ9/apple_screens_01_home.png B2B - Home Page The home page showcased a range of products available within the businesses-to-business store. The products were displayed in a clever way from smallest to largest. Shortcut links were prominently displayed for common actions, such as order by part number, templates, proposals and order status. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1491324715444-CFDGUEN2EO0ZQN9EF7C4/apple_screens_02_hero+products+and+accessories.png B2B - Category Page Category pages contained a hero products module, related products and services modules, and a Top Sellers module. These modules were all related to the main category and helped the user make better informed decisions. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1491324715608-51ARA4I59GE84M41NPSP/apple_screens_03_product+list.png B2B - Product List Page Product list pages contained a comprehensive list of products per the category selected from the Category page. Each line item contains an image of the product, part number, description, quantity, and unit price. Clicking on the "Add to Cart" button places the item(s) in the customer's shopping cart. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1491324715893-JE5H0KFJFVSL6TKH1BX6/apple_screens_04_product+details.png B2B - Product Detail Page Product detail pages contained a primary module at the top of the page which featured a hero image and product description. Attached to this module was a section that contained pricing, quantity field, a button to configure product and a button to add to shopping cart. An accessories module was displayed below the primary module to highlight products related to the featured product. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1491324715980-MEGOV1RGJSDBZU1YEF4I/apple_screens_05_shopping+cart.png B2B - Shopping Cart Page The shopping cart page contains line items for all products added during the current and/or previous session. Line items provide the product ID, description, quantity, total quantity, unit price and total price. A coupon redemption field appears at the lower left corner of the page. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1491324716512-8S2C31RODFFPIFMGWP5I/apple_screens_06_checkout.png B2B - Checkout Page https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1491324716453-384TLGN19X2O68K3D8OO/apple_screens_07_order+submit+summary.png B2B - Order Submit Summary Page https://www.shanekibbledesign.com/journey-maps daily 0.75 2019-08-26 https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1566834897991-EJ2AZ0IRB86CSTIZ0B20/Journey_Maps.png Journey Maps https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1566834897991-EJ2AZ0IRB86CSTIZ0B20/Journey_Maps.png Journey Maps https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1566834690176-8R94IIVTMKUC79VMV8LT/Journey+Map.png Journey Maps - Journey Maps COMPANY Realtor.com ROLE As the Principal UX Designer for Mortgage, I contributed to all finance related touch points of Realtor.com’s journey map. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1566836273973-ZEE2CHK7HGPD47XIEVR2/Journey_Map_Hitachi.png Journey Maps - Journey Map – Co-Ceate Design Process COMPANY Hitachi ROLE Created a journey map to document the R&D Devision Design Team’s co-create process. Leveraged Value Proposition Design methodology to interview key stakeholders within the Design Team and their internal clients. I helped evangelized how the Design Team’s process was in integral part of the R&D Devision’s co-create process and business revenue. https://www.shanekibbledesign.com/media daily 0.75 2019-07-29 https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564379008644-9F385VS768RQKQZK7621/Media.png Media https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564379008644-9F385VS768RQKQZK7621/Media.png Media https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564378880922-J6M6QE4YO4RK98B5YKPU/chase_newsroom_sm.png Media - Project: Newsroom COMPANY Chase GOAL Increase the number of unique visitors to the site via organic search (back door) articles, versus relying on visitors to come through the home page (front door). ROLE Led the strategy and execution of a new content platform to increase the number of unique visitors to Chase.com through articles and videos. Leveraged the platform to navigate visitors to Chase’s products and services through targeted native ads. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564379558103-W1PK1JIDFZGXL22OONYG/newsroom_home.png Media - Home Page https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564379569880-RSN3S6MBKMCZBNP5NO1V/newsroom_ixd_spec-01.png Media - Interaction Spec https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564379856357-21HL1TT7827TE0QP2DOI/article_newsfeed_pg_07282014_v01+copy_480.png Media - Mobile View https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564434994725-ZHXOF81E9A9K123SKNG9/article_newsfeed_pg_07282014_v01+copy_1200.png Media - Desktop View https://www.shanekibbledesign.com/mortgage daily 0.75 2019-09-03 https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564430793766-J6BK58V86DQ58DD2LSIA/Mortgage.png Mortgage https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564430793766-J6BK58V86DQ58DD2LSIA/Mortgage.png Mortgage https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1565134260541-MF1HKM545GG7MUI4SWKR/price_perfect.png Mortgage - Price Perfect – Home Feature Pricing Tool COMPANY Realtor.com GOAL Offer a tool to help buyers understand their buying power by pricing home features. “What can I get for my money, so I can determine my target home criteria that matches my budget.” ROLE As the UX Design Principal, I explored a range of concepts, wireframes, and visual directions. I worked closely with a Product Manager, User Researcher, and Developer to facilitate a kick-off session, conceptualization exercises, user research, and design reviews with stakeholders. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1567514048257-G75482NI97LISL6GPXYE/Whiteboard+Session.png Mortgage - Brainstorm Sessions Hosted a series of brainstorming sessions with cross-functional disciplines. AFFINITY DIAGRAM Wrote ideas on stickies and placed them into groups. This helped narrow down the product direction to “Want’s vs Must Haves”. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1565288661381-2QMH0NWGLK6KWCU453U4/Process.JPG Mortgage - Project Definition FINAL DIRECTION Shorten the home buying process by helping home buyers understand the tradeoffs between what they want vs what they must have. TARGET AUDIENCE Active home searchers ASSUMPTIONS - Pricing home features will help home buyers understand their pricing power, so they will be more willing to take the next step and get pre-approved - Home buyers are set on where they want to live based on work commute, and are unwilling to budge on location - Key criteria include: Location, Price, and Features - People have a bit of wiggle room within their max price range STRATEGY - Mobile first - Modular - Rapid prototype and test - Fast to launch - Slim MVP REQUIREMENTS - Cost per criteria, such as: pools, hardwood floors, upgraded kitchen, backyard, etc. - Listings that match criteria - Breakdown of monthly mortgage payment - Save criteria https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1566834130306-P3D5ISVKA77O9BTVJEZN/User+Journey.png Mortgage - Opportunity within home buyer journey I identified how this product would enhance the first time home buyer’s journey while relieving extreme pain points. As the Principal UX Designer for Mortgage, I contributed to all finance related touch points of Realtor.com’s journey map. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1565383616241-E0ZRETP2BTLCP9XC7EEM/Build+Your+Own.png Mortgage - Round 1 Concept – Build Your Own CONCEPT Home buyers can select the features they want in a home and see how this impacts the price and inventory. DELIVERABLES Created wireframes and click-trough prototypes to validate concepts with home buyers. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1565383701186-XRIDTB44YS1Y4AEJZKN8/Buying+Power.png Mortgage - Round 1 Concept – Buying Power CONCEPT Home buyers can see a wide range of home options and then refine their criteria based on their financial situation. DELIVERABLES Created wireframes and click-trough prototypes to validate concepts with home buyers. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1565383721386-6MSYAZ3P6C23PM2W84AG/Tradeoff+Guidance.png Mortgage - Round 1 Concept – Tradeoff Guidance CONCEPT Home buyers can see how their criteria effects the maximum home price. They receive tips to help evaluate tradeoffs between what they want and what they must have when the cost of features exceed their maximum home price. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1565383757946-FLUMHJVXLEOG94TBZ2FM/Build+Your+Own+V02.png Mortgage - Round 2 Refined Concept – Build Your Own ENHANCEMENTS BASED ON USER RESEARCH FINDINGS - Added more features for home buyers to select - Provided clearer relationship between what is selected and how it effects price of home - Separated “What are your must have’s?” and “Where can you save?” sections - section from Removed inventory bar graph, it was not adding much value - Replaced multiple tap menus with one tap controls - Added visual donut graph to communicate “Estimated Monthly Costs” - Added “Save” button - Added “Start Again” link https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1567512603455-UAYXGT2WK42EMHX99HRA/Price+Perfect+On-Brand.png Mortgage - Visual Design Exploration – On-Brand Incorporated research findings into final round of designs. Tested on-brand and off-brand visual designs with home buyers. The off-brand visual designs tested better with home shoppers. The on-brand designs leveraged our existing design system. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1567513009043-NH0MFEL1WCMAU4EWOOY9/Price+Perfect+Off-Brand.png Mortgage - Visual Design Exploration – Off-Brand The off-brand visual designs included a new visual language, interaction patterns, and affordances. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1491545156886-OWUDUKCDBVLBM1BSMV3Q/mm_hero_sm.png Mortgage - Mortgage Match – First ever online pre-approval, mortgage & refinance application COMPANY Move.com GOAL Create the industry’s first truly end-to-end self serve mortgage platform what you can a) see what you can afford, b) pre-qualify for a loan, c) apply for a loan, and d) refinance your existing loan... all on-line. ROLE As the design lead, I ensured every field on the 1003 off-line mortgage application was accounted for within the on-line experience. I lead brainstorming and user research sessions, established the visual language, interaction patterns, and partnered with content specialists, visual designers, and front end developers to launch the product with high quality and on time. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1480704062998-94N8GRV8SNPHKSZFUBHV/MM_infographic_title_path_v02.png Mortgage - Concept Story It was clear as we set out to design the first online mortgage application that there are many hurdles customers have to overcome. Their goal is not to own a mortgage, but to own a home. This was very important to keep this in mind – to be empathetic to their pain points and keep the goal of owning a home in mind throughout the entire lending process. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1480623839896-ZYV1ZZJH9MJ9VRMAH9JW/Benefits_of_MM_Doc.png Mortgage - benefits of Mortgage Match document I worked closely with the VP of Mortgage to provided an overview of Mortgage Match's benefits, and how our product was superior to the competition. This document was presented to the entire organization and our venture partners. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1480624490232-4GQRG66S51XOG8K0D66R/1003_form.png Mortgage - 1003 Loan Application form & back end decision engine Working side by side with the Product Manager and the Engineering team, we combed through the 1003 Mortgage Application to ensure every requirement was caputred and fields were properly mapped to the back end decision engine. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1480710927041-ZWXB0SENGNAYVR5N6HNB/MM-Mind-Map.png Mortgage - MIND MAP - BRAINSTORM HOME PAGE PRIORITIES Created a mind map to explore a wide range of ideas for the home page priorities. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1480729653726-YIP16BZPW21WJDM7UWDA/flow_diagram.png Mortgage - Flow Diagrams I worked closely with the Product Manager, and Engineering to ensure the flows were accurate for each touch point and path: home page, mortgage calculator, prequalification, purchase, refinance, and loan center. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1480624962891-PR0CRP4S4HXKEFWXS5XS/wireframes.png Mortgage - wireframes & design reviews Design reviews were conducted regularly with the Product Manager, UX Manager, and Engineering. I lead the meetings by posting the designs and outlining the goals, KPI metrics, and other specific requirements. We would review the solutions while I captured key take-a-ways. The results were then emailed out to the team and posted online to ensure everything was captured correctly and we were all on the same page. Having a history of decision that were made proved to be indispensable. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1480699528903-AAM5EFT69EAZC3V9IV0E/research.png Mortgage - USER RESEARCH Mutiple types of user research were conducted throughout the entire project: • Conceptual testing - early concepts and wireframes • Usability studies - prototypes and working demos • Multivariate testing – post launch https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1480779238435-PS9QTI58NQ3GP5DP5OM8/Buttons.png Mortgage - Visual Style Guide As part of a cohesive visual language, I created a visual style guide which covered: • Logos • Page Archetypes • Headers & Footers • Font • Color Palette • Buttons • Photo Usage https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1480700209949-L0QUJ6PUMN5MJGN5VY3C/home_v02.png Mortgage - Home Page The home page contained the following sections to position Mortgage Match as an industry leading full service mortgage platform for existing and potential customers: • Clear value proposition and prominent call to action to begin the prequalification process. This is important being that whoever provides the customer with a prequal letter is most likely going to get their business for a home loan... and even a refinance loan in the future. • Mortgage calculator module with real rates and products to help customers learn what they can afford (only 6 questions via progressive disclosure). • Clear Sign In button and Register link • Support modules to learn about Mortgage Match and build trust • Educational articles and news to help customers learn at their pace as well as become a trusted advisor • Additional tabs for "Refinance" and "My Loan Status" https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1480704485695-S5ULS36R0BKYXJI6CKK9/snapshot_results_v2.png Mortgage - Mortgage Calculator Results Upon answering 6 questions, the customer was quickly rewarded with a loan amount they could actually afford. Results were based on actual rates. The interactive widget provided an in-depth summary with a high level of transparency. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1480709282158-VQLQ6H9JS90VHXLDQCBX/02_borrower_info.png Mortgage - application detail page A high level of contextual support (both field and page level) was carefully considered throughout the application. We strove to create an experience which portrayed a trusted advisor. This helped reduce the number of customers abandoning the application in favor of a high-touch off-line experience. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1480781979123-UXK98YIV8RDZCK65V1IS/mm_news_home_pg.png Mortgage - Newsroom The newsroom provided education at every stage of the mortgage journey. Articles provided great SEO value and enabled deep linking to the site through organic search. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1480726208255-N273SBWSKDAUQPV47IQA/MM_multi_lp_FINAL.png Mortgage - Marketing Landing Page I worked very closely with an external agency to create several marketing campaigns to promote Mortgage Match. Emphasis was placed on ensuring the marketing landing pages aligned with the Visual Style Guide. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1480728792709-FFW2LAPM9XL0ZVWLOM57/mm_mobile_integration.png Mortgage - Realtor.com iPhone app Mobile App Integration Worked with Product Manager and Mobile Designer to integrate Mortgage Match’s “know how much you can afford” feature into Realtor.com’s home search iPhone app. This provided brand awareness for Mortgage Match, while adding significant value to the home search experience of knowing if you can afford each listing going forward. View InVision Prototype https://www.shanekibbledesign.com/digital-storage daily 0.75 2019-08-15 https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564431050128-6JPAUSZXAUVJBONKQ5SY/Digital_Storage.png Digital Storage View product home page (live) https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564431050128-6JPAUSZXAUVJBONKQ5SY/Digital_Storage.png Digital Storage View product home page (live) https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1478879530848-972DL3982FSL1EP1P0JM/MyCloud_in_context_sm.png Digital Storage - Project: Western Digital – My Cloud Personal Cloud Storage Device GOAL Redesign the entire user experience for Western Digital’s flagship product – My Cloud. This is a personal storage device customers own and cab access from any device using cloud technology. ROLE As the Principal Designer and interim Director, I helped establish methodologies, design processes, vision pieces, prototypes, responsive design framework, interaction patterns, visual language, fostered a design culture where everyone honed their craft, built strong relationships with stakeholders, and evangelized UX strategies throughout the entire organization. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1481093765476-BLLYGIQA78EQIBUIFM8N/responsive-breakpoints.png Digital Storage - Responsive Breakpoints Diagram We introduced responsive breakpoints to Western Digital. To help the development team quickly ramp up with this approach, we created a t-shirt scale diagram for the recommended breakpoints. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1478934375593-MDY063OGC72BIBDLNZQY/my_cloud_block_diagram.png Digital Storage - Block Diagram This was the first step in laying out the page framework. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1481128502642-32PPXYA9LLRZ5EBDD77R/Visual_Style_Guide.png Digital Storage - New Visual Language I leveraged my formal training in Swiss Style graphic design to lead a comprehensive visual redesign to ensure there was a cohesive modern look and feel across all of Western Digital's products, touch points and platforms. The guiding adjectives for the new visual language were "minimal" "light" and "airy". The new visual language included in a thiner logo, modern Helvetic Neue font, modern color palette, and the use of lots of white (negative) space. I presented the new language to Western Digital's executives and the head of Marketing which was received with unanimous support. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564432579162-14UNYY0CEDFWSA28P9Y3/WD_mobile_onboarding.png Digital Storage - Onboarding Competitive Audit PHASE 1 1) Identified leading cloud storage competitors which had a native app for boarding. 2) Captured screen shots of competitor's onbarding process, and arranged screens into flows using Sketch. 3) Added labels above sections of the flows to help compare onboarding steps between apps. 4) Printed flows using a plotter and posted on the wall. Added interaction lines to identify transitions from screen to screen. 5) Facilitated working sessions across the entire organization to identify the following using sticky notes: • what IS working (green) • what IS NOT working (red/orange) • general input (yellow) https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1478966487085-UQBCUO7UTYHLGT5PEE3Z/mycloud_oobe_welcome.png Digital Storage - Streamlined Onboarding A significant amount of design effort was given to simply the onboarding process and create an emotional connection to the new MyCloud product and brand. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1478966499083-4Y6HH5APG6QV42TE0MV0/mycloud_list_view.png Digital Storage - List view The list view provides quick access to folders and files. Actions can be performed at a folder or file level. A module appears at the top of the page when there are relevant alerts, notifications, or promotions. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1478966611367-G18669SZFPO0XIAF073C/mycloud_grid_view.png Digital Storage - Grid view The image rich grid view as new addition for My Cloud. A sophisticated cropping algorithm was used to display images in a compelling way. While the height of tiles were fixed, the width of photos were cropped. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1481130155863-HL8ONA8QW8VX6J1FBNRD/email.png Digital Storage - Email Templates To ensure a cohesive customer experience, I lead an initiative to redesign the My Cloud email templates so they incorporated the new visual language and had a responsive layout. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1481141829956-R7504LJNLKYQD0TUV4PM/home_page.png Digital Storage - Mycloud.com home page I worked very closely with the Corporate Marketing Team to leverage long-form story telling for the home page and ensure that front door experience was consistent with the onboarding and product experience. This was achieved by providing wireframes and comps as well as the new Visual Style Guide and Photo Style Guide. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564431644049-5ULACKPADUWGIZ73392P/my_passport_wireless.png Digital Storage - Project: Western Digital – My Passport Wireless Pro GOAL Create the user experience for Western Digital's new wireless storage device – My Passport Wireless Pro. This product gives photographers and videographers portable storage to easily offload, edit and stream photos or high-definition videos in the field. Designed to work seamlessly with mobile devices, and an SD card reader built-in. ROLE As the Principal Designer, I updated a storyboard, created a flow diagram, final mocks, and assets for both iOS and Android mobile apps. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564431653539-HV47OP5S4C86J17FS38B/storyboard.png Digital Storage - Storyboard Created a high level storyboard to communicate concept to both internal and external stakeholders. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564431649292-I6GLH8AL7NCTAW7WEXKT/QIG.png Digital Storage - Quick Installation Guide A two-sided card to provide an easy visual guide for users to set up their My Passport Wireless Pro device for the first time. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564431632720-8D6898U59Q9A7ZNSEMFE/my_passport_wireless_flows.png Digital Storage - Flow Diagram I created a flow diagram to cover every step of users' inaction with the product: onboarding, setup, and post setup. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564431638061-FTP4J4ITMIBN18HE885J/my_passport_wireless_screens.png Digital Storage - iOS & Android Screens & Assets I created the interaction design, visual design and content for both iOS and Android screens. I used a Sketch plugin to seamlessly export all the assets for the various iOS sizes and Android DPI resolutions. https://www.shanekibbledesign.com/wearables daily 0.75 2019-08-23 https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1566497154729-242N611QACUGQSWJHT3V/Wearables.png Wearables https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1566497154729-242N611QACUGQSWJHT3V/Wearables.png Wearables https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1566496971376-7MB0P286EZYLBHAWQVBX/Smart-Pay.png Wearables - Smart Pay - Wearable Companion App COMPANY Intel GOAL Create companion apps for wearable platform. Use these tools for both internal and external developers to test core features such as NFC, BLE, and Payment Processing. ROLE As a UX Design Consultant, I created wireframes, visual designs, interaction patterns, and visual style guide. I worked closely with other designers, engineers, PMs, and Director of Engineering to create, build, test, and revise a suit of products for wearable devices. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1566511904893-UXVHUZBY2YFQ8GNG6EGQ/Smart+Pay+Key+Screens.png Wearables - Key Screens https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1491944177521-XANBLBZBBE4Z72ZYLVU1/Onboarding.png Wearables - onboarding flow https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1566492968035-P5TE8U16N2RI3HCIDK2L/A+First+Time+Setup+Flow.png Wearables - First Time Setup of Smart Pay https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1566511703026-RSGHSYEOZAUXHJ5P3HTP/B+Onboarding.png Wearables - Onbarding - Adding first payment card https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1566492974874-ZOB0TD0CEXFK1IHXTOI1/D+Alerts+and+Key+Screens.png Wearables - Alerts Settings, Dashboard, and Account Screens https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1566491132668-G1AL3A1UAKR0OYZKO5X5/A+First+Time+Setup+Flow.png Wearables https://www.shanekibbledesign.com/ux-design-process daily 0.75 2019-07-30 https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564422742792-GT9E0G0Q6K0WZ2G85U7W/UX_Design_Process.png UX Design Process https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564422742792-GT9E0G0Q6K0WZ2G85U7W/UX_Design_Process.png UX Design Process https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564422451007-2WLEETAREVDAYXXUW38I/design-wall.png UX Design Process - PROJECT: UX Design Process – Strategy COMPANY Realtor.com GOAL Create a best-in-class UX process the entire Product and Design organization can adopt. ROLE Led the strategy to create an ideal UX process for Designers, Project Managers, and Developers. Worked closely with stakeholders to gain adoption. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564466613255-WGUAZ7Y0PLSCHREIPZVI/design+process+workflow.jpg UX Design Process - UX Design Process – Workflow https://www.shanekibbledesign.com/flow-diagrams daily 0.75 2019-08-29 https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1567107582082-9CV1G0YUVM3DO91E5MDO/white-board-pic.png Flow Diagrams - Flow Diagram - Whiteboard Session COMPANY Ross Stores GOAL Consolidate many tools and screens used by the invoicing department into a single tool and streamline the process. ROLE As the UX Design consultant, I met with Invoice Specialist employees at Ross over a 6 week period to gain a truly empathetic understanding of their current workflow. I worked with Product Managers, Engineers, and Business Owners to document the current process and propose a new streamlined workflow. DELIVERABLES I facilitated whiteboard flow diagram exercises to help all stakeholders gain a much better understanding of the current highly complex process. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1567107582082-9CV1G0YUVM3DO91E5MDO/white-board-pic.png Flow Diagrams - Flow Diagram - Whiteboard Session COMPANY Ross Stores GOAL Consolidate many tools and screens used by the invoicing department into a single tool and streamline the process. ROLE As the UX Design consultant, I met with Invoice Specialist employees at Ross over a 6 week period to gain a truly empathetic understanding of their current workflow. I worked with Product Managers, Engineers, and Business Owners to document the current process and propose a new streamlined workflow. DELIVERABLES I facilitated whiteboard flow diagram exercises to help all stakeholders gain a much better understanding of the current highly complex process. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1567108095701-T1EAN5D9FB81UTTRLDSX/Ross+Flow+Diagram.png Flow Diagrams - Flow Diagram - Digital Version COMPANY Ross Stores GOAL Consolidate many tools and screens used by the invoicing department into a single tool and streamline the process. ROLE As the UX Design consultant, I met with employees at Ross over a 6 week period to gain a truly empathetic understanding of their current workflow. I worked with Product Managers, Engineers & Business Owners to document the current process and propose a new streamlined workflow. DELIVERABLES I created flow diagrams to communicate a new streamlined workflow based on collaboration sessions with stakeholders. https://www.shanekibbledesign.com/ux-audits daily 0.75 2019-07-30 https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564423881437-F6Q1PAA818IHE7CGAYO6/UX_Audits.png UX Audits https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564423881437-F6Q1PAA818IHE7CGAYO6/UX_Audits.png UX Audits https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1481192697443-SFXMB4D50WJELNKIISF9/WD_mobile_onboarding.png UX Audits - Project: Competitive Audit – Screen Flow Printouts COMPANY Western Digital PHASE 1 1) Identified leading cloud storage competitors which had a native app for boarding. 2) Captured screen shots of competitor's onbarding process, and arranged screens into flows using Sketch. 3) Added labels above sections of the flows to help compare onboarding steps between apps. 4) Printed flows using a plotter and posted on the wall. Added interaction lines to identify transitions from screen to screen. 5) Facilitated working sessions across the entire organization to identify the following using sticky notes: • what IS working (green) • what IS NOT working (red/orange) • general input (yellow) https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1481194438679-60GKEDMEINQ70YAWSUUW/Affinity-Diagram-WD.png UX Audits - Competitive Audit – Affinity Diagram PHASE 2 Arranged participant feedback from phase 1 into an affinity diagram to identify patterns. Observations from this exercise were incorporated into product requirements for the high priority mobile onboarding project https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1481186774824-XY0DG86ZGRONWXBW3LA4/interest_declaration_audit.png UX Audits - Project: Interest Declaration Systems – UI Input Mechanism Audit COMPANY Yahoo! GOAL Determine the best approach to creating interest graphs for our readers to better serve them truly personalized content. PHASE 1 Gain a macro level view of UI input mechanisms used interest declaration mechanisms. An entire 4'X8' sheet of foam core was completely filled with the findings. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1481185062574-J4TJ9ZMY8A2CXDHLS5C9/interest-audit-continuum.png UX Audits - Interest Declaration Systems – Continuums PHASE 2 Build interest continuums from UI Input Mechanisms to get a more granular understanding of interest declaration systems. INTEREST CONTINUUMS • Cognitive Load • Intentionality • Level of Transparency • Process • Specificity https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1481188914950-K1YQOT5ULQGD6NFPACB3/interest-declaration-system-per-site.png UX Audits - Interest Declaration Systems – Summary Matrix PHASE 3 Gain an insight to the declaration systems Yahoo!'s competitors were using. Captured the declaration mechanisms used for home/landing pages onboarding, and detail pages. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1481211498211-ZKTRZZ7550H7UPAVJ7YB/affinity_diagram_exercise.jpg UX Audits - Project: Home Buyer Personas – Audit of Previous user research COMPANY Move.com PHASE 1 Conducted an audit of user research studies and findings which Move.com previous conducted for home buyers. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1481211462481-GHDVAB1TTTBF8SXV9ZZ4/shane_evonne.jpg UX Audits - Home Buying Personas – Affinity Diagram PHASE 2 Created an affinity diagram with findings gathered from previous user research studies. This was then distilled into meaningful data for the new home buyer personas. https://www.shanekibbledesign.com/storyboards daily 0.75 2019-08-15 https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564423539879-N698WMB8GLDNM7OWP59M/Storyboards.png Storyboards https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564423539879-N698WMB8GLDNM7OWP59M/Storyboards.png Storyboards https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1480400280722-B4N0HBY1DFFDSKH0G41E/George_v02.png Storyboards - Project: Comic Concept Storyboard COMPANY Yahoo! GOAL Create a storyboard to communicate and test new innovative concepts which allow people to annotate on top of Yahoo! Maps. ROLE I worked closely with 2 other UX Designers to created comic storyboards based on use case scenarios. We worked closely with a User Researcher to test these concepts with participants. We tested 3 different concept storyboards using the RITE user research method. We swapped out storyboard frames in between participants to continuously advance the best solution. One of the benefits of using a comic based approach is that participants really open up and shared their own stories. This process was pioneered by Kevin Cheng and I at Yahoo!, which Kevin has captured in his book: See What I Mean: How to Use Comics to Communicate Ideas. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1565856117956-LBAAMGO6DQWFMHDEPZPJ/storyboard.png Storyboards - Project: Western Digital – My Passport Wireless Pro COMPANY Western Digital GOAL Create the user experience for Western Digital's new wireless storage device – My Passport Wireless Pro. This product offers photographers and videographers portable storage to easily offload, edit and stream photos or high-definition videos in the field. Designed to work seamlessly with mobile devices, and an SD card reader built-in. ROLE As the Principal Designer, I updated a storyboard, created a flow diagram, final mocks, and assets for both iOS and Android mobile apps. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1480400532377-QGDCWCW3V0B9UZLY7N25/donna_v02.png Storyboards - Project: Concept Storyboard COMPANY Presence Agility GOAL Create a storyboard to help communicate and test a high level concept of how a person would want to be contacted throughout the day based on their location. ROLE I created a storyboard based on a use case scenario I helped revise. https://www.shanekibbledesign.com/postcards daily 0.75 2019-07-29 https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1478730972753-E0237VULJT9UYBJARB3D/trulia_postcard.png Postcards https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564388909896-I38TTNXEMIJD9SBTVJHN/Postcards.png Postcards https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1478585946467-R7G77UNYQ7CSA2A386YT/trulia_postcard_front.png Postcards - Project: 2 Year Anniversary Postcard (Front) COMPANY Trulia https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1478585946179-PXEWDURZYM4GHX34826O/trulia_postcard_back.png Postcards - 2 Year anniversary Postcard (Back) https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1478586704531-DWKUGIH3VFVXAQQFMT3S/Invitation_front.png Postcards - Project: SR INDUSTRIAL DESIGN REVIEW (FRONT) COLLEGE San Jose State University https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1478586658867-GI3XKHR60C7PL8KJJ6QR/Invitation_back.png Postcards - SR INDUSTRIAL DESIGN REVIEW (BACK) https://www.shanekibbledesign.com/trading-cards daily 0.75 2019-07-30 https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1478724341224-HX4DCB91G3TLGGUE9U7L/business_card.png Trading Cards https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564386034329-QW5T7NCVIXP0N9U8JMCM/Business_Cards.png Trading Cards https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1491261474785-TGKL19TUYNN2WRWPL2WX/robogames_trading_cards.png Trading Cards - Project: Trading Cards COMPANY ROBOGAMES https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1478588372464-64TH1ZXCU6S1CD6EY55T/jake_knows_business_cards.png Trading Cards https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1491260933188-WLT9PCY8DRFVUPMRARF1/JK_trading_cards_02.png Trading Cards - Project: Trading Card – Employee #2 COMPANY JAKE Knows https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1491260933199-XRT4739NSGAJIJP6KKWP/JK_trading_cards_09.png Trading Cards - Trading Card – Employee #9 https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1491260933631-C2O3NOXNMXJMG8LJS4UF/JK_trading_cards_15.png Trading Cards - Trading Card – Employee #15 https://www.shanekibbledesign.com/posters daily 0.75 2019-07-30 https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1478729514747-IF39WB1PA6R8UG2ZAJ96/hack_poster.png Posters https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564385802488-4W27Q7NII0OZC9C92B5T/Posters.png Posters https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1478585050284-OQ6XWQ6IW63Q01VMKCQH/hack_poster_v03.png Posters - Project: Hack Day Poster COMPANY Western Digital GOAL Create posters to promote events to build a stronger sense of community within the innovation division. ROLE Worked closely with Head of Product & Recruiting to create posters which embodied the spirit of each event. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1478584984109-SC6VP1MGI8L5YH2K9N16/halloween_poster_v01.png Posters - Halloween Party Poster https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1478566991430-4A7JJBCGITH2F5VSARGV/thanks_giving_poster_v07.png Posters - Thanksgiving Potluck Poster https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1478585000830-4EBWPG9CNXW05IVOABPT/holiday_poster_sm.png Posters - Holiday Luncheon Poster https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1480608182287-GADOQW1C0DLJLND2HBJK/MM_Launch_Image_400px_wide.png Posters - Project: Count Down To Launch Poster COMPANY Move.com GOAL Create a poster to promote the launch of Mortgage Match, a new product for Move that has been over 2-years in the making. Use the poster as a count down calendar. ROLE Worked very closely with the Mortgage Director to create a poster which embodied the spirit of the event. Created a web-view of the poster which was shared on the company’s internal site. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1480608182206-XDY3Z9U13018EE3Z4FE3/MM_Launch_Image_400px_wide_v2.png Posters - LAUNCH DAY POSTER https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1480608182465-M3AS6G2I4X0HSGNP0MBU/MM_Post_Launch_Image_400px_wide.png Posters - POST LAUNCH POSTER https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1478565455469-U711KV79IFOQTCQ8JKRN/fishing_lessons.png Posters - TRIBUTE TO MY DAD POSTER https://www.shanekibbledesign.com/user-guides daily 0.75 2019-08-24 https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1478734257780-WF83N8HBCGBZCBH1KTII/live_smart_hero.png User Guides https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1566629133297-J8D6I6G7HNPGVM2CD7US/User_Guides.png User Guides https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1478643996049-MD60LB6GZF9TFZBDCOCU/lsec_v01_cover.png User Guides - PROJECT: Caregiver Resource Manual (Cover) COMPANY LiveSmart Eldercare GOAL Create a user manual to help caregivers provide support for elderly loved ones. ROLE Work very closely with business owners to create the experience, layout, and visual design of their first manual. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1478586993984-MGYE9FEHCBI6EZAQ1IA0/LiveSmart_Manual.png User Guides https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1478643996065-UCXF57908WQIHC01GNMD/lsec_v01_chapter.png User Guides - Caregiver Resource Manual (Section Page) https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564461602922-KIRE7Z1ZOZKE2CC27XMM/QIG.png User Guides - Project: Quick Installation Guide COMPANY Western Digital GOAL Create a two-sided card to provide an easy visual guide for users to set up their My Passport Wireless Pro device for the first time. ROLE Created the illustrations, layout, and worked closely with QA to translate the designs into several languages. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564461990148-O2YBJJD2NSG3QVXZ52VN/Instruction-Sheet-front.png User Guides - PROJECT: Grab-All User Guide (Front) COMPANY Grab-All GOAL Create a user guide to be included with the purchase of a Grab-All, a tool used for scooping leaves and other yard waste. ROLE Created illustrations and layout. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564463165629-4EJSKP7HEIHDTGQTAW6Q/Instruction-Sheet-back.png User Guides - Grab-All User Guide (Back) https://www.shanekibbledesign.com/patches daily 0.75 2019-07-30 https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1478725438532-M56ER23RO0ZSOV73NVKI/cub_scout_patches_hero.png Patches https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564389882152-RN1QL55ZK2LDDX8YFIPE/Patches.png Patches https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564390170003-74DM0R04TQ0WIHJHJJWU/Robotics-Patch-Final.png Patches - Project: Team Patch ORGANIZATION Robotics R.E.C.K. Rovers https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1478644372726-4BTF0BHXI3BE2UOULGN7/cub_scout_patch_rocket_shoot.png Patches - Project: Rocket Shoot Patch ORGANIZATION Cub Scouts https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1478630726319-KXIZOMIITK2O8G0TG1ZV/cub_scout_patches.png Patches https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1478644372835-3B5UCM2RHCFB4KW0M1OZ/cub_scout_patch_pinewood_derby_race.png Patches - Pinewood Derby Patch https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1478644372508-CS21PXB65U2GEQICFZU4/cub_scout_patch_campout.png Patches - Campout Patch https://www.shanekibbledesign.com/sculpture daily 0.75 2019-07-30 https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1478726220726-LQWF9J8339L30MGIJ4OU/Oganic_Sculpture_hero.png Sculpture https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564416409508-971U5TLH6NYAN4BQABHH/Sculpture.png Sculpture https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1478727113392-LATP39U59LKQHV40K2CV/Oganic_Sculpture.png Sculpture - PROJECT: ORGANIC MODEL SCHOOL San Jose Sate University – Industrial Design Project REQUIREMENTS Create a three dimensional model using both primitive and organic shapes and add a detail. VISION Create the impression that the organic shape grew up from the ground, truncated the cylinder, and carried the top away. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1491280677172-HQDQC6LCEXOSA2B3Z0HR/Oganic_Sculpture_objects.png Sculpture - Organic Model MATERIALS Primitive shapes were carved from a red bark eucalyptus tree that I turned on a wood lathe. Organic shape was crafted from pieces of polyurethane foam glued over a coat hanger. The back contains a piece of polypropylene that was vacuum formed to nest with the large truncated cylinder. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564416478691-XOH1P81IVEO7VNE728V7/ping_pong_paddle_v01.png Sculpture - PROJECT: Ping Pong Championship Trophy (Front) COMPANY Yahoo! The leading ping pong champion proudly displayed (rather gloated) this custom hand made trophy (cast of my hand) on their desk for all to envy. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564416487237-J9VMAO5GE13IH6PZ60TY/ping_pong_paddle_v02.png Sculpture - Ping Pong Champion Trophy (Side) https://www.shanekibbledesign.com/industrial-design daily 0.75 2019-07-30 https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564384819140-Y9T89BUUOYGS66D46POS/3D_Design.png Industrial Design https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564384819140-Y9T89BUUOYGS66D46POS/3D_Design.png Industrial Design https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1478645781080-LNL1TOU6VHJH2H99N3DL/dental_caddie_sm.png Industrial Design - Project: Dental Travel Mate SCHOOL San Jose Sate University – Industrial Design Project CHALLENGE Design a product that either breaks, hurts, or does nothing. This was an exercise in problem solving by looking for opposite approaches. OPPORTUNITY Most dental items are designed to be used only once. The Oral Travel Mate breaks open to allow refilling of toothpaste and floss, thus minimizing waste and cost. SOLUTION The Oral Travel Mate stores all the items necessary for good dental hygiene: toothbrush, toothpaste, floss and drinking cup. This is great for traveling and frees up countertop space. Traditional flossing requires the floss to be tightly wrapped around two fingers on opposite hands. This technique is awkward and painful. The Oral Travel Mate floss tool replaces one finger and enables easier assess to teeth deep inside the mouth. The toothbrush folds back and nests into itself to minimize the product's height. The lid doubles as a drinking cup. The spool of floss and toothpaste are replaceable making this an environmentally friendly product. MATERIALS Injection molded plastic and rubber STYLE , FORM & COLOR Inspired by other bathroom related products. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1478935731644-6ZT2KR6FF87ZX0O0NMEO/Dental_Caddie_complete_product.png Industrial Design - Components All items necessary for good hygiene: toothbrush, toothpaste, floss and drinking cup. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1478935900319-QNQP67KF93OKM5J02YDV/Dental_Caddie_toothbrush.png Industrial Design - Toothbrush Toothbrush folds back and nests into itself to minimize the product's height. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1478936059659-VXZC6GP3YTVTMZ2FBZYO/floss_tool.png Industrial Design - Flossing Tool Floss tool replaces one finger and enables easier assess to teeth deep inside the mouth. The spool of floss is replaceable. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1478936138289-QMYLSPVC1FBFNR8XYIBV/dispenser.png Industrial Design - Toothpaste Dispenser Style, form & color were Inspired by other bathroom related products. The toothpaste container is replaceable. https://www.shanekibbledesign.com/new-index daily 0.75 2017-04-04 https://www.shanekibbledesign.com/iot daily 0.75 2019-07-29 https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564424806320-6WLIP5QNGZQ6TSDEFEIU/IoT.png IoT https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564424806320-6WLIP5QNGZQ6TSDEFEIU/IoT.png IoT https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1480953853841-TSVNX35EUZ37I7A4ZP4Y/hero_image.png IoT - Smart Home Sleep System COMPANY Cambridge Sound Management PROJECT To create a smart home sleep system designed to mask common indoor and outdoor noises to help people sleep better. ROLE As User Experience Design Lead, I conducted field research, created flow diagrams, built wireframes and a controls system, designed iconography, and drafted the first round of visual designs for iOS & Android apps. AWARD Best of CES 2017 https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1480955779305-INIQ9LG6M6I87TSIHV9X/first_time_setup_resized.png IoT - Flow Diagrams Mobile app flow diagrams with full size screens for: • First Time Setup • Main Menu • Add Nightingale Devices • Adding a Room • Add a Location • Settings Menu https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1480988236311-I6PC41TPON27HGKR9JNF/key-screen-samples_resized.png IoT - Sample of key screens https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1480984527721-5TQVGQ1EGH1XLOYPNYAW/iconography.png IoT - ICONOGRAPHY EVOLUTION Icons were inspired by metaphors from the physical world, music, and recognizable UI patterns. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1480983603663-3EBI8PJY2X12QF70OIBP/1A+-+Sound+Player+Controls.png IoT - Control Systems Created a control system, which was key to the success of this product. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1480969856392-0HKNE2MYGVXE9VP3BI90/install_all_states.gif IoT - ANIMATION I created an animation for the setup flow to communicate that Nightingale devices require 2 outlets in order to plug into the wall. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1480983603645-GHDO02LQ95IMNYRGCSFL/3A+-+Sleep+Mode+Exploration.png IoT - Exploration – Sleep mode Immersive experience concept - screen automatically switches to a dark color scheme when in sleep mode. https://www.shanekibbledesign.com/finance daily 0.75 2019-08-14 https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564378567467-CJY2HZWAFKXI232QVZBX/Finance.png Finance https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564378567467-CJY2HZWAFKXI232QVZBX/Finance.png Finance https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564376168694-7JPUTA30RFAH51D95K8U/alkanza.png Finance - Project: Alkanza – Personalized Financial Services Product COMPANY Resource Management Inc GOAL Create an innovative personalized financial services product for young working professionals. This will include a responsive marketing landing page, onboarding flow, web app, account setup, and robust financial reports. ROLE As the UX Consultant, I provided strategy, responsive design solutions, wireframes, interaction specs, visual language, final visual designs, assets, and a visual guide. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564376424264-PNLBE7CZP9LR92IVAOJE/alkanza_landing_pg_v1.png Finance - Marketing Landing Page – Version 1 The marketing landing page promoted the value, brand, and trust for Alkanza’s investment services. Call to action buttons were placed at both the top and bottom of the page to increase engagement. Themes were created using the same layout, which focused on highly energetic outdoor activities to evoke emotional and connection. The layout was designed and built on a responsive framework. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564376701090-YWCUVV7TY9JY0DAD7PSF/alkanza_landing_pg_v2.png Finance - Marketing Landing Page – Version 2 A couple themes were created for the marketing landing page to evoke an emotional connection. These were marketed to different user groups based on their interest graph. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564376686215-3C9MFVFF6WVDUKTEI8MW/alkanza_landing_pg_mobile.png Finance - Mobile View https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564376882208-Z8UXBX9JGT9WAPEJOK37/alkanza_dashboard.png Finance - Interactive Interface “Explorer” is a highly interactive web app which updates as customers clicked, tapped, and dragged on the graph and coin stack. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564376891255-TBWSMCZP38C5BIMDZC4B/alkanza_plan.png Finance - Personalized Plan A personalized investment plan was created to provide transparency into the strategies which helped customers reach their financial goals. Tapping on “Explore More” button took the customer back to the interactive interface where they could make adjustments to the forecast tools. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1491510236391-WI17T0KKSB7QZQDRHEB5/chase_hero.png Finance - Project: New Responsive Home Page COMPANY Chase GOAL Redesign Chase.com’s home page to better engage the wide range of needs customers have as they come to the front door of Chase. Incorporate a responsive framework. ROLE As the Design Lead and Manager, I crafted the vision, lead a team of designers, researchers, and content strategists, performed audits, created user need matrix, block diagrams, wireframes, mocks, prototypes, and presented concepts to key stakeholders including executives. We leverage a responsive design approach I helped implement for JPMorgan Chase & Co’s corporate marketing site redesign. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1491503592258-R5K0DDY5FI3ULM84SF8Q/Engagement-Opportunity-Map.png Finance - Engagement Opportunities https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1491505881526-RRVAVFZK3VSUAOXZP64X/chase+user+need+matrix.jpg Finance - User Need Matrix https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1491518591441-9N6JOR6NZS41C8AMWKOW/chase_home_wireframe.png Finance - Wireframe https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1491519889986-7XUVQJYFBM8W2NZ0UWZH/chase_home.png Finance - New Chase.com Home Page As customers scrolled down the page, a compelling story showcased how our products and services help with every day needs. In addition to making the new Chase.com home page responsive, I helped introduce long-form story telling, a modular promotional system with native adds which enabled Chase business owners to market to their target audiences, a content mosaic at the bottom of the page to increase engagement with Chase's site, products, and brand.   https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1491504182549-HA9CK3UWOX9A6JW6INV4/chase_home_v09_1200+full+page.png Finance - Desktop View https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1491504186433-E0LBZLOUPLTHHS4XK4HG/chase_home_v09_320_B_LG.png Finance - Mobile View https://www.shanekibbledesign.com/design-systems daily 0.75 2019-07-29 https://static1.squarespace.com/static/561de288e4b077f6ec73cfec/t/5d3f20abed639e000114c19c/1559688624210/ Design Systems https://static1.squarespace.com/static/561de288e4b077f6ec73cfec/5cf6f5910daeb20001a2894c/5cf6f5b0e5f72f00017137a2/1559688624210/ Design Systems https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564418216235-DMKVC2JEGWKPKIQJIIJH/Design_Systems.png Design Systems https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1559735627535-1LD5J3BXRN7E4E2L32MX/design-systems.png Design Systems https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1559848987489-WTK6LSJCY8PGPXWUCYVY/02-opportunity.png Design Systems https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1559849006456-HJ2FSTYQ88QRVLV9LDKY/03-new-way-of-thinking.png Design Systems https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1559848992252-42FC11G6LXY1KP0K0JDE/04-design-system-workflow.png Design Systems https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1559848992982-K0NYOCYY8EXKOW8L8UP5/05-foundations.png Design Systems https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1559848993767-GJOB42M0NUD4RO0VNKB9/06-design-philosophy.png Design Systems https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1559848994575-SG73ZG0HAY7414LLPTLY/07-framework.png Design Systems https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1559848995744-H3D1FFMUL3NP8JAP9TWV/08-grid-system.png Design Systems https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1559849001538-EJ6LNWJUR64WK7QUSCEC/09-atomic-system-components.png Design Systems https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1559849007544-PKU5KGVYHE3FOIUWXICM/10-page-templates.png Design Systems https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1559849008155-2A30F63V2X11ZW57GETA/11-context-and-rules.png Design Systems https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1559849009219-SQ104NQUV3O31WAXXD87/12-specs.png Design Systems https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1559849009266-4CULGN97U1AFVGB30T2E/13-governance.png Design Systems https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1559849010743-OL3L394U16VVWRMJPXKZ/14-updates.png Design Systems https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1559849010196-DOGP8CTWN15IK8EFJ5K7/15-adoption.png Design Systems https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1559849010978-0X4STT80DVEQGXL7P85J/16-next-steps.png Design Systems https://www.shanekibbledesign.com/gallery daily 0.75 2023-06-01 https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564246742552-C4E5WAP9988PNU0TY5QU/aaa.png gallery https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564246742552-C4E5WAP9988PNU0TY5QU/aaa.png gallery https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564246742559-3NPPLB3PN176XY6U3UH4/apple.png gallery https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564246742674-6N6EQ2GGE1GE9NMA66SE/chase.png gallery https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564246742730-G0JXAHO0DKJDW9S2TNG1/ebay.png gallery https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564246742797-B59SZ20BF6SF3QF3WPNB/google.png gallery https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564246742881-GMQFTE8Y31HZXQE265MD/intel.png gallery https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564246742921-BEPWQV0EM95Z6B7UCKWI/realtor.png gallery https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564246742994-YH2QB1LBYQFLE1ZNJWIH/trulia.png gallery https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564246743054-3ZYDC50RA3J6GAEZHB72/wd.png gallery https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564246743111-0I709AU19SUV7JXZ9FUC/yahoo.png gallery https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1685593233644-35SG4OPVMYEEHCWU2GYL/rakuten.png gallery https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1685595546161-C1LMWG0F9FT6RHD2HYQH/us_bank.png gallery https://www.shanekibbledesign.com/projects-gallery daily 0.75 2023-06-01 https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1685655179738-PIN2N8GWCYQAHXBMXZLG/bond.png Projects Gallery - Do not use https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1685655179738-PIN2N8GWCYQAHXBMXZLG/bond.png Projects Gallery - Do not use https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564370509936-IJ1DCGBKOJZPK1QOF912/alkanza_hero.png Projects Gallery - Do not use https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564370498792-HE9W27UO06LVG5XUU13O/apple_screen_in_context.png Projects Gallery - Do not use https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564370507187-3TV91THLKGBC0MPWXHND/chase_hero.png Projects Gallery - Do not use https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564370514804-TMHXEBFVMS9IQS8OFHDZ/chase_newsroom_sm.png Projects Gallery - Do not use https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564370512308-1PAJSEKGMDIGR1PD0DNB/hero_image.png Projects Gallery - Do not use https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564370516041-1GJ83ASITXPSB7IUF14H/hero.png Projects Gallery - Do not use https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564370519391-L5IPTOIKQ4VUN3ND7A2M/mm_hero_sm.png Projects Gallery - Do not use https://www.shanekibbledesign.com/concierge-apps daily 0.75 2025-01-28 https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1685640286042-SMG2XGO8KYC4F8K5VBRG/Concierge_Apps.png Concierge Apps https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1685640286042-SMG2XGO8KYC4F8K5VBRG/Concierge_Apps.png Concierge Apps https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1685837109996-ZSC2UGEVNKBHDXAAD7B1/bond.png Concierge Apps - BOND APPS COMPANY Bond GOAL Create an Agent App to help high-end fashion clothing agents promote and sell products (pieces) to their clients, connect with other agents, and cross-sell products without clients needing to step into a retail store. Create a Client App for high-end clients to receive concierge level support from agents they have bonded with. While this is centered around high-end fashion clothing, the app allows clients to receive concierge support in a wide range of areas which promotes customer loyalty. ROLE As the UX Design Consultant, I worked closely with the owner and the executive team to create compelling concepts which they vetted with early beta high-end clothing sales agents and boutique store owners. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1686224103406-IRJ2BCBWEZJX565YFK5S/BOND+Key+Screens.png Concierge Apps - BOND - AGENT APP - KEY SCREENS FEATURES The agent app gives owners of boutiques the ability to: - Create a profile - Add multiple store locations - Upload products (pieces): categories, price, brand, product description, size, quantity, pictures and videos - Help onboard their agents to the app - View dashboard: sales data, number of: agents, clients, products, sales from top agent, highest selling products, and percent of profile completed https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1738077908287-01ORUMYH4QHSRVE8IY5R/image-asset.png Concierge Apps - BOND - AGENT - APP - PROTOTYPE PROTOTYPE STORYLINE Sherri, the owner of a boutique, views her dashboard to get an overview of her sales. She notices that her profile is not 100% complete, so she taps on the profile tab. She adds a second store and a few apparel products (pieces). The app displays a price tag badge on pieces which are currently in stock, and a photo badge on pieces which have more pictures. ONE WEEK LATER Sherri goes back into her profile screen and is delighted to see that agents are sharing photos of her pieces. The app displays a social badge and number to indicate that the piece has been shared and the number of times it was shared. https://www.shanekibbledesign.com/home-page daily 0.75 2019-07-29 https://www.shanekibbledesign.com/about daily 0.75 2025-06-17 https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564240705108-M82FPBC27NIH9O8XXDQJ/Shane+Kibble.png About https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564561613887-KVO73YI4U011CQCEVAX3/Mobile_work.png About https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/7cda6487-6f0e-4e0f-bca5-52a1255437ad/Strengths.png About https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564240975350-60DIFH062D6ABZDMH4EE/apple.png About https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564240975896-MR6QF5THXZ44IOTCELYA/google.png About https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564240975950-6K5W49KPJ6FOX3KYQAQ3/intel.png About https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564240975609-M3Y54MJDKGZG7GRE4MJ0/chase.png About https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564240976520-W1UVYKGYG4F54JE9YZUI/yahoo.png About https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564240975677-T915UII1PXFJA0MIHOX3/ebay.png About https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564240976404-K1MF5YQUDCNC0F7P3T38/wd.png About https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564240975427-B0XKOAKCMWVPM1BFR6W2/aaa.png About https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564240976132-WV3A0MEOEIJU6DZSX839/realtor.png About https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564240976246-TN4WDB0L3DY1RJNCPQJF/trulia.png About https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1685640145170-NEF0COCRQQUI0GAUMWQ7/rakuten.png About https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1685640158516-Y0VSKXGF3YEKFEV3SDVS/us_bank.png About https://www.shanekibbledesign.com/test-verticle daily 0.75 2019-07-29 https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1560815966568-6ZYFLYKC80WWLNDI4LIN/02+IMG_2014.JPG Test Verticle https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564439126471-PED8JG4OWASB6IZSDV4Q/article_newsfeed_pg_07282014_v01+copy_480.png Test Verticle - This is example of something on left. Subtitle as well. https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1560817798672-IASHKAVFQP5BJPARQOEC/01-design-systems.jpg Test Verticle https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564438954440-P0NEZYAOYPEIDWPCMYTD/newsroom_home.png Test Verticle - This is copy on the right. With a subtitle too. https://www.shanekibbledesign.com/new-page-1 daily 0.75 2019-07-26 https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564173317133-9YEJA8I6C47GBLQ5YLT5/Wireframes_v06.png Project Page example https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564173142495-HIDESURZOC9OHB1NVN68/dashboard.png Project Page example - Control panel for startup company Sed eleifend, nisl sed dapibus tempus, ante nunc commodo urna, at congue enim dui sed est. Mauris rhoncus dui id mauris ullamcorper, id interdum velit consequat. Aenean ac mi quis felis porta sollicitudin. Vivamus sit amet quam vel quam blandit pulvinar. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus sit amet condimentum tortor, sed ultricies libero. Proin a rutrum nisi, vitae tincidunt leo. Praesent et libero pulvinar, imperdiet nunc non, facilisis nisl. Suspendisse sed mauris id arcu tincidunt lacinia. https://www.shanekibbledesign.com/gallery-page-example daily 0.75 2019-07-26 https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564173550296-1WEY0Y5P9BXGS6GXL1H2/alkanza.png Gallery Page example - Here is my title This is a quick description of my title, what do you think of it https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564173550810-2XB18OT82SOKIE4QV3ZE/ebay.png Gallery Page example https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564173550300-B14KG105CRZUWB9KVYAG/apple.png Gallery Page example https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564173550571-8VKCAWBF02ZD7GTQ0483/chase.png Gallery Page example https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564173550672-I56IFUBXBVZTUE90ZO5V/cub_scouts.png Gallery Page example https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564173550889-GX9UPFLOBSVWN1U8ADNQ/jake_knows.png Gallery Page example https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564173551095-HBY1K4C3ASP3R74UTK8L/jpmorganchase%26co.png Gallery Page example https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564173551182-29OTS02SWBD9KU61J9DC/mortgage_match.png Gallery Page example https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564173551383-K0VLPGB6R5951QNW9NCX/move.png Gallery Page example https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564173551478-BZ7XODKE7S6FYX694QAG/mycloud_wireless_pro.png Gallery Page example https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564173551666-77O3WIUJ8DTF7B9Z996C/mycloud.png Gallery Page example https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564173551753-GPHW6V86QATNPR5ENZ3T/nightingale.png Gallery Page example https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564173551934-9N9AAWXQJYAEWW9ZVRSI/oral_travel_mate.png Gallery Page example https://www.shanekibbledesign.com/horizontal-masonary daily 0.75 2019-07-27 https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564248519630-GZZLDIYOAANMHDR25I2Z/Fitness+%2F+Wellness Horizontal Masonary - Fitness | Wellness Intel https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564248531775-47TBTL179EY3I15QB4JP/trulia.png Horizontal Masonary - Real Estate Trulia https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564248166257-MH3MNSJHC2MEA3NKKHUV/aaa.png Horizontal Masonary - Concierge Services AAA https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564248200989-DAHYDL5N85J2JRLYDL21/apple.png Horizontal Masonary - B2B Aple https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564248510572-PI6Y9WNV4NS8QVHHS4IG/image-asset.png Horizontal Masonary - Social Networking Google https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564248498685-ZA1PSV5OC35AC85ORTHC/image-asset.png Horizontal Masonary - eCommerce eBay https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564248527761-3TQ6USVAXQO9PHIPGUTU/realtor.png Horizontal Masonary - Morgage Realtor.com https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564248969675-CI4TN268F3NGBDNME57Y/image-asset.png Horizontal Masonary - Cloud Storage Western Digital https://www.shanekibbledesign.com/new-page-2 daily 0.75 2019-07-29 https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564251514544-6NT8LLSHFZBGNWU5CRRS/apple.png Grid https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564251522185-286ROYV1ZM5FRF1B07J5/ebay.png Grid https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564251531805-4L4KJY3FF5864R2OCF0H/image-asset.png Grid https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564251510104-8QJ407PCWLQNHSAL22PN/image-asset.png Grid AAA https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564251518356-O7RF2ELETEBT3AFOR0FM/chase.png Grid https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564251544051-D4WV4TQRSRWU2YZO13DS/realtor.png Grid https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564251539618-NSJ77WWM0S86UWEM7U9M/intel.png Grid https://www.shanekibbledesign.com/horiz-masonary daily 0.75 2019-07-29 https://www.shanekibbledesign.com/products daily 0.75 2019-07-29 https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564367539115-IZ0U0H1O5KGPNL3DL3SS/alkanza_hero.png Products - Alkanza Investment Platform https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564367544985-Z4O02F4O2LIVGRSDPIZ2/chase_newsroom_sm.png Products https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564367541500-79TBI9V7XAQTTKKB685X/hero_image.png Products https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564367546173-VL773R6IV3FXF3EPY29H/hero.png Products https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564367537155-LOT9T2Z774LW7H6Q170E/chase_hero.png Products https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564367530349-WF7AVNFX9UB9VCHDSDBJ/apple_screen_in_context.png Products https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564367550725-FQ64Q8AX27U9LLWALGOO/mm_hero_sm.png Products https://www.shanekibbledesign.com/chase-home-page daily 0.75 2019-07-29 https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564368486736-BSCHW5DAAA4BID0J3QT7/Engagement-Opportunity-Map.png Chase Home Page Engagement Opportunities – Chase.com https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564368635906-V6XI3ZWZSE0LKS8KQ5FW/chase_home_wireframe.png Chase Home Page - Wireframe https://www.shanekibbledesign.com/page-for-category-hero-images daily 0.75 2019-07-29 https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564370768264-FN75MUBI45UD700HYNZ5/alkanza_hero.png Page for category hero images - FINANCE https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564370755765-V7OPNKIV4I0GH80GHLGN/apple_screen_in_context.png Page for category hero images - B2B https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564370766182-Y8YIE1DYALK28VZPXFNC/chase_hero.png Page for category hero images https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564370777136-2RTX08FR4WSUHZ37G9QH/chase_newsroom_sm.png Page for category hero images https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564370771808-Q43HKBQ5UXOHV571GLKO/hero_image.png Page for category hero images https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564370777412-UT8QRZJJAIBTLWLUEEFM/hero.png Page for category hero images https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564370786664-9Q34AMUK348R6R6N4GNG/mm_hero_sm.png Page for category hero images https://www.shanekibbledesign.com/product-design-categories daily 1.0 2025-01-27 https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564375538600-FJ8BJFZVACD8T7PM084O/chase_newsroom.png Product Design - Media https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1cf99dc1-cb47-492e-bb9d-51297f354171/bond.png Product Design - Concierge Apps https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564373271846-D3NV1H9W305VTBFSO2UE/my_cloud.jpg Product Design - Digital Storage https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564373313613-TVY3IN1N98FYPUJ7S0UT/alkanza.jpg Product Design - Finance Finance https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1566513548425-TVO4NY1ZJ26KQB11VYSJ/Smart-Pay.png Product Design - Wearables https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564373343432-UA3RXSH0S5JRCSVEFKAA/apple_b2b_store.jpg Product Design - B2B https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564374866197-5168ZMAVOBYNMARFZQ9O/nightingale.png Product Design - IoT https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1565281618473-HPZKNPYWJVVMZO6DK7AT/price_perfect.png Product Design - Mortgage https://www.shanekibbledesign.com/graphic-design-categories daily 0.75 2019-08-26 https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564388241603-L0KYEGNP8O0ZE6U69K65/live_smart_hero.jpg Graphic Design - User Guides https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564415374646-PGU6A5G03S91Y2WXXTUO/Robotics-Patch.jpg Graphic Design - Patches https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564388338026-5MKBPBGH41K6QVIEYVE1/Postcard_hero_image.jpg Graphic Design - Postcards https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564382781325-QXBCSIZITV1724Z2NMH2/hack_poster.jpg Graphic Design - Posters Finance https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564388184991-JOWQ7JWYC1M0L76Y4MK7/robogames_trading_cards_hero.jpg Graphic Design - Trading Cards https://www.shanekibbledesign.com/3d-design-categories daily 0.75 2019-07-31 https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564383504188-JHHFBCACHTUDOE7LNZHH/dental-caddie-hero.jpg 3D Design - Industrial Design https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564416227497-EKI6VJPDK785X8F5YEXO/Oganic_Sculpture_hero.jpg 3D Design - Sculpture https://www.shanekibbledesign.com/design-process-categories daily 0.75 2025-01-27 https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564417903732-QGV88O4ZG2548F7SYLG8/01-design-systems.jpg Design Process - Design Systems Finance https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1567110868339-EZFPKM4GI86M7I1HWIZE/Flow+Diagrams.png Design Process - Flow Diagrams https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564421703576-N8NBED7TA6TZC8BRHE66/design-wall.png Design Process - Design Process https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564423418496-96I8KYZ68V9AKJGGG8WA/george_storyboard.jpg Design Process - Storyboards https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1564423625093-EBQKTT2LRCHPOW2B19XI/WD_mobile_onboarding.png Design Process - UX Audits https://images.squarespace-cdn.com/content/v1/561de288e4b077f6ec73cfec/1566837840935-SRBMY4YY0V1P9PBCBARH/User+Journey.png Design Process - Journey Maps