http://www.kstaudinger.com/exploring-adobe-illustrator daily 0.75 2022-07-23 https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1634148529833-QJBEM8QSZC125BZ9XETU/Illustrator-exploration.png Exploring Adobe Illustrator https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1634087341753-NNYMICBRTK3CU367J31O/FallingBackOnMe.png Exploring Adobe Illustrator Exploring the capabilities of Adobe Illustrator. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1634087609956-A43OF8N13WUZVZ6R1N17/AwakePMuchSober.png Exploring Adobe Illustrator https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1634087646933-9PVB2KOWAGW87AYTVVJK/BabyBlue.png Exploring Adobe Illustrator https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1634087635053-AY4KIUGN8NFXXCV1JT6H/WokeUpWorthless.png Exploring Adobe Illustrator https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1634087440092-5KYEEDD85NTMOOUMSJRQ/KeepOnHoping.png Exploring Adobe Illustrator https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1634087674861-X8RR4DXZR0PF2EGX8P2L/Lost-in-My-Mind.png Exploring Adobe Illustrator https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1634088095408-QBCU65PZ4CY3U5EA8REA/LosingYou.png Exploring Adobe Illustrator https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1634088028325-EACM07TZYHYTBLUD2GI3/UseMeSoft.png Exploring Adobe Illustrator http://www.kstaudinger.com/flour-power daily 0.75 2021-10-13 https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1607369592953-7UJKEX2ER9W0YVRY2VQB/Spread-p2-p3.png Flour Power https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1607369590445-3TULNRMBXLMXRMTKOESK/CF-Front_Cover.png Flour Power https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1607369592953-7UJKEX2ER9W0YVRY2VQB/Spread-p2-p3.png Flour Power https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1607369591001-ZV24HLEB7UC859GLTUBX/Spread-p10-p11.png Flour Power https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1607369591462-YVVJT7XD73XV47667K0T/Spread-p16-p17.png Flour Power http://www.kstaudinger.com/projects-1 daily 1.0 2023-07-24 https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1690218515883-6WZ2Y8UZYHETZ9CSX76F/image-asset.jpg Projects - Pivot https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1690218515883-6WZ2Y8UZYHETZ9CSX76F/image-asset.jpg Projects - Pivot https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/44100b4d-c700-486c-a523-339b86582a7e/image-asset.png Projects - GardenVariety https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1658537313661-7XSAZ4KCPSCH4JLF04NS/image-asset.png Projects - Product Design https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1658537135278-PVAUY2HRZXMD91MSDC4T/image-asset.png Projects - Data Repository https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1634090510589-32GGNOA1XJK364FPXCFG/image-asset.png Projects - Latela Curatorial https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1634145037676-DCE871F7DD4HQ1I2C6RZ/image-asset.png Projects - GLB Memorial Fund https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1634147257124-IQO56LR4JB1N8PSTGSNT/image-asset.png Projects - CEZS https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1634152021164-FRR2LBQ7B8PX46YG2YR7/image-asset.png Projects - Cirrus http://www.kstaudinger.com/contact daily 0.75 2023-12-14 http://www.kstaudinger.com/glb-fund daily 0.75 2023-04-12 https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1634145037676-DCE871F7DD4HQ1I2C6RZ/GLB-Suite.png GLB Memorial Fund Branding package for the GLB Memorial Fund for the Arts that includes a letterhead, business card, and a color palette. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1634145197698-85K0U9XDASRPJUB9QQFF/glb_monogram.png GLB Memorial Fund - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1634145037676-DCE871F7DD4HQ1I2C6RZ/GLB-Suite.png GLB Memorial Fund http://www.kstaudinger.com/cirrus daily 0.75 2023-04-12 https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1634151627061-4PK8UICODR31LRIJVEGS/Cirrus-Logo-FINAL.png Cirrus - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1634151601733-4BE0JUG7AS3O5TENG918/Cirrus-Logo-sq.png Cirrus https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1634152021164-FRR2LBQ7B8PX46YG2YR7/Cirrus-Banner.png Cirrus http://www.kstaudinger.com/latela-curatorial daily 0.75 2023-04-12 https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1634085213289-3VSTVRV4XVLFOJRQZLVE/Latela-Branding-Package.png Latela Curatorial Latela Curatorial rebranding materials that include a letterhead, business cards, an updated color palette, and desktop and mobile website views. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1634090023791-K0AXW6O61Z5MCIWOIYSF/Latela-Logo-secondary.png Latela Curatorial - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1634090007571-E2MKBIQNTMK32JGQ5RFH/Latela-logo-Main.png Latela Curatorial - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1634090510589-32GGNOA1XJK364FPXCFG/Latela-Branding-Package.png Latela Curatorial http://www.kstaudinger.com/cezs daily 0.75 2023-04-12 https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1634147574377-9SZ90HV3WRZ3LWHUAQPA/2021_CEZS-Logo.png CeZS - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1634147325028-UIRE03G5W6LTFW6K2FJT/2021_CEZS-Logo-bg.png CeZS CEZS logo displayed on a dark background. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1634147257124-IQO56LR4JB1N8PSTGSNT/2021_CEZS-banner.png CeZS http://www.kstaudinger.com/about daily 0.75 2023-07-24 https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1634152730726-49L0TO6MFKUKT2HF0PVI/IMG_5760.JPG About http://www.kstaudinger.com/gardenvariety-overview daily 0.75 2023-04-12 https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/44100b4d-c700-486c-a523-339b86582a7e/GardenVariety---Extended-Screen---Phone.png Overview Desktop and mobile view for the homepage of the GardenVariety sales platform. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/44100b4d-c700-486c-a523-339b86582a7e/GardenVariety---Extended-Screen---Phone.png Overview http://www.kstaudinger.com/gardenvariety-understanding-the-user daily 0.75 2023-04-12 https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/d1005573-3527-40ea-bd9f-626bba9c7f36/GardenVariety-Persona-and-Journey.png Understanding the User - Make it stand out Whatever it is, the way you tell your story online can make all the difference. http://www.kstaudinger.com/gardenvariety-starting-the-design daily 0.75 2023-04-11 https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1681225570653-PYCISUU9XC2FQWX1I320/Web+1920+%E2%80%93+Products-Shop.png Starting the Design - GardenVariety Products Page Wireframe The product page features a quick “Add to Cart” option in the bottom left corner of each image for customers who are looking for a specific product rather than browsing. Each card component also contains the product name, a default size, and a default price. Clicking on the tile rather than the quick add button leads to the specific product page. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1681232934919-YMK551IP45FRRQD9EBBV/Web%2B1920%2B%25E2%2580%2593%2BProducts-Shop%2B-%2Boverlay.jpg Starting the Design - GardenVariety Quick Add Wireframe In the “Quick Add” overlay, customers are given a way to quickly select and confirm product purchase options without navigating away from their current page. An easy exit is provided in the overlay as well. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1681225585043-UTR643IYP0AT9DUPDAWF/Web+1920+%E2%80%93+Checkout+Scheduling.png Starting the Design - GardenVariety Scheduling Wireframe The scheduling page features an interactive calendar that allows the customer to select the month and date that they wish to plan their pick-up, or local delivery. Time slot buttons are provided next to the calendar to provide a quick view of the available times to select from on any given day. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/34f1f75d-5cbc-4157-99fc-076ddf294841/gardenvariety-sitemap.png Starting the Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1681234704041-OE9LVW8PWAFEM9ELH7VR/iPhone+14+Pro+%E2%80%93+2.png Starting the Design - GardenVariety Homepage Mobile Wireframe https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1681234704123-DL192R28BKAHOTELIYU8/iPhone+14+Pro+%E2%80%93+3.png Starting the Design - GardenVariety Products Page Mobile Wireframe https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1681234704758-03ZRENEIRP14UDQQZUF4/iPhone+14+Pro+%E2%80%93+4.png Starting the Design - GardenVariet Product Details Page Mobile Wireframe https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1681225542660-BB524YFOSRC4PFKT2NRM/gardenvaritey-lofi-map.png Starting the Design - Make it stand out This map shows the basic interactions and connections between pages in the LoFi prototype. http://www.kstaudinger.com/gardenvariety-refining-the-design daily 0.75 2023-04-12 https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1681234598971-2TL7VHKDI2KKUG7PFPR6/iPhone+14+Pro+%E2%80%93+Home.png Refining the Design - GardenVariety Full Mobile Home Page https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1681311611929-5FESWOA36J9EDVOOCNVO/Shop-Page-Mobile.png Refining the Design - GardenVariety Mobile Products Page https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1681311408398-SKXGB7VX7BT6Y36UTSFP/Product-Page-Mobile.png Refining the Design - GardenVariety Mobile Quick-Add Overlay https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1681234398716-GTP8QH4Z4L2C6FBVDQOO/Web+1920+%E2%80%93+Home.png Refining the Design - GardenVariety Home Page The homepage is designed to be visually engaging from the large colorful photos of floral offerings, to the use of negative space and the floral inspired color palette. We made sure to include high-level information to help guide customers to the information they are looking for. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1681234400748-90NH14SBK93CB5I2Q7YQ/Web+1920+%E2%80%93+Products-Shop.png Refining the Design - GardenVariety Products Page The products page makes use of a card system that displays quick information with the ability to see all purchasing options via the “Quick-Add” buttons at the bottom left corner of the card images, or to navigate to the individual product page by clicking anywhere else on the card. This page also makes use of a lazy-load scroll feature that allows the products to load down the page as the user moves through them, as well as a “Load More” button just in case! This feature translates well to the vertically stacked mobile design. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1681234407674-Z2VSR7IJNVTPEYJ3YQSG/Web+1920+%E2%80%93+Product+page.png Refining the Design - GardenVariety Individual Product Page The individual product page contains more images of the specific product as well as general information and care tips. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1681234412457-XEVIOJ9FW0Y06NR895OR/Web+1920+%E2%80%93+Cart.png Refining the Design - GardenVariety Cart Page The cart page is clearly lays out which product(s) are being purchased with an itemized list as well as the pricing breakdown before continuing the checkout process. Customers can also find controls necessary for adding and subtracting items that exist in their carts. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1681234415747-I4LOTSN6JGUA0L8LWRG3/Web+1920+%E2%80%93+Checkout+Scheduling.png Refining the Design - GardenVariety Scheduling Page The scheduling page allows customers to decide whether or not they want to pick-up their orders, or have orders delivered, and find dates and times that work best for them. The calendar title functions as a drop-down menu that allows customers to select between “Pick-Up,” and “Delivery.” The calendar will show available dates based on the customer’s selection. The time selection works with the calendar and shows available time slots on any given day. An added bonus is that customers can select a time slot first, and see dates available if they so choose. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1681234425584-51Q10U3M99DD1XQTUX9N/Web+1920+%E2%80%93+Confirmation.png Refining the Design - GardenVariety Thank You Page The Thank You page functions as a nice message to GardenVariety’s valued customers and provides a way back to the products page should they want to do more browsing, or shopping. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/94c620e6-a6fd-4f06-b541-e4de2d782b69/gardenvariety-hifi-prototype-map.png Refining the Design - Make it stand out This map shows all of the intended interactions and connections between pages in the expanded HiFi prototype. http://www.kstaudinger.com/gardenvariety-going-forward daily 0.75 2023-04-11 http://www.kstaudinger.com/gardenvariety daily 0.75 2023-07-24 https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/94c620e6-a6fd-4f06-b541-e4de2d782b69/gardenvariety-hifi-prototype-map.png GardenVariety - Make it stand out This map shows all of the intended interactions and connections between pages in the expanded HiFi prototype. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1681234398716-GTP8QH4Z4L2C6FBVDQOO/Web+1920+%E2%80%93+Home.png GardenVariety - GardenVariety Home Page The homepage is designed to be visually engaging from the large colorful photos of floral offerings, to the use of negative space and the floral inspired color palette. We made sure to include high-level information to help guide customers to the information they are looking for. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1681234400748-90NH14SBK93CB5I2Q7YQ/Web+1920+%E2%80%93+Products-Shop.png GardenVariety - GardenVariety Products Page The products page makes use of a card system that displays quick information with the ability to see all purchasing options via the “Quick-Add” buttons at the bottom left corner of the card images, or to navigate to the individual product page by clicking anywhere else on the card. This page also makes use of a lazy-load scroll feature that allows the products to load down the page as the user moves through them, as well as a “Load More” button just in case! This feature translates well to the vertically stacked mobile design. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1681234407674-Z2VSR7IJNVTPEYJ3YQSG/Web+1920+%E2%80%93+Product+page.png GardenVariety - GardenVariety Individual Product Page The individual product page contains more images of the specific product as well as general information and care tips. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1681234412457-XEVIOJ9FW0Y06NR895OR/Web+1920+%E2%80%93+Cart.png GardenVariety - GardenVariety Cart Page The cart page is clearly lays out which product(s) are being purchased with an itemized list as well as the pricing breakdown before continuing the checkout process. Customers can also find controls necessary for adding and subtracting items that exist in their carts. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1681234415747-I4LOTSN6JGUA0L8LWRG3/Web+1920+%E2%80%93+Checkout+Scheduling.png GardenVariety - GardenVariety Scheduling Page The scheduling page allows customers to decide whether or not they want to pick-up their orders, or have orders delivered, and find dates and times that work best for them. The calendar title functions as a drop-down menu that allows customers to select between “Pick-Up,” and “Delivery.” The calendar will show available dates based on the customer’s selection. The time selection works with the calendar and shows available time slots on any given day. An added bonus is that customers can select a time slot first, and see dates available if they so choose. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1681234425584-51Q10U3M99DD1XQTUX9N/Web+1920+%E2%80%93+Confirmation.png GardenVariety - GardenVariety Thank You Page The “Thank You” page confirms the customers’ order with a friendly message and provides a way back to the products page should they want to do more browsing, or shopping. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/34f1f75d-5cbc-4157-99fc-076ddf294841/gardenvariety-sitemap.png GardenVariety - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1681234704041-OE9LVW8PWAFEM9ELH7VR/iPhone+14+Pro+%E2%80%93+2.png GardenVariety - GardenVariety Homepage Mobile Wireframe https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1681234704123-DL192R28BKAHOTELIYU8/iPhone+14+Pro+%E2%80%93+3.png GardenVariety - GardenVariety Products Page Mobile Wireframe https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1681234704758-03ZRENEIRP14UDQQZUF4/iPhone+14+Pro+%E2%80%93+4.png GardenVariety - GardenVariet Product Details Page Mobile Wireframe https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1681225542660-BB524YFOSRC4PFKT2NRM/gardenvaritey-lofi-map.png GardenVariety - Make it stand out This map shows the basic interactions and connections between pages in the LoFi prototype. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/44100b4d-c700-486c-a523-339b86582a7e/GardenVariety---Extended-Screen---Phone.png GardenVariety - Make it stand out Desktop and mobile view for the homepage of the GardenVariety sales platform. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1681225567176-BT684K84ZEHN30EW0J6N/Web+1920+%E2%80%93+Home.png GardenVariety https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1681225570653-PYCISUU9XC2FQWX1I320/Web+1920+%E2%80%93+Products-Shop.png GardenVariety - GardenVariety Products Page Wireframe The product page features a quick “Add to Cart” option in the bottom left corner of each image for customers who are looking for a specific product rather than browsing. Each card component also contains the product name, a default size, and a default price. Clicking on the tile rather than the quick add button leads to the specific product page. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1681232934919-YMK551IP45FRRQD9EBBV/Web%2B1920%2B%25E2%2580%2593%2BProducts-Shop%2B-%2Boverlay.jpg GardenVariety - GardenVariety Quick Add Wireframe In the “Quick Add” overlay, customers are given a way to quickly select and confirm product purchase options without navigating away from their current page. An easy exit is provided in the overlay as well. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1681225585043-UTR643IYP0AT9DUPDAWF/Web+1920+%E2%80%93+Checkout+Scheduling.png GardenVariety - GardenVariety Scheduling Wireframe The scheduling page features an interactive calendar that allows the customer to select the month and date that they wish to plan their pick-up, or local delivery. Time slot buttons are provided next to the calendar to provide a quick view of the available times to select from on any given day. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/0ff6a0fd-378f-4edb-b6d5-bbe8c9b8db2c/Persona-and-journey-23.png GardenVariety - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1681234598971-2TL7VHKDI2KKUG7PFPR6/iPhone+14+Pro+%E2%80%93+Home.png GardenVariety - Full Homepage https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1681311611929-5FESWOA36J9EDVOOCNVO/Shop-Page-Mobile.png GardenVariety - All Products https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1681311408398-SKXGB7VX7BT6Y36UTSFP/Product-Page-Mobile.png GardenVariety - Quick Add Overlay https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/44100b4d-c700-486c-a523-339b86582a7e/GardenVariety---Extended-Screen---Phone.png GardenVariety http://www.kstaudinger.com/product-design daily 0.75 2023-04-12 https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1658537313661-7XSAZ4KCPSCH4JLF04NS/Globodyne--Extended-Screen---Phone.png Product Design - Desktop and Mobile Views This is a UI/UX overhaul of an existing website. Changes to the homepage include a new layout with emphasis on Gestalt principles that were previously ignored such as hierarchy of information, common regions and continuity. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1658537314568-3VB1BWTYMTP36ZLF28JL/Globodyne-Screens-dark.png Product Design - Desktop Views These desktop views show how the page content interacts with, and displays, in the browser window. Typical browser sizes were taken into account while designing the layout to ensure that groups of content that are meant to be displayed together can, and will, always be displayed together. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1658537310099-Y18A5OMM016RZIKYKS19/Globo-Phone.png Product Design - Mobile Views These mobile views show how the site can be transformed to fit a smaller, vertical screen size without losing important information. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1658537313661-7XSAZ4KCPSCH4JLF04NS/Globodyne--Extended-Screen---Phone.png Product Design http://www.kstaudinger.com/data-repository daily 0.75 2023-04-12 https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1658537135278-PVAUY2HRZXMD91MSDC4T/EDS-Screens-light.png Data Repository - Data Repository Overhaul This data repository was brought into the 21st century with some tasteful UI updates. Most of the pages in the repository re-use basic themes including a table layout with data information, and a search function that returns results in a legible and useful way. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1658537135180-5QEZ45HWX8JSFFU8Y9R3/EDS-2Screen-light.png Data Repository - Closer Look The search page populates results and has easy to use filters based on documents saved to the repository. Search results, as well as tables, are scroll-able components within the pages. This was done to keep pagination controls visible at all times, and prevent users from feeling overwhelmed by page lengths. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1658537137322-T5SWW3AP2W6HD6TLMK49/EDS-Screens-dark.png Data Repository - Dark Mode The data repository was built with a dark mode capability. The switch between regular and dark mode is found in the top right corner of every screen. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1658537131448-56ZLL9TK44N4QP8816CF/EDS-2Screen-dark.png Data Repository - Dark Mode Closer Look All elements of the site work identically in dark mode as they do in the regular view. The colors have been adjusted to be easier on the eyes while communicating depth, and without sacrificing the branding. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1658537131217-5LCODPGAZOHM0XB3HUIW/EDS-Wire-Frames.png Data Repository - Low Fidelity Mockups These mockups provided a quick view of the upcoming changes for clients. The new color palette was used in the mock ups to show the difference some color updates can have on the overall feel of a site or application. Color changes along with restructuring information showed the client an increased usability and were enough to get the go-ahead to move on to high fidelity designs. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1658537136034-RO11BBEQS1O56KRGY42M/Enterprise-Data-System-Map-FINAL.png Data Repository - Sitemap Visual updates were not the only changes made to the data repository. An updated organization of information into usable groups was recommended as well. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1658537135180-5QEZ45HWX8JSFFU8Y9R3/EDS-2Screen-light.png Data Repository http://www.kstaudinger.com/gardenvariety-copy daily 0.75 2023-04-12 https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/44100b4d-c700-486c-a523-339b86582a7e/GardenVariety---Extended-Screen---Phone.png GardenVariety (Copy) - Make it stand out Desktop and mobile view for the homepage of the GardenVariety sales platform. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1681234598971-2TL7VHKDI2KKUG7PFPR6/iPhone+14+Pro+%E2%80%93+Home.png GardenVariety (Copy) - Full Homepage (Copy) https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1681311611929-5FESWOA36J9EDVOOCNVO/Shop-Page-Mobile.png GardenVariety (Copy) - All Products (Copy) https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1681311408398-SKXGB7VX7BT6Y36UTSFP/Product-Page-Mobile.png GardenVariety (Copy) - Quick Add Overlay (Copy) https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/34f1f75d-5cbc-4157-99fc-076ddf294841/gardenvariety-sitemap.png GardenVariety (Copy) - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1681225542660-BB524YFOSRC4PFKT2NRM/gardenvaritey-lofi-map.png GardenVariety (Copy) - Make it stand out This map shows the basic interactions and connections between pages in the LoFi prototype. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1681225567176-BT684K84ZEHN30EW0J6N/Web+1920+%E2%80%93+Home.png GardenVariety (Copy) https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1681225570653-PYCISUU9XC2FQWX1I320/Web+1920+%E2%80%93+Products-Shop.png GardenVariety (Copy) - GardenVariety Products Page Wireframe (Copy) The product page features a quick “Add to Cart” option in the bottom left corner of each image for customers who are looking for a specific product rather than browsing. Each card component also contains the product name, a default size, and a default price. Clicking on the tile rather than the quick add button leads to the specific product page. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1681232934919-YMK551IP45FRRQD9EBBV/Web%2B1920%2B%25E2%2580%2593%2BProducts-Shop%2B-%2Boverlay.jpg GardenVariety (Copy) - GardenVariety Quick Add Wireframe (Copy) In the “Quick Add” overlay, customers are given a way to quickly select and confirm product purchase options without navigating away from their current page. An easy exit is provided in the overlay as well. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1681225585043-UTR643IYP0AT9DUPDAWF/Web+1920+%E2%80%93+Checkout+Scheduling.png GardenVariety (Copy) - GardenVariety Scheduling Wireframe (Copy) The scheduling page features an interactive calendar that allows the customer to select the month and date that they wish to plan their pick-up, or local delivery. Time slot buttons are provided next to the calendar to provide a quick view of the available times to select from on any given day. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/94c620e6-a6fd-4f06-b541-e4de2d782b69/gardenvariety-hifi-prototype-map.png GardenVariety (Copy) - Make it stand out This map shows all of the intended interactions and connections between pages in the expanded HiFi prototype. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1681234398716-GTP8QH4Z4L2C6FBVDQOO/Web+1920+%E2%80%93+Home.png GardenVariety (Copy) - GardenVariety Home Page (Copy) The homepage is designed to be visually engaging from the large colorful photos of floral offerings, to the use of negative space and the floral inspired color palette. We made sure to include high-level information to help guide customers to the information they are looking for. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1681234400748-90NH14SBK93CB5I2Q7YQ/Web+1920+%E2%80%93+Products-Shop.png GardenVariety (Copy) - GardenVariety Products Page (Copy) The products page makes use of a card system that displays quick information with the ability to see all purchasing options via the “Quick-Add” buttons at the bottom left corner of the card images, or to navigate to the individual product page by clicking anywhere else on the card. This page also makes use of a lazy-load scroll feature that allows the products to load down the page as the user moves through them, as well as a “Load More” button just in case! This feature translates well to the vertically stacked mobile design. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1681234407674-Z2VSR7IJNVTPEYJ3YQSG/Web+1920+%E2%80%93+Product+page.png GardenVariety (Copy) - GardenVariety Individual Product Page (Copy) The individual product page contains more images of the specific product as well as general information and care tips. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1681234412457-XEVIOJ9FW0Y06NR895OR/Web+1920+%E2%80%93+Cart.png GardenVariety (Copy) - GardenVariety Cart Page (Copy) The cart page is clearly lays out which product(s) are being purchased with an itemized list as well as the pricing breakdown before continuing the checkout process. Customers can also find controls necessary for adding and subtracting items that exist in their carts. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1681234415747-I4LOTSN6JGUA0L8LWRG3/Web+1920+%E2%80%93+Checkout+Scheduling.png GardenVariety (Copy) - GardenVariety Scheduling Page (Copy) The scheduling page allows customers to decide whether or not they want to pick-up their orders, or have orders delivered, and find dates and times that work best for them. The calendar title functions as a drop-down menu that allows customers to select between “Pick-Up,” and “Delivery.” The calendar will show available dates based on the customer’s selection. The time selection works with the calendar and shows available time slots on any given day. An added bonus is that customers can select a time slot first, and see dates available if they so choose. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1681234425584-51Q10U3M99DD1XQTUX9N/Web+1920+%E2%80%93+Confirmation.png GardenVariety (Copy) - GardenVariety Thank You Page (Copy) The “Thank You” page confirms the customers’ order with a friendly message and provides a way back to the products page should they want to do more browsing, or shopping. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/d1005573-3527-40ea-bd9f-626bba9c7f36/GardenVariety-Persona-and-Journey.png GardenVariety (Copy) - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1681234704041-OE9LVW8PWAFEM9ELH7VR/iPhone+14+Pro+%E2%80%93+2.png GardenVariety (Copy) - GardenVariety Homepage Mobile Wireframe (Copy) https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1681234704123-DL192R28BKAHOTELIYU8/iPhone+14+Pro+%E2%80%93+3.png GardenVariety (Copy) - GardenVariety Products Page Mobile Wireframe (Copy) https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1681234704758-03ZRENEIRP14UDQQZUF4/iPhone+14+Pro+%E2%80%93+4.png GardenVariety (Copy) - GardenVariet Product Details Page Mobile Wireframe (Copy) https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/44100b4d-c700-486c-a523-339b86582a7e/GardenVariety---Extended-Screen---Phone.png GardenVariety (Copy) http://www.kstaudinger.com/pivot daily 0.75 2023-07-24 https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1690142139367-P5359V2ZV3ND3YZ2WCQH/Web+1920+%E2%80%93+2.png Pivot - Pivot Desktop Welcome Screen https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1690142139490-QW1SYAHB592FJO5MRTP5/Web+1920+%E2%80%93+3.png Pivot - Pivot Desktop Introductory Survey Screen https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1690142140545-B262L5AUEIHVIYOVCHMN/Web+1920+%E2%80%93+5.png Pivot - Pivot Desktop Completed Introductory Survey Screen https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1690142136692-5EQNSIO8UQ36OO58WTYG/Web+1920+%E2%80%93+7.png Pivot - Pivot Desktop Skill Entry Screen https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1690142138497-AD12Z7TJU2JHLDVLAMS2/Web+1920+%E2%80%93+9.png Pivot - Pivot Desktop Program Entry Screen https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1690142136867-1WIV4ZOPYSYFOVI7EZYW/Web+1920+%E2%80%93+11.png Pivot - Pivot Desktop Goal Options Screen https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1690142141228-0BAQ4IN880M5C3COQVNU/Web+1920+%E2%80%93+12.png Pivot - Pivot Desktop Example Profile Screen https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1690142141532-DLI67ZQS6EHGQEBNX9PH/Web+1920+%E2%80%93+13.png Pivot - Pivot Desktop Example Progress Tracking Screen https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/fe9533ea-c81f-4949-8535-8cb7f7debfa9/Screenshot+2023-07-23+at+1.49.38+PM.png Pivot - Make it stand out This map shows all of the intended interactions and connections between pages in the expanded HiFi prototype. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1690211432858-4L8KD1F0NLN6DL7DS8GX/Phone---Tablet---v2-50p.png Pivot - Make it stand out Tablet and mobile view for various screens of the Pivot application. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/ca167b05-5322-4ad2-8ccb-0a1f332da025/Pivot-Phone-browser-v2-50p.png Pivot - Make it stand out Desktop view of a completed survey page and mobile view of a user profile page in the Pivot application. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/5c130c17-a529-4924-8d37-271f2846aba5/Pivot-persona-and-journey.png Pivot - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1690141895075-MS2NRH56JUA3KXCFJ8KZ/iPhone+14+Pro+Max+%E2%80%93+2.png Pivot - Pivot Mobile App Welcome Screen https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1690141894261-2JHOGSY2FBN2K69B3KCE/iPhone+14+Pro+Max+%E2%80%93+3.png Pivot - Pivot Mobile App Introductory Survey Screen https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1690141894191-1S6H4C1Q8P24EQ0KPI72/iPhone+14+Pro+Max+%E2%80%93+4.png Pivot - Pivot Mobile App Completed Introductory Survey Screen https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1690141892562-8EDCCWSOEQGE4G8Z8KX9/iPhone+14+Pro+Max+%E2%80%93+6.png Pivot - Pivot Mobile App Skill Entry Screen https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1690141893354-M5EJVFHH3USR15KTPADZ/iPhone+14+Pro+Max+%E2%80%93+8.png Pivot - Pivot Mobile App Program Entry Screen https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1690141891813-8L6LV2FU4LNLVA7WXNTM/iPhone+14+Pro+Max+%E2%80%93+10.png Pivot - Pivot Mobile App Goal Options Screen https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1690141895775-5USEIAHJEIMGJVDSVYQ9/iPhone+14+Pro+Max+%E2%80%93+11.png Pivot - Pivot Mobile App Example Profile Screen https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1690141894893-1CPFO5AO9AE2OZZMKRE8/iPhone+14+Pro+Max+%E2%80%93+12.png Pivot - Pivot Mobile App Example Progress Tracking Screen https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/5e912f40-9776-48d7-9817-06a0adf59369/Pivot-LoFi-Prototype.png Pivot - Make it stand out This map shows the basic interactions and connections between pages in the LoFi prototype. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/c4c39b2b-757d-463c-885e-1765190e7cb1/Pivot-Sitemap-v2.png Pivot - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1690142357793-WCGEE4QLE0KXIU1OWIQV/iPhone+14+Pro+Max+%E2%80%93+2.png Pivot - Early Pivot Welcome Screen https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1690142356295-898G2A562Y5PP1LIBNAK/iPhone+14+Pro+Max+%E2%80%93+3.png Pivot - Early Pivot Survey Introduction https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1690142355556-WTQU2REAYCIIXCX9JSJ2/iPhone+14+Pro+Max+%E2%80%93+5.png Pivot - Early Pivot Skill Entry https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1690142355576-89Z5RG5L7CKUK6A1GMQD/iPhone+14+Pro+Max+%E2%80%93+9.png Pivot - Early Pivot Program Entry https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1690142357757-NJUJOKOL8ST6Y9X9GB2W/iPhone+14+Pro+Max+%E2%80%93+7.png Pivot - Early Pivot Goal Options https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1690142354734-0VACGKDTWG0R5SV08THD/iPhone+14+Pro+Max+%E2%80%93+8.png Pivot - Early Pivot Profile Page https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1690142357093-IZ67RD9E6P5J4P8FCHK4/iPhone+14+Pro+Max+%E2%80%93+11.png Pivot - Early Pivot Option Exploration https://images.squarespace-cdn.com/content/v1/55372e23e4b035d4cbd4cf6e/1690211432858-4L8KD1F0NLN6DL7DS8GX/Phone---Tablet---v2-50p.png Pivot