Verbier Delivery, a Swiss Food Delivery Service (responsive web)

<!doctype html> <html xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml" lang="en-US" > <head> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1">  <base href=""> <meta charset="utf-8" /> <title>Verbier Delivery, a Swiss Food Delivery Service (responsive web) — Bettina Bergendahl</title> <meta http-equiv="Accept-CH" content="Sec-CH-UA-Platform-Version, Sec-CH-UA-Model" /><link rel="icon" type="image/x-icon" href="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/e3dda7f8-df61-45b6-bc20-344277748e3f/favicon.ico?format=100w"/> <link rel="canonical" href="https://www.bettinabergendahl.com/work/verbierdelivery-food-delivery-service"/> <meta property="og:site_name" content="Bettina Bergendahl"/> <meta property="og:title" content="Verbier Delivery, a Swiss Food Delivery Service (responsive web) — Bettina Bergendahl"/> <meta property="og:url" content="https://www.bettinabergendahl.com/work/verbierdelivery-food-delivery-service"/> <meta property="og:type" content="website"/> <meta property="og:image" content="http://static1.squarespace.com/static/61942e96d74613527bb6d7a1/61942eaeb4c72757a8009dcd/61942eaeb4c72757a8009de3/1639423021869/VDShot.png?format=1500w"/> <meta property="og:image:width" content="1500"/> <meta property="og:image:height" content="1125"/> <meta itemprop="name" content="Verbier Delivery, a Swiss Food Delivery Service (responsive web) — Bettina Bergendahl"/> <meta itemprop="url" content="https://www.bettinabergendahl.com/work/verbierdelivery-food-delivery-service"/> <meta itemprop="thumbnailUrl" content="http://static1.squarespace.com/static/61942e96d74613527bb6d7a1/61942eaeb4c72757a8009dcd/61942eaeb4c72757a8009de3/1639423021869/VDShot.png?format=1500w"/> <link rel="image_src" href="http://static1.squarespace.com/static/61942e96d74613527bb6d7a1/61942eaeb4c72757a8009dcd/61942eaeb4c72757a8009de3/1639423021869/VDShot.png?format=1500w" /> <meta itemprop="image" content="http://static1.squarespace.com/static/61942e96d74613527bb6d7a1/61942eaeb4c72757a8009dcd/61942eaeb4c72757a8009de3/1639423021869/VDShot.png?format=1500w"/> <meta name="twitter:title" content="Verbier Delivery, a Swiss Food Delivery Service (responsive web) — Bettina Bergendahl"/> <meta name="twitter:image" content="http://static1.squarespace.com/static/61942e96d74613527bb6d7a1/61942eaeb4c72757a8009dcd/61942eaeb4c72757a8009de3/1639423021869/VDShot.png?format=1500w"/> <meta name="twitter:url" content="https://www.bettinabergendahl.com/work/verbierdelivery-food-delivery-service"/> <meta name="twitter:card" content="summary"/> <meta name="description" content="" /> <link rel="preconnect" href="https://images.squarespace-cdn.com"> <script type="text/javascript" src="//use.typekit.net/ik/Wn-vjEBAYmL-26rys-8kM9vZz1z6BHIwMxPDL8lCS06fel6gfFHN4UJLFRbh52jhWDjU5QbkZQqhZ2SXFRIDFQJajcJhZ2iywsGMJ6U3ScNt-AuyOAozicIKfcl8SeU8SKuDieb7fbKnMsMMeMI6MKG4f5J7IMMjMkMfH6GJCwbgIMMjgPMfH6qJK3IbMg6YJMJ7fbRRHyMMeMX6MKG4fJ3gIMMjIPMfH6qJq9XbMs62JMJ7fbKFQsMgeMb6MKG4f44FIMIjgPMfH6qJRXXbMs6YJMJ7fbKJSyMgeMX6MKG4fJoFIMIj2KMfH6qJqIXbMs6sJMHbMp0Jv-ve.js"></script> <script type="text/javascript">try{Typekit.load();}catch(e){}</script> <script type="text/javascript" crossorigin="anonymous" defer="defer" nomodule="nomodule" src="//assets.squarespace.com/@sqs/polyfiller/1.6/legacy.js"></script> <script type="text/javascript" crossorigin="anonymous" defer="defer" src="//assets.squarespace.com/@sqs/polyfiller/1.6/modern.js"></script> <script type="text/javascript">SQUARESPACE_ROLLUPS = {};</script> <script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/extract-css-runtime-069e2954daea8a620b50-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-extract_css_runtime');</script> <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/extract-css-runtime-069e2954daea8a620b50-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/extract-css-moment-js-vendor-6c569122bfa66a51a056-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-extract_css_moment_js_vendor');</script> <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/extract-css-moment-js-vendor-6c569122bfa66a51a056-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/cldr-resource-pack-32136deb9638cc6130b2-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-cldr_resource_pack');</script> <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/cldr-resource-pack-32136deb9638cc6130b2-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/common-vendors-stable-61293f01d648eef165fc-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-common_vendors_stable');</script> <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/common-vendors-stable-61293f01d648eef165fc-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/common-vendors-be0091dc488b10891ed6-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-common_vendors');</script> <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/common-vendors-be0091dc488b10891ed6-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/common-2d1a2dc371a8de03ebe4-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-common');</script> <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/common-2d1a2dc371a8de03ebe4-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/performance-d9f618c1beaea97b6499-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-performance');</script> <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/performance-d9f618c1beaea97b6499-min.en-US.js" defer ></script><script data-name="static-context">Static = window.Static || {}; Static.SQUARESPACE_CONTEXT = {"betaFeatureFlags":["enable_css_variable_tweaks","campaigns_discount_section_in_automations","gdpr_cookie_banner","visitor_react_forms","campaigns_global_uc_ab","marketing_landing_page","accounting_orders_sync","override_block_styles","commerce_clearpay","commerce_site_visitor_metrics","themes","member_areas_feature","nested_categories","campaigns_black_friday_banners","campaigns_thumbnail_layout","fluid_engine_clean_up_grid_contextual_change","i18n_beta_website_locales","scripts_defer","pages_panel_v3_search_bar","hideable_header_footer_for_videos","toggle_preview_new_shortcut","hide_header_footer_beta","new_stacked_index","campaigns_import_discounts","order_status_page_checkout_landing_enabled","collection_typename_switching","nested_categories_migration_enabled","campaigns_discount_section_in_blasts","fluid_engine","hideable_header_footer_for_memberareas","campaigns_new_image_layout_picker","is_feature_gate_refresh_enabled","hideable_header_footer_for_courses","unify_edit_mode_p2","supports_versioned_template_assets","blueprint_content_replacement","contacts_and_campaigns_redesign","hideable_header_footer"],"videoAssetsFeatureFlags":["mux-data-video-collection","mux-data-course-collection"],"facebookAppId":"314192535267336","facebookApiVersion":"v6.0","rollups":{"squarespace-announcement-bar":{"js":"//assets.squarespace.com/universal/scripts-compressed/announcement-bar-abc247145d9c909b7ca1-min.en-US.js"},"squarespace-audio-player":{"css":"//assets.squarespace.com/universal/styles-compressed/audio-player-ef238f99d44a3bdc6fbe-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/audio-player-7b2d6f5ce8ae62cf892f-min.en-US.js"},"squarespace-blog-collection-list":{"css":"//assets.squarespace.com/universal/styles-compressed/blog-collection-list-8ec841cacfb75d4282f4-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/blog-collection-list-44fda292525bdeb0ee8a-min.en-US.js"},"squarespace-calendar-block-renderer":{"css":"//assets.squarespace.com/universal/styles-compressed/calendar-block-renderer-b15e2d46a617c8add4b4-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/calendar-block-renderer-ba9e797b1c6edb9a3bac-min.en-US.js"},"squarespace-chartjs-helpers":{"css":"//assets.squarespace.com/universal/styles-compressed/chartjs-helpers-9e75b5d75bb5cb4c1f67-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/chartjs-helpers-6f4b03f58cff68354645-min.en-US.js"},"squarespace-comments":{"css":"//assets.squarespace.com/universal/styles-compressed/comments-a0d9356d7c1596ab2c53-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/comments-80a567d7afca7ea1dbfe-min.en-US.js"},"squarespace-custom-css-popup":{"css":"//assets.squarespace.com/universal/styles-compressed/custom-css-popup-d6e0f953c836d9289b10-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/custom-css-popup-2e8bb2097a78eeeb6383-min.en-US.js"},"squarespace-dialog":{"css":"//assets.squarespace.com/universal/styles-compressed/dialog-2dcac307baebe70727dc-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/dialog-dbb8daeadaf90e62b274-min.en-US.js"},"squarespace-events-collection":{"css":"//assets.squarespace.com/universal/styles-compressed/events-collection-b15e2d46a617c8add4b4-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/events-collection-297bf44c7cd0c7f15d78-min.en-US.js"},"squarespace-form-rendering-utils":{"js":"//assets.squarespace.com/universal/scripts-compressed/form-rendering-utils-a92219a77cf6d4679390-min.en-US.js"},"squarespace-forms":{"css":"//assets.squarespace.com/universal/styles-compressed/forms-b952cddb94c5d471b8d3-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/forms-49fd9d5237aa589917dd-min.en-US.js"},"squarespace-gallery-collection-list":{"css":"//assets.squarespace.com/universal/styles-compressed/gallery-collection-list-8ec841cacfb75d4282f4-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/gallery-collection-list-dabc951e1bbbe8467525-min.en-US.js"},"squarespace-image-zoom":{"css":"//assets.squarespace.com/universal/styles-compressed/image-zoom-8ec841cacfb75d4282f4-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/image-zoom-485cb3cf26fda8199e47-min.en-US.js"},"squarespace-pinterest":{"css":"//assets.squarespace.com/universal/styles-compressed/pinterest-8ec841cacfb75d4282f4-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/pinterest-7ad9f70c56d9c6b0ae65-min.en-US.js"},"squarespace-popup-overlay":{"css":"//assets.squarespace.com/universal/styles-compressed/popup-overlay-e89b4cc96c222ed66c64-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/popup-overlay-ece7db5c4bfceb54a50a-min.en-US.js"},"squarespace-product-quick-view":{"css":"//assets.squarespace.com/universal/styles-compressed/product-quick-view-2f87c3dcb76ca485179d-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/product-quick-view-3c6b64e906196e37ee93-min.en-US.js"},"squarespace-products-collection-item-v2":{"css":"//assets.squarespace.com/universal/styles-compressed/products-collection-item-v2-8ec841cacfb75d4282f4-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/products-collection-item-v2-1ed64b36a5caefb0bf3d-min.en-US.js"},"squarespace-products-collection-list-v2":{"css":"//assets.squarespace.com/universal/styles-compressed/products-collection-list-v2-8ec841cacfb75d4282f4-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/products-collection-list-v2-91090125416a47e4fecb-min.en-US.js"},"squarespace-search-page":{"css":"//assets.squarespace.com/universal/styles-compressed/search-page-917382e71b023cec7555-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/search-page-9f4098985bf13af25db5-min.en-US.js"},"squarespace-search-preview":{"js":"//assets.squarespace.com/universal/scripts-compressed/search-preview-4e7434a694d83d8766a0-min.en-US.js"},"squarespace-simple-liking":{"css":"//assets.squarespace.com/universal/styles-compressed/simple-liking-4279cc7bb78333b8db43-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/simple-liking-f5b368f59d68ab9f9480-min.en-US.js"},"squarespace-social-buttons":{"css":"//assets.squarespace.com/universal/styles-compressed/social-buttons-3a7d186e7e5e3b30911b-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/social-buttons-b71ef5af6c65212fb342-min.en-US.js"},"squarespace-tourdates":{"css":"//assets.squarespace.com/universal/styles-compressed/tourdates-8ec841cacfb75d4282f4-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/tourdates-22e5cff21f07efe64af0-min.en-US.js"},"squarespace-website-overlays-manager":{"css":"//assets.squarespace.com/universal/styles-compressed/website-overlays-manager-efd3c12d460f58781eb3-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/website-overlays-manager-db7ec709521a62f0b755-min.en-US.js"}},"pageType":50,"website":{"id":"61942e96d74613527bb6d7a1","identifier":"caribou-smilodon-gy4g","websiteType":1,"contentModifiedOn":1711028873297,"cloneable":false,"hasBeenCloneable":false,"siteStatus":{},"language":"en-US","timeZone":"America/Los_Angeles","machineTimeZoneOffset":-28800000,"timeZoneOffset":-28800000,"timeZoneAbbr":"PST","siteTitle":"Bettina Bergendahl","fullSiteTitle":"Verbier Delivery, a Swiss Food Delivery Service (responsive web) \u2014 Bettina Bergendahl","siteDescription":"","logoImageId":"61ccdaa09e26280a3d5caddb","shareButtonOptions":{"4":true,"1":true,"6":true,"7":true,"3":true,"8":true,"2":true},"logoImageUrl":"//images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/7339f3a2-9f9f-4709-a196-64d80d8e7c5d/BBScribbleLogo.png","authenticUrl":"https://www.bettinabergendahl.com","internalUrl":"https://caribou-smilodon-gy4g.squarespace.com","baseUrl":"https://www.bettinabergendahl.com","primaryDomain":"www.bettinabergendahl.com","sslSetting":3,"isHstsEnabled":true,"socialAccounts":[{"serviceId":20,"userId":"bettina.bergendahl@gmail.com","screenname":"bettina.bergendahl@gmail.com","addedOn":1637101401358,"profileUrl":"mailto:bettina.bergendahl@gmail.com","iconEnabled":true,"serviceName":"email"},{"serviceId":65,"screenname":"LinkedIn","addedOn":1637101365231,"profileUrl":"https://www.linkedin.com/in/bettinabergendahl/","iconEnabled":true,"serviceName":"linkedin-unauth"},{"serviceId":64,"screenname":"Instagram","addedOn":1637101207018,"profileUrl":"https://www.instagram.com/bettinamakesathing/","iconEnabled":true,"serviceName":"instagram-unauth"}],"typekitId":"","statsMigrated":false,"imageMetadataProcessingEnabled":false,"screenshotId":"f155f4f41465ecf98961f82e48b25dcd2bde4559002e45b1cba22cc31086a049","captchaSettings":{"enabledForDonations":false},"showOwnerLogin":false},"websiteSettings":{"id":"61942e96d74613527bb6d7b7","websiteId":"61942e96d74613527bb6d7a1","subjects":[],"country":"US","state":"CA","simpleLikingEnabled":true,"popupOverlaySettings":{"style":1,"enabledPages":[]},"commentLikesAllowed":true,"commentAnonAllowed":true,"commentThreaded":true,"commentApprovalRequired":false,"commentAvatarsOn":true,"commentSortType":2,"commentFlagThreshold":0,"commentFlagsAllowed":true,"commentEnableByDefault":true,"commentDisableAfterDaysDefault":0,"disqusShortname":"","commentsEnabled":false,"storeSettings":{"returnPolicy":null,"termsOfService":null,"privacyPolicy":null,"expressCheckout":false,"continueShoppingLinkUrl":"/","useLightCart":false,"showNoteField":false,"shippingCountryDefaultValue":"US","billToShippingDefaultValue":false,"showShippingPhoneNumber":true,"isShippingPhoneRequired":false,"showBillingPhoneNumber":true,"isBillingPhoneRequired":false,"currenciesSupported":["USD","CAD","GBP","AUD","EUR","CHF","NOK","SEK","DKK","NZD","SGD","MXN","HKD","CZK","ILS","MYR","RUB","PHP","PLN","THB","BRL","ARS","COP","IDR","INR","JPY","ZAR"],"defaultCurrency":"USD","selectedCurrency":"USD","measurementStandard":1,"showCustomCheckoutForm":false,"checkoutPageMarketingOptInEnabled":false,"enableMailingListOptInByDefault":false,"sameAsRetailLocation":false,"merchandisingSettings":{"scarcityEnabledOnProductItems":false,"scarcityEnabledOnProductBlocks":false,"scarcityMessageType":"DEFAULT_SCARCITY_MESSAGE","scarcityThreshold":10,"multipleQuantityAllowedForServices":true,"restockNotificationsEnabled":false,"restockNotificationsSuccessText":"","restockNotificationsMailingListSignUpEnabled":false,"relatedProductsEnabled":false,"relatedProductsOrdering":"random","soldOutVariantsDropdownDisabled":false,"productComposerOptedIn":false,"productComposerABTestOptedOut":false,"productReviewsEnabled":false,"displayImportedProductReviewsEnabled":false,"hasOptedToCollectNativeReviews":false},"minimumOrderSubtotalEnabled":false,"isLive":false,"multipleQuantityAllowedForServices":true},"useEscapeKeyToLogin":false,"ssBadgeType":1,"ssBadgePosition":4,"ssBadgeVisibility":1,"ssBadgeDevices":1,"pinterestOverlayOptions":{"mode":"disabled"},"ampEnabled":false,"userAccountsSettings":{"loginAllowed":false,"signupAllowed":false}},"cookieSettings":{"isCookieBannerEnabled":false,"isRestrictiveCookiePolicyEnabled":false,"cookieBannerText":"","cookieBannerTheme":"","cookieBannerVariant":"","cookieBannerPosition":"","cookieBannerCtaVariant":"","cookieBannerCtaText":"","cookieBannerAcceptType":"OPT_IN","cookieBannerOptOutCtaText":"","cookieBannerHasOptOut":false,"cookieBannerHasManageCookies":true,"cookieBannerManageCookiesLabel":"","cookieBannerSavedPreferencesText":"","cookieBannerSavedPreferencesLayout":"PILL"},"websiteCloneable":false,"collection":{"title":"Bettina Bergendahl - Product Designer","id":"61942eaeb4c72757a8009dcd","fullUrl":"/","type":23,"permissionType":1},"item":{"title":"Verbier Delivery, a Swiss Food Delivery Service (responsive web)","id":"61942eaeb4c72757a8009de3","fullUrl":"/work/verbierdelivery-food-delivery-service","publicCommentCount":0,"commentState":1,"recordType":59},"subscribed":false,"appDomain":"squarespace.com","templateTweakable":true,"tweakJSON":{"form-use-theme-colors":"false","header-logo-height":"33px","header-mobile-logo-max-height":"27px","header-vert-padding":"2.5vw","header-width":"Full","maxPageWidth":"1800px","pagePadding":"3vw","tweak-blog-alternating-side-by-side-image-aspect-ratio":"1:1 Square","tweak-blog-alternating-side-by-side-image-spacing":"6%","tweak-blog-alternating-side-by-side-meta-spacing":"20px","tweak-blog-alternating-side-by-side-primary-meta":"Categories","tweak-blog-alternating-side-by-side-read-more-spacing":"20px","tweak-blog-alternating-side-by-side-secondary-meta":"Date","tweak-blog-basic-grid-columns":"2","tweak-blog-basic-grid-image-aspect-ratio":"4:3 Four-Three","tweak-blog-basic-grid-image-spacing":"20px","tweak-blog-basic-grid-meta-spacing":"15px","tweak-blog-basic-grid-primary-meta":"Categories","tweak-blog-basic-grid-read-more-spacing":"20px","tweak-blog-basic-grid-secondary-meta":"Date","tweak-blog-item-custom-width":"50","tweak-blog-item-show-author-profile":"false","tweak-blog-item-width":"Custom","tweak-blog-masonry-columns":"2","tweak-blog-masonry-horizontal-spacing":"30px","tweak-blog-masonry-image-spacing":"20px","tweak-blog-masonry-meta-spacing":"20px","tweak-blog-masonry-primary-meta":"Categories","tweak-blog-masonry-read-more-spacing":"20px","tweak-blog-masonry-secondary-meta":"Date","tweak-blog-masonry-vertical-spacing":"30px","tweak-blog-side-by-side-image-aspect-ratio":"1:1 Square","tweak-blog-side-by-side-image-spacing":"6%","tweak-blog-side-by-side-meta-spacing":"20px","tweak-blog-side-by-side-primary-meta":"Categories","tweak-blog-side-by-side-read-more-spacing":"20px","tweak-blog-side-by-side-secondary-meta":"Date","tweak-blog-single-column-image-spacing":"50px","tweak-blog-single-column-meta-spacing":"30px","tweak-blog-single-column-primary-meta":"Categories","tweak-blog-single-column-read-more-spacing":"30px","tweak-blog-single-column-secondary-meta":"Date","tweak-events-stacked-show-thumbnails":"true","tweak-events-stacked-thumbnail-size":"3:2 Standard","tweak-fixed-header":"false","tweak-fixed-header-style":"Basic","tweak-global-animations-animation-curve":"ease","tweak-global-animations-animation-delay":"0.6s","tweak-global-animations-animation-duration":"0.90s","tweak-global-animations-animation-style":"fade","tweak-global-animations-animation-type":"fade","tweak-global-animations-complexity-level":"detailed","tweak-global-animations-enabled":"true","tweak-portfolio-grid-basic-custom-height":"50","tweak-portfolio-grid-overlay-custom-height":"50","tweak-portfolio-hover-follow-acceleration":"10%","tweak-portfolio-hover-follow-animation-duration":"Medium","tweak-portfolio-hover-follow-animation-type":"Fade","tweak-portfolio-hover-follow-delimiter":"Forward Slash","tweak-portfolio-hover-follow-front":"false","tweak-portfolio-hover-follow-layout":"Inline","tweak-portfolio-hover-follow-size":"75","tweak-portfolio-hover-follow-text-spacing-x":"1.5","tweak-portfolio-hover-follow-text-spacing-y":"1.5","tweak-portfolio-hover-static-animation-duration":"Medium","tweak-portfolio-hover-static-animation-type":"Scale Up","tweak-portfolio-hover-static-delimiter":"Forward Slash","tweak-portfolio-hover-static-front":"false","tweak-portfolio-hover-static-layout":"Stacked","tweak-portfolio-hover-static-size":"75","tweak-portfolio-hover-static-text-spacing-x":"1.5","tweak-portfolio-hover-static-text-spacing-y":"1.5","tweak-portfolio-index-background-animation-duration":"Medium","tweak-portfolio-index-background-animation-type":"Fade","tweak-portfolio-index-background-custom-height":"50","tweak-portfolio-index-background-delimiter":"None","tweak-portfolio-index-background-height":"Large","tweak-portfolio-index-background-horizontal-alignment":"Center","tweak-portfolio-index-background-link-format":"Stacked","tweak-portfolio-index-background-persist":"false","tweak-portfolio-index-background-vertical-alignment":"Middle","tweak-portfolio-index-background-width":"Full","tweak-product-basic-item-click-action":"None","tweak-product-basic-item-gallery-aspect-ratio":"1:1 Square","tweak-product-basic-item-gallery-design":"Slideshow","tweak-product-basic-item-gallery-width":"50%","tweak-product-basic-item-hover-action":"Zoom","tweak-product-basic-item-image-spacing":"5.5vw","tweak-product-basic-item-image-zoom-factor":"1.5","tweak-product-basic-item-product-variant-display":"Dropdown","tweak-product-basic-item-thumbnail-placement":"Side","tweak-product-basic-item-variant-picker-layout":"Dropdowns","tweak-products-add-to-cart-button":"false","tweak-products-columns":"2","tweak-products-gutter-column":"2.5vw","tweak-products-gutter-row":"2vw","tweak-products-header-text-alignment":"Middle","tweak-products-image-aspect-ratio":"1:1 Square","tweak-products-image-text-spacing":"0.5vw","tweak-products-mobile-columns":"1","tweak-products-text-alignment":"Left","tweak-products-width":"Full","tweak-transparent-header":"true"},"templateId":"5c5a519771c10ba3470d8101","templateVersion":"7.1","pageFeatures":[1,2,4],"gmRenderKey":"QUl6YVN5Q0JUUk9xNkx1dkZfSUUxcjQ2LVQ0QWVUU1YtMGQ3bXk4","templateScriptsRootUrl":"https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/scripts/","impersonatedSession":false,"tzData":{"zones":[[-480,"US","P%sT",null]],"rules":{"US":[[1967,2006,null,"Oct","lastSun","2:00","0","S"],[1987,2006,null,"Apr","Sun>=1","2:00","1:00","D"],[2007,"max",null,"Mar","Sun>=8","2:00","1:00","D"],[2007,"max",null,"Nov","Sun>=1","2:00","0","S"]]}},"showAnnouncementBar":false,"recaptchaEnterpriseContext":{"recaptchaEnterpriseSiteKey":"6LdDFQwjAAAAAPigEvvPgEVbb7QBm-TkVJdDTlAv"},"i18nContext":{"timeZoneData":{"id":"America/Los_Angeles","name":"Pacific Time"}},"env":"PRODUCTION"};</script><script type="application/ld+json">{"url":"https://www.bettinabergendahl.com","name":"Bettina Bergendahl","description":"","image":"//images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/7339f3a2-9f9f-4709-a196-64d80d8e7c5d/BBScribbleLogo.png","@context":"http://schema.org","@type":"WebSite"}</script><link rel="stylesheet" type="text/css" href="https://static1.squarespace.com/static/versioned-site-css/61942e96d74613527bb6d7a1/49/5c5a519771c10ba3470d8101/61942e96d74613527bb6d7d9/1587/site.css"/><script>Static.COOKIE_BANNER_CAPABLE = true;</script>  <link rel="stylesheet" type="text/css" href="https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/versioned-assets/1728407958569-DI71YIND73BBQN7RBZCZ/static.css"> </head> <body id="item-61942eaeb4c72757a8009de3" class=" primary-button-style-solid primary-button-shape-square secondary-button-style-solid secondary-button-shape-square tertiary-button-style-solid tertiary-button-shape-square form-field-style-solid form-field-shape-square form-field-border-all form-field-checkbox-type-icon form-field-checkbox-fill-solid form-field-checkbox-color-inverted form-field-checkbox-shape-square form-field-checkbox-layout-stack form-field-radio-type-icon form-field-radio-fill-solid form-field-radio-color-normal form-field-radio-shape-pill form-field-radio-layout-stack form-field-survey-fill-solid form-field-survey-color-normal form-field-survey-shape-pill form-field-hover-focus-outline form-submit-button-style-label header-overlay-alignment-center header-width-full tweak-transparent-header tweak-fixed-header-style-basic tweak-blog-alternating-side-by-side-width-full tweak-blog-alternating-side-by-side-image-aspect-ratio-11-square tweak-blog-alternating-side-by-side-text-alignment-left tweak-blog-alternating-side-by-side-read-more-style-show tweak-blog-alternating-side-by-side-image-text-alignment-middle tweak-blog-alternating-side-by-side-delimiter-bullet tweak-blog-alternating-side-by-side-meta-position-top tweak-blog-alternating-side-by-side-primary-meta-categories tweak-blog-alternating-side-by-side-secondary-meta-date tweak-blog-alternating-side-by-side-excerpt-show tweak-blog-basic-grid-width-full tweak-blog-basic-grid-image-aspect-ratio-43-four-three tweak-blog-basic-grid-text-alignment-left tweak-blog-basic-grid-delimiter-bullet tweak-blog-basic-grid-image-placement-above tweak-blog-basic-grid-read-more-style-show tweak-blog-basic-grid-primary-meta-categories tweak-blog-basic-grid-secondary-meta-date tweak-blog-basic-grid-excerpt-show tweak-blog-item-width-custom tweak-blog-item-text-alignment-left tweak-blog-item-meta-position-above-title tweak-blog-item-show-categories tweak-blog-item-show-date tweak-blog-item-show-author-name tweak-blog-item-delimiter-bullet tweak-blog-masonry-width-full tweak-blog-masonry-text-alignment-left tweak-blog-masonry-primary-meta-categories tweak-blog-masonry-secondary-meta-date tweak-blog-masonry-meta-position-top tweak-blog-masonry-read-more-style-show tweak-blog-masonry-delimiter-space tweak-blog-masonry-image-placement-above tweak-blog-masonry-excerpt-show tweak-blog-side-by-side-width-full tweak-blog-side-by-side-image-placement-left tweak-blog-side-by-side-image-aspect-ratio-11-square tweak-blog-side-by-side-primary-meta-categories tweak-blog-side-by-side-secondary-meta-date tweak-blog-side-by-side-meta-position-top tweak-blog-side-by-side-text-alignment-left tweak-blog-side-by-side-image-text-alignment-middle tweak-blog-side-by-side-read-more-style-show tweak-blog-side-by-side-delimiter-bullet tweak-blog-side-by-side-excerpt-show tweak-blog-single-column-width-full tweak-blog-single-column-text-alignment-center tweak-blog-single-column-image-placement-above tweak-blog-single-column-delimiter-bullet tweak-blog-single-column-read-more-style-show tweak-blog-single-column-primary-meta-categories tweak-blog-single-column-secondary-meta-date tweak-blog-single-column-meta-position-top tweak-blog-single-column-content-full-post tweak-events-stacked-width-full tweak-events-stacked-height-large tweak-events-stacked-show-thumbnails tweak-events-stacked-thumbnail-size-32-standard tweak-events-stacked-date-style-with-text tweak-events-stacked-show-time tweak-events-stacked-show-location tweak-events-stacked-show-excerpt tweak-global-animations-enabled tweak-global-animations-complexity-level-detailed tweak-global-animations-animation-style-fade tweak-global-animations-animation-type-fade tweak-global-animations-animation-curve-ease tweak-portfolio-grid-basic-width-full tweak-portfolio-grid-basic-height-medium tweak-portfolio-grid-basic-image-aspect-ratio-43-four-three tweak-portfolio-grid-basic-text-alignment-left tweak-portfolio-grid-basic-hover-effect-zoom tweak-portfolio-grid-overlay-width-full tweak-portfolio-grid-overlay-height-small tweak-portfolio-grid-overlay-image-aspect-ratio-43-four-three tweak-portfolio-grid-overlay-text-placement-center tweak-portfolio-grid-overlay-show-text-after-hover tweak-portfolio-index-background-link-format-stacked tweak-portfolio-index-background-width-full tweak-portfolio-index-background-height-large tweak-portfolio-index-background-vertical-alignment-middle tweak-portfolio-index-background-horizontal-alignment-center tweak-portfolio-index-background-delimiter-none tweak-portfolio-index-background-animation-type-fade tweak-portfolio-index-background-animation-duration-medium tweak-portfolio-hover-follow-layout-inline tweak-portfolio-hover-follow-delimiter-forward-slash tweak-portfolio-hover-follow-animation-type-fade tweak-portfolio-hover-follow-animation-duration-medium tweak-portfolio-hover-static-layout-stacked tweak-portfolio-hover-static-delimiter-forward-slash tweak-portfolio-hover-static-animation-type-scale-up tweak-portfolio-hover-static-animation-duration-medium tweak-product-basic-item-product-variant-display-dropdown tweak-product-basic-item-product-subscription-display-radio tweak-product-basic-item-product-subscription-border-shape-square tweak-product-basic-item-width-full tweak-product-basic-item-gallery-aspect-ratio-11-square tweak-product-basic-item-text-alignment-left tweak-product-basic-item-navigation-breadcrumbs tweak-product-basic-item-description-position-below-price tweak-product-basic-item-description-position-mobile-below-add-to-cart-button tweak-product-basic-item-content-alignment-top tweak-product-basic-item-gallery-design-slideshow tweak-product-basic-item-gallery-placement-left tweak-product-basic-item-thumbnail-placement-side tweak-product-basic-item-click-action-none tweak-product-basic-item-hover-action-zoom tweak-product-basic-item-variant-picker-layout-dropdowns tweak-product-basic-item-add-to-cart-standalone tweak-product-basic-item-add-to-cart-mobile-standalone tweak-products-width-full tweak-products-image-aspect-ratio-11-square tweak-products-text-alignment-left tweak-products-price-show tweak-products-nested-category-type-top tweak-products-category-title tweak-products-header-text-alignment-middle tweak-products-breadcrumbs image-block-poster-text-alignment-left image-block-card-content-position-center image-block-card-text-alignment-left image-block-overlap-content-position-center image-block-overlap-text-alignment-left image-block-collage-content-position-center image-block-collage-text-alignment-left image-block-stack-text-alignment-left hide-opentable-icons opentable-style-dark tweak-product-quick-view-button-style-floating tweak-product-quick-view-button-position-bottom tweak-product-quick-view-lightbox-excerpt-display-truncate tweak-product-quick-view-lightbox-show-arrows tweak-product-quick-view-lightbox-show-close-button tweak-product-quick-view-lightbox-controls-weight-light native-currency-code-usd view-item collection-61942eaeb4c72757a8009dcd collection-layout-default mobile-style-available sqs-seven-one has-banner-image item-main-image " tabindex="-1" > <div id="siteWrapper" class="clearfix site-wrapper" > <div id="floatingCart" class="floating-cart hidden"> <a href="/cart" class="icon icon--stroke icon--fill icon--cart sqs-custom-cart"> <span class="Cart-inner"> <svg class="icon icon--cart" width="61" height="49" viewBox="0 0 61 49"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 2C0.5 1.17157 1.17157 0.5 2 0.5H13.6362C14.3878 0.5 15.0234 1.05632 15.123 1.80135L16.431 11.5916H59C59.5122 11.5916 59.989 11.8529 60.2645 12.2847C60.54 12.7165 60.5762 13.2591 60.3604 13.7236L50.182 35.632C49.9361 36.1614 49.4054 36.5 48.8217 36.5H18.0453C17.2937 36.5 16.6581 35.9437 16.5585 35.1987L12.3233 3.5H2C1.17157 3.5 0.5 2.82843 0.5 2ZM16.8319 14.5916L19.3582 33.5H47.8646L56.6491 14.5916H16.8319Z" /> <path d="M18.589 35H49.7083L60 13H16L18.589 35Z" /> <path d="M21 49C23.2091 49 25 47.2091 25 45C25 42.7909 23.2091 41 21 41C18.7909 41 17 42.7909 17 45C17 47.2091 18.7909 49 21 49Z" /> <path d="M45 49C47.2091 49 49 47.2091 49 45C49 42.7909 47.2091 41 45 41C42.7909 41 41 42.7909 41 45C41 47.2091 42.7909 49 45 49Z" /> </svg> <div class="legacy-cart icon-cart-quantity"> <span class="sqs-cart-quantity">0</span> </div> </span> </a> </div> <header data-test="header" id="header" class=" white header theme-col--primary " data-section-theme="white" data-controller="Header" data-current-styles="{ "layout": "brandingCenter", "action": { "buttonText": "Get Started", "newWindow": false }, "showSocial": true, "socialOptions": { "socialBorderShape": "none", "socialBorderStyle": "outline", "socialBorderThickness": { "unit": "px", "value": 1.0 } }, "menuOverlayAnimation": "fade", "cartStyle": "cart", "cartText": "Cart", "showEmptyCartState": true, "cartOptions": { "iconType": "solid-7", "cartBorderShape": "none", "cartBorderStyle": "outline", "cartBorderThickness": { "unit": "px", "value": 1.0 } }, "showButton": false, "showCart": false, "showAccountLogin": true, "headerStyle": "dynamic", "languagePicker": { "enabled": false, "iconEnabled": false, "iconType": "globe", "flagShape": "shiny", "languageFlags": [ ] }, "mobileOptions": { "layout": "logoLeftNavRight", "menuIcon": "doubleLineHamburger", "menuIconOptions": { "style": "doubleLineHamburger", "thickness": { "unit": "px", "value": 1.0 } } }, "dynamicOptions": { "border": { "enabled": false, "position": "allSides", "thickness": { "unit": "px", "value": 4.0 }, "color": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "black", "alphaModifier": 1.0 } } } }, "solidOptions": { "headerOpacity": { "unit": "%", "value": 100.0 }, "border": { "enabled": false, "position": "allSides", "thickness": { "unit": "px", "value": 4.0 }, "color": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "black", "alphaModifier": 1.0 } } }, "dropShadow": { "enabled": false, "blur": { "unit": "px", "value": 30.0 }, "spread": { "unit": "px", "value": 0.0 }, "distance": { "unit": "px", "value": 0.0 }, "color": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "black", "alphaModifier": 1.0 } } }, "blurBackground": { "enabled": false, "blurRadius": { "unit": "px", "value": 12.0 } }, "backgroundColor": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "white", "alphaModifier": 1.0 } }, "navigationColor": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "black", "alphaModifier": 1.0 } } }, "gradientOptions": { "gradientType": "faded", "headerOpacity": { "unit": "%", "value": 90.0 }, "border": { "enabled": false, "position": "allSides", "thickness": { "unit": "px", "value": 4.0 }, "color": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "black", "alphaModifier": 1.0 } } }, "dropShadow": { "enabled": false, "blur": { "unit": "px", "value": 30.0 }, "spread": { "unit": "px", "value": 0.0 }, "distance": { "unit": "px", "value": 0.0 }, "color": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "black", "alphaModifier": 1.0 } } }, "blurBackground": { "enabled": false, "blurRadius": { "unit": "px", "value": 12.0 } }, "backgroundColor": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "white", "alphaModifier": 1.0 } }, "navigationColor": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "black", "alphaModifier": 1.0 } } }, "dropShadowOptions": { "enabled": false, "blur": { "unit": "px", "value": 12.0 }, "spread": { "unit": "px", "value": 0.0 }, "distance": { "unit": "px", "value": 12.0 } }, "borderOptions": { "enabled": false, "position": "allSides", "thickness": { "unit": "px", "value": 4.0 }, "color": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "black", "alphaModifier": 1.0 } } }, "showPromotedElement": false, "buttonVariant": "primary", "blurBackground": { "enabled": false, "blurRadius": { "unit": "px", "value": 12.0 } }, "headerOpacity": { "unit": "%", "value": 100.0 } }" data-section-id="header" data-header-style="dynamic" data-language-picker="{ "enabled": false, "iconEnabled": false, "iconType": "globe", "flagShape": "shiny", "languageFlags": [ ] }" data-first-focusable-element tabindex="-1" style=" --headerBorderColor: hsla(var(--black-hsl), 1); --solidHeaderBackgroundColor: hsla(var(--white-hsl), 1); --solidHeaderNavigationColor: hsla(var(--black-hsl), 1); --gradientHeaderBackgroundColor: hsla(var(--white-hsl), 1); --gradientHeaderNavigationColor: hsla(var(--black-hsl), 1); " > <div class="sqs-announcement-bar-dropzone"></div> <div class="header-announcement-bar-wrapper"> <a href="#page" class="header-skip-link sqs-button-element--primary" > Skip to Content </a> <style> @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) { .header-blur-background { } } </style> <div class="header-border" data-header-style="dynamic" data-header-usability-enabled="true" data-header-border="false" data-test="header-border" style=" border-width: 0px !important; " ></div> <div class="header-dropshadow" data-header-style="dynamic" data-header-usability-enabled="true" data-header-dropshadow="false" data-test="header-dropshadow" style=" " ></div> <div class='header-inner container--fluid header-mobile-layout-logo-left-nav-right header-layout-branding-center ' style=" padding: 0; " data-test="header-inner" >  <div class="header-background theme-bg--primary"></div> <div class="header-display-desktop" data-content-field="site-title">   <div class="header-title-nav-wrapper">  <div class="header-nav"> <div class="header-nav-wrapper"> <nav class="header-nav-list"> <div class="header-nav-item header-nav-item--collection header-nav-item--active header-nav-item--homepage"> <a href="/" data-animation-role="header-element" aria-current="page" > Work </a> </div> <div class="header-nav-item header-nav-item--collection"> <a href="/play" data-animation-role="header-element" > Play </a> </div> <div class="header-nav-item header-nav-item--collection"> <a href="/about" data-animation-role="header-element" > About </a> </div> </nav> </div> </div>  <div class=" header-title " data-animation-role="header-element" > <div class="header-title-logo"> <a href="/" data-animation-role="header-element"> <img elementtiming="nbf-header-logo-desktop" src="//images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/7339f3a2-9f9f-4709-a196-64d80d8e7c5d/BBScribbleLogo.png?format=1500w" alt="Bettina Bergendahl" style="display:block" fetchpriority="high" loading="eager" decoding="async" data-loader="raw"> </a> </div> </div> </div>  <div class="header-actions header-actions--right"> <div class="header-actions-action header-actions-action--social"> <a class="icon icon--fill header-icon header-icon-border-shape-none header-icon-border-style-outline" href="mailto:bettina.bergendahl@gmail.com" target="_blank" aria-label="bettina.bergendahl@gmail.com"> <svg viewBox="23 23 64 64"> <use xlink:href="#email-icon" width="110" height="110"></use> </svg> </a> <a class="icon icon--fill header-icon header-icon-border-shape-none header-icon-border-style-outline" href="https://www.linkedin.com/in/bettinabergendahl/" target="_blank" aria-label="LinkedIn"> <svg viewBox="23 23 64 64"> <use xlink:href="#linkedin-unauth-icon" width="110" height="110"></use> </svg> </a> <a class="icon icon--fill header-icon header-icon-border-shape-none header-icon-border-style-outline" href="https://www.instagram.com/bettinamakesathing/" target="_blank" aria-label="Instagram"> <svg viewBox="23 23 64 64"> <use xlink:href="#instagram-unauth-icon" width="110" height="110"></use> </svg> </a> </div> <div class="showOnMobile"> </div> <div class="showOnDesktop"> </div> </div> <style> .top-bun, .patty, .bottom-bun { height: 1px; } </style>  <div class="header-burger menu-overlay-has-visible-non-navigation-items " data-animation-role="header-element"> <button class="header-burger-btn burger" data-test="header-burger"> <span hidden class="js-header-burger-open-title visually-hidden">Open Menu</span> <span hidden class="js-header-burger-close-title visually-hidden">Close Menu</span> <div class="burger-box"> <div class="burger-inner header-menu-icon-doubleLineHamburger"> <div class="top-bun"></div> <div class="patty"></div> <div class="bottom-bun"></div> </div> </div> </button> </div> </div> <div class="header-display-mobile" data-content-field="site-title">   <div class="header-title-nav-wrapper">  <div class="header-nav"> <div class="header-nav-wrapper"> <nav class="header-nav-list"> <div class="header-nav-item header-nav-item--collection header-nav-item--active header-nav-item--homepage"> <a href="/" data-animation-role="header-element" aria-current="page" > Work </a> </div> <div class="header-nav-item header-nav-item--collection"> <a href="/play" data-animation-role="header-element" > Play </a> </div> <div class="header-nav-item header-nav-item--collection"> <a href="/about" data-animation-role="header-element" > About </a> </div> </nav> </div> </div>  <div class=" header-title " data-animation-role="header-element" > <div class="header-title-logo"> <a href="/" data-animation-role="header-element"> <img elementtiming="nbf-header-logo-desktop" src="//images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/7339f3a2-9f9f-4709-a196-64d80d8e7c5d/BBScribbleLogo.png?format=1500w" alt="Bettina Bergendahl" style="display:block" fetchpriority="high" loading="eager" decoding="async" data-loader="raw"> </a> </div> </div> </div>  <div class="header-actions header-actions--right"> <div class="header-actions-action header-actions-action--social"> <a class="icon icon--fill header-icon header-icon-border-shape-none header-icon-border-style-outline" href="mailto:bettina.bergendahl@gmail.com" target="_blank" aria-label="bettina.bergendahl@gmail.com"> <svg viewBox="23 23 64 64"> <use xlink:href="#email-icon" width="110" height="110"></use> </svg> </a> <a class="icon icon--fill header-icon header-icon-border-shape-none header-icon-border-style-outline" href="https://www.linkedin.com/in/bettinabergendahl/" target="_blank" aria-label="LinkedIn"> <svg viewBox="23 23 64 64"> <use xlink:href="#linkedin-unauth-icon" width="110" height="110"></use> </svg> </a> <a class="icon icon--fill header-icon header-icon-border-shape-none header-icon-border-style-outline" href="https://www.instagram.com/bettinamakesathing/" target="_blank" aria-label="Instagram"> <svg viewBox="23 23 64 64"> <use xlink:href="#instagram-unauth-icon" width="110" height="110"></use> </svg> </a> </div> <div class="showOnMobile"> </div> <div class="showOnDesktop"> </div> </div> <style> .top-bun, .patty, .bottom-bun { height: 1px; } </style>  <div class="header-burger menu-overlay-has-visible-non-navigation-items " data-animation-role="header-element"> <button class="header-burger-btn burger" data-test="header-burger"> <span hidden class="js-header-burger-open-title visually-hidden">Open Menu</span> <span hidden class="js-header-burger-close-title visually-hidden">Close Menu</span> <div class="burger-box"> <div class="burger-inner header-menu-icon-doubleLineHamburger"> <div class="top-bun"></div> <div class="patty"></div> <div class="bottom-bun"></div> </div> </div> </button> </div> </div> </div> </div>  <div class="header-menu header-menu--folder-list " data-section-theme="" data-current-styles="{ "layout": "brandingCenter", "action": { "buttonText": "Get Started", "newWindow": false }, "showSocial": true, "socialOptions": { "socialBorderShape": "none", "socialBorderStyle": "outline", "socialBorderThickness": { "unit": "px", "value": 1.0 } }, "menuOverlayAnimation": "fade", "cartStyle": "cart", "cartText": "Cart", "showEmptyCartState": true, "cartOptions": { "iconType": "solid-7", "cartBorderShape": "none", "cartBorderStyle": "outline", "cartBorderThickness": { "unit": "px", "value": 1.0 } }, "showButton": false, "showCart": false, "showAccountLogin": true, "headerStyle": "dynamic", "languagePicker": { "enabled": false, "iconEnabled": false, "iconType": "globe", "flagShape": "shiny", "languageFlags": [ ] }, "mobileOptions": { "layout": "logoLeftNavRight", "menuIcon": "doubleLineHamburger", "menuIconOptions": { "style": "doubleLineHamburger", "thickness": { "unit": "px", "value": 1.0 } } }, "dynamicOptions": { "border": { "enabled": false, "position": "allSides", "thickness": { "unit": "px", "value": 4.0 }, "color": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "black", "alphaModifier": 1.0 } } } }, "solidOptions": { "headerOpacity": { "unit": "%", "value": 100.0 }, "border": { "enabled": false, "position": "allSides", "thickness": { "unit": "px", "value": 4.0 }, "color": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "black", "alphaModifier": 1.0 } } }, "dropShadow": { "enabled": false, "blur": { "unit": "px", "value": 30.0 }, "spread": { "unit": "px", "value": 0.0 }, "distance": { "unit": "px", "value": 0.0 }, "color": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "black", "alphaModifier": 1.0 } } }, "blurBackground": { "enabled": false, "blurRadius": { "unit": "px", "value": 12.0 } }, "backgroundColor": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "white", "alphaModifier": 1.0 } }, "navigationColor": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "black", "alphaModifier": 1.0 } } }, "gradientOptions": { "gradientType": "faded", "headerOpacity": { "unit": "%", "value": 90.0 }, "border": { "enabled": false, "position": "allSides", "thickness": { "unit": "px", "value": 4.0 }, "color": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "black", "alphaModifier": 1.0 } } }, "dropShadow": { "enabled": false, "blur": { "unit": "px", "value": 30.0 }, "spread": { "unit": "px", "value": 0.0 }, "distance": { "unit": "px", "value": 0.0 }, "color": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "black", "alphaModifier": 1.0 } } }, "blurBackground": { "enabled": false, "blurRadius": { "unit": "px", "value": 12.0 } }, "backgroundColor": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "white", "alphaModifier": 1.0 } }, "navigationColor": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "black", "alphaModifier": 1.0 } } }, "dropShadowOptions": { "enabled": false, "blur": { "unit": "px", "value": 12.0 }, "spread": { "unit": "px", "value": 0.0 }, "distance": { "unit": "px", "value": 12.0 } }, "borderOptions": { "enabled": false, "position": "allSides", "thickness": { "unit": "px", "value": 4.0 }, "color": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "black", "alphaModifier": 1.0 } } }, "showPromotedElement": false, "buttonVariant": "primary", "blurBackground": { "enabled": false, "blurRadius": { "unit": "px", "value": 12.0 } }, "headerOpacity": { "unit": "%", "value": 100.0 } }" data-section-id="overlay-nav" data-show-account-login="true" data-test="header-menu"> <div class="header-menu-bg theme-bg--primary"></div> <div class="header-menu-nav"> <nav class="header-menu-nav-list"> <div data-folder="root" class="header-menu-nav-folder"> <div class="header-menu-nav-folder-content">  <div class="header-menu-nav-wrapper"> <div class="container header-menu-nav-item header-menu-nav-item--collection header-menu-nav-item--active header-menu-nav-item--homepage"> <a href="/" aria-current="page" > <div class="header-menu-nav-item-content"> Work </div> </a> </div> <div class="container header-menu-nav-item header-menu-nav-item--collection"> <a href="/play" > <div class="header-menu-nav-item-content"> Play </div> </a> </div> <div class="container header-menu-nav-item header-menu-nav-item--collection"> <a href="/about" > <div class="header-menu-nav-item-content"> About </div> </a> </div> </div> </div> <div class="header-menu-actions social-accounts"> <div class="header-menu-actions-action header-menu-actions-action--social mobile"> <a class="icon icon--lg icon--fill header-icon header-icon-border-shape-none header-icon-border-style-outline" href="mailto:bettina.bergendahl@gmail.com" target="_blank" aria-label="bettina.bergendahl@gmail.com"> <svg viewBox="23 23 64 64"> <use xlink:href="#email-icon" width="110" height="110"></use> </svg> </a> </div> <div class="header-menu-actions-action header-menu-actions-action--social mobile"> <a class="icon icon--lg icon--fill header-icon header-icon-border-shape-none header-icon-border-style-outline" href="https://www.linkedin.com/in/bettinabergendahl/" target="_blank" aria-label="LinkedIn"> <svg viewBox="23 23 64 64"> <use xlink:href="#linkedin-unauth-icon" width="110" height="110"></use> </svg> </a> </div> <div class="header-menu-actions-action header-menu-actions-action--social mobile"> <a class="icon icon--lg icon--fill header-icon header-icon-border-shape-none header-icon-border-style-outline" href="https://www.instagram.com/bettinamakesathing/" target="_blank" aria-label="Instagram"> <svg viewBox="23 23 64 64"> <use xlink:href="#instagram-unauth-icon" width="110" height="110"></use> </svg> </a> </div> </div> </div> </nav> </div> </div> </header> <main id="page" class="container" role="main"> <article class="sections" id="sections" data-page-sections="61942eaeb4c72757a8009dd9"> <section data-test="page-section" data-section-theme="white" class='page-section layout-engine-section background-width--full-bleed section-height--large content-width--wide horizontal-alignment--center vertical-alignment--middle white' data-section-id="61b11986b2f4645c1ace346a" data-controller="SectionWrapperController" data-current-styles="{ "imageOverlayOpacity": 0.15, "backgroundWidth": "background-width--full-bleed", "sectionHeight": "section-height--large", "customSectionHeight": 10, "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--middle", "contentWidth": "content-width--wide", "customContentWidth": 50, "backgroundColor": "", "sectionTheme": "white", "sectionAnimation": "none", "backgroundMode": "image" }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 1, "filterStrength": 0, "zoom": 0, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": null, "divider": null, "typeName": "portfolio-grid-overlay" }" data-animation="none" > <div class="section-border" > <div class="section-background"> </div> </div> <div class='content-wrapper' style=' ' > <div class="content" > <div class="sqs-layout sqs-grid-12 columns-12" data-type="page-section" id="page-section-61b11986b2f4645c1ace346a"><div class="row sqs-row"><div class="col sqs-col-12 span-12"><div class="sqs-block image-block sqs-block-image" data-block-type="5" id="block-953a084a53041d45f126"><div class="sqs-block-content"> <figure class=" sqs-block-image-figure image-block-outer-wrapper image-block-v2 design-layout-card combination-animation-none individual-animation-none individual-text-animation-none image-position-left " data-scrolled data-test="image-block-v2-outer-wrapper" > <div class="intrinsic"> <div class=" image-inset" data-animation-role="image" data-description="" > <div class="sqs-image-shape-container-element content-fit " style=" position: relative; overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);border-top-right-radius: 50px;border-bottom-right-radius: 50px; "> <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/fd6573d9-1ba6-4bd4-afab-3e2beaec4c90/VerbierSkiierBB.png" data-image="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/fd6573d9-1ba6-4bd4-afab-3e2beaec4c90/VerbierSkiierBB.png" data-image-dimensions="1556x1139" data-image-focal-point="0.5,0.5" alt="" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/fd6573d9-1ba6-4bd4-afab-3e2beaec4c90/VerbierSkiierBB.png" width="1556" height="1139" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 100vw, 100vw" style="display:block;object-fit: contain;" onload="this.classList.add("loaded")" srcset="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/fd6573d9-1ba6-4bd4-afab-3e2beaec4c90/VerbierSkiierBB.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/fd6573d9-1ba6-4bd4-afab-3e2beaec4c90/VerbierSkiierBB.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/fd6573d9-1ba6-4bd4-afab-3e2beaec4c90/VerbierSkiierBB.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/fd6573d9-1ba6-4bd4-afab-3e2beaec4c90/VerbierSkiierBB.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/fd6573d9-1ba6-4bd4-afab-3e2beaec4c90/VerbierSkiierBB.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/fd6573d9-1ba6-4bd4-afab-3e2beaec4c90/VerbierSkiierBB.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/fd6573d9-1ba6-4bd4-afab-3e2beaec4c90/VerbierSkiierBB.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs"> <div class="image-overlay" style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);border-top-right-radius: 50px;border-bottom-right-radius: 50px;"></div> </div> </div> </div> <figcaption class="image-card-wrapper" data-width-ratio> <div class="image-card sqs-dynamic-text-container"> <div class="image-title-wrapper"><div class="image-title sqs-dynamic-text" ><h1 style="white-space:pre-wrap;">Like designing DoorDash for Aspen</h1></div></div> <div class="image-subtitle-wrapper"><div class="image-subtitle sqs-dynamic-text" ><p class="sqsrte-small" style="white-space:pre-wrap;">I was the sole product designer working with a small team to redesign a food delivery service for a seasonal town in the Swiss Alps. By digging deep into user and business needs I was able to find win-win solutions to multiple issues.</p><p class="sqsrte-small" style="white-space:pre-wrap;">Keep scrolling for the story. Or, <a href="#page-section-61b3ae9d6ea59e17647e5349">jump to the solution here.</a></p></div></div> </div> </figcaption> </figure> </div></div><div class="sqs-block code-block sqs-block-code" data-block-type="23" id="block-yui_3_17_2_1_1639686938656_2668"><div class="sqs-block-content"><a href="#page" class="sqs-block-button-element--small sqs-block-button-element" id="back-to-top">Back to Top</a></div></div></div><div class="col sqs-col-0 span-0"></div></div></div> </div> </div> </section> <section data-test="page-section" data-section-theme="dark" class='page-section gallery-section full-bleed-section background-width--full-bleed section-height--medium content-width--wide horizontal-alignment--center vertical-alignment--middle dark' data-section-id="61b253b8a27153362ec67242" data-controller="SectionWrapperController" data-current-styles="{ "backgroundWidth": "background-width--full-bleed", "imageOverlayOpacity": 0.15, "sectionHeight": "section-height--medium", "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--middle", "contentWidth": "content-width--wide", "sectionTheme": "dark", "sectionAnimation": "none", "backgroundMode": "image", "backgroundImage": null }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 1, "filterStrength": 0, "zoom": 0 }, "backgroundImageId": null, "backgroundMediaEffect": null, "divider": { "enabled": false }, "typeName": "portfolio-grid-overlay" }" data-animation="none" data-json-schema-section > <div class="section-border" > <div class="section-background"> </div> </div> <div class='content-wrapper' style=' ' > <div class="content" > <div class="gallery gallery-section-wrapper" style="min-height: 100px;"> <div class="gallery" style="min-height: 100px;"> <div class="gallery-slideshow" data-controller="GallerySlideshow" data-section-id="61b253b8a27153362ec67242" data-transition="site-default" data-controls-location="simple" data-thumbnails="false" data-show-captions="false" data-props='{ "transition": "site-default", "controlsLocation": "simple", "autoplayEnabled": false, "slideDurationMs": 4000, "galleryHeight": 75, "galleryWidth": 100, "thumbnailsEnabled": false }' data-test="gallery-slideshow-simple" style="height: calc(75vh + 2 * var(--sqs-site-gutter)); max-width: var(--sqs-site-max-width);" > <div class="gallery-slideshow-wrapper"> <div class="gallery-slideshow-list" data-test="gallery-slideshow-list"> <figure class="gallery-slideshow-item" data-slide-url="8g7zd3xvp6rd2ju55duryxmgy7ycpy" data-active="true" data-in="true" data-next="true"> <div class="gallery-slideshow-item-wrapper"> <div class="gallery-slideshow-item-src"> <div class="gallery-slideshow-item-img content-fit" data-animation-role="image"> <img data-src="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/b4bf1315-b0c1-41af-aa21-751d4237097d/VD+Main.png" data-image="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/b4bf1315-b0c1-41af-aa21-751d4237097d/VD+Main.png" data-image-dimensions="2048x1536" data-image-focal-point="0.5,0.5" alt="VD Main.png" data-load="false" elementtiming="nbf-gallery-slideshow-item" src="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/b4bf1315-b0c1-41af-aa21-751d4237097d/VD+Main.png" width="2048" height="1536" alt="" sizes="min(100vw, 100vh)" style="display:block;object-fit:contain; width: 100%; height: 100%;" srcset="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/b4bf1315-b0c1-41af-aa21-751d4237097d/VD+Main.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/b4bf1315-b0c1-41af-aa21-751d4237097d/VD+Main.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/b4bf1315-b0c1-41af-aa21-751d4237097d/VD+Main.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/b4bf1315-b0c1-41af-aa21-751d4237097d/VD+Main.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/b4bf1315-b0c1-41af-aa21-751d4237097d/VD+Main.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/b4bf1315-b0c1-41af-aa21-751d4237097d/VD+Main.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/b4bf1315-b0c1-41af-aa21-751d4237097d/VD+Main.png?format=2500w 2500w" fetchpriority="high" loading="eager" decoding="async" data-loader="sqs"> </div> </div> </div> </figure> <figure class="gallery-slideshow-item" data-slide-url="lwzh233sz2h5ia17v5wddhrwa32cf9"> <div class="gallery-slideshow-item-wrapper"> <div class="gallery-slideshow-item-src"> <div class="gallery-slideshow-item-img content-fit" data-animation-role="image"> <img data-src="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/c8d60d05-5934-4c6a-bec4-43f41d0e2ea3/VS+Business.png" data-image="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/c8d60d05-5934-4c6a-bec4-43f41d0e2ea3/VS+Business.png" data-image-dimensions="2048x1536" data-image-focal-point="0.5,0.5" alt="VS Business.png" data-load="false" elementtiming="nbf-gallery-slideshow-item" src="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/c8d60d05-5934-4c6a-bec4-43f41d0e2ea3/VS+Business.png" width="2048" height="1536" alt="" sizes="min(100vw, 100vh)" style="display:block;object-fit:contain; width: 100%; height: 100%;display: none;" srcset="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/c8d60d05-5934-4c6a-bec4-43f41d0e2ea3/VS+Business.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/c8d60d05-5934-4c6a-bec4-43f41d0e2ea3/VS+Business.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/c8d60d05-5934-4c6a-bec4-43f41d0e2ea3/VS+Business.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/c8d60d05-5934-4c6a-bec4-43f41d0e2ea3/VS+Business.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/c8d60d05-5934-4c6a-bec4-43f41d0e2ea3/VS+Business.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/c8d60d05-5934-4c6a-bec4-43f41d0e2ea3/VS+Business.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/c8d60d05-5934-4c6a-bec4-43f41d0e2ea3/VS+Business.png?format=2500w 2500w" fetchpriority="low" loading="lazy" decoding="async" data-loader="sqs"> </div> </div> </div> </figure> <figure class="gallery-slideshow-item" data-slide-url="9q27598d8dhuehq93lcz0om7klrk0p"> <div class="gallery-slideshow-item-wrapper"> <div class="gallery-slideshow-item-src"> <div class="gallery-slideshow-item-img content-fit" data-animation-role="image"> <img data-src="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/299a8f48-255b-4191-a353-5a27d658bbc3/VS+Product.png" data-image="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/299a8f48-255b-4191-a353-5a27d658bbc3/VS+Product.png" data-image-dimensions="2048x1536" data-image-focal-point="0.5,0.5" alt="VS Product.png" data-load="false" elementtiming="nbf-gallery-slideshow-item" src="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/299a8f48-255b-4191-a353-5a27d658bbc3/VS+Product.png" width="2048" height="1536" alt="" sizes="min(100vw, 100vh)" style="display:block;object-fit:contain; width: 100%; height: 100%;display: none;" srcset="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/299a8f48-255b-4191-a353-5a27d658bbc3/VS+Product.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/299a8f48-255b-4191-a353-5a27d658bbc3/VS+Product.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/299a8f48-255b-4191-a353-5a27d658bbc3/VS+Product.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/299a8f48-255b-4191-a353-5a27d658bbc3/VS+Product.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/299a8f48-255b-4191-a353-5a27d658bbc3/VS+Product.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/299a8f48-255b-4191-a353-5a27d658bbc3/VS+Product.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/299a8f48-255b-4191-a353-5a27d658bbc3/VS+Product.png?format=2500w 2500w" fetchpriority="low" loading="lazy" decoding="async" data-loader="sqs"> </div> </div> </div> </figure> <figure class="gallery-slideshow-item" data-slide-url="ygf0tzqvswovkzqjwf9plj8e9vtxly"> <div class="gallery-slideshow-item-wrapper"> <div class="gallery-slideshow-item-src"> <div class="gallery-slideshow-item-img content-fit" data-animation-role="image"> <img data-src="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/a6adcb99-2a87-41ff-b97e-54ed6bd343ea/VS+Checkout.png" data-image="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/a6adcb99-2a87-41ff-b97e-54ed6bd343ea/VS+Checkout.png" data-image-dimensions="2048x1536" data-image-focal-point="0.5,0.5" alt="VS Checkout.png" data-load="false" elementtiming="nbf-gallery-slideshow-item" src="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/a6adcb99-2a87-41ff-b97e-54ed6bd343ea/VS+Checkout.png" width="2048" height="1536" alt="" sizes="min(100vw, 100vh)" style="display:block;object-fit:contain; width: 100%; height: 100%;display: none;" srcset="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/a6adcb99-2a87-41ff-b97e-54ed6bd343ea/VS+Checkout.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/a6adcb99-2a87-41ff-b97e-54ed6bd343ea/VS+Checkout.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/a6adcb99-2a87-41ff-b97e-54ed6bd343ea/VS+Checkout.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/a6adcb99-2a87-41ff-b97e-54ed6bd343ea/VS+Checkout.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/a6adcb99-2a87-41ff-b97e-54ed6bd343ea/VS+Checkout.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/a6adcb99-2a87-41ff-b97e-54ed6bd343ea/VS+Checkout.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/a6adcb99-2a87-41ff-b97e-54ed6bd343ea/VS+Checkout.png?format=2500w 2500w" fetchpriority="low" loading="lazy" decoding="async" data-loader="sqs"> </div> </div> </div> </figure> <figure class="gallery-slideshow-item" data-slide-url="l0e2a2xhonwaax5wzmxf0e004mxljv"> <div class="gallery-slideshow-item-wrapper"> <div class="gallery-slideshow-item-src"> <div class="gallery-slideshow-item-img content-fit" data-animation-role="image"> <img data-src="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/5b12a4da-5a23-446d-af49-27dab1a79bc8/VS+Order+Confirmation.png" data-image="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/5b12a4da-5a23-446d-af49-27dab1a79bc8/VS+Order+Confirmation.png" data-image-dimensions="2048x1536" data-image-focal-point="0.5,0.5" alt="VS Order Confirmation.png" data-load="false" elementtiming="nbf-gallery-slideshow-item" src="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/5b12a4da-5a23-446d-af49-27dab1a79bc8/VS+Order+Confirmation.png" width="2048" height="1536" alt="" sizes="min(100vw, 100vh)" style="display:block;object-fit:contain; width: 100%; height: 100%;display: none;" srcset="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/5b12a4da-5a23-446d-af49-27dab1a79bc8/VS+Order+Confirmation.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/5b12a4da-5a23-446d-af49-27dab1a79bc8/VS+Order+Confirmation.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/5b12a4da-5a23-446d-af49-27dab1a79bc8/VS+Order+Confirmation.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/5b12a4da-5a23-446d-af49-27dab1a79bc8/VS+Order+Confirmation.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/5b12a4da-5a23-446d-af49-27dab1a79bc8/VS+Order+Confirmation.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/5b12a4da-5a23-446d-af49-27dab1a79bc8/VS+Order+Confirmation.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/5b12a4da-5a23-446d-af49-27dab1a79bc8/VS+Order+Confirmation.png?format=2500w 2500w" fetchpriority="low" loading="lazy" decoding="async" data-loader="sqs"> </div> </div> </div> </figure> </div> <div class="gallery-slideshow-controls"> <div class="gallery-slideshow-control gallery-slideshow-control-prev" data-test="gallery-slideshow-control"> <button class="gallery-slideshow-control-btn" data-previous aria-label="Previous Slide"> <div class="gallery-slideshow-control-btn-icon"> <svg class="caret-left-icon--small" viewBox="0 0 9 16"> <polyline fill="none" stroke-miterlimit="10" points="7.3,14.7 2.5,8 7.3,1.2 "/> </svg> </div> </button> </div> <div class="gallery-slideshow-control gallery-slideshow-control-next"> <button class="gallery-slideshow-control-btn" data-next aria-label="Next Slide"> <div class="gallery-slideshow-control-btn-icon"> <svg class="caret-right-icon--small" viewBox="0 0 9 16"> <polyline fill="none" stroke-miterlimit="10" points="1.6,1.2 6.5,7.9 1.6,14.7 "/> </svg> </div> </button> </div> </div> </div> <div class="gallery-slideshow-thumbnails" data-test="gallery-slideshow-thumbnails"> <div class="gallery-slideshow-thumbnails-scroll"> <button class="gallery-slideshow-thumbnails-thumb content-fill"> <span hidden class="js-slideshow-inactive-slide">Slide 1</span> <span hidden class="js-slideshow-active-slide">Slide 1 (current slide)</span> <div class="gallery-slideshow-thumbnails-image-wrapper"> <img data-src="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/b4bf1315-b0c1-41af-aa21-751d4237097d/VD+Main.png" data-image="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/b4bf1315-b0c1-41af-aa21-751d4237097d/VD+Main.png" data-image-dimensions="2048x1536" data-image-focal-point="0.5,0.5" alt="VD Main.png" data-load="false" elementtiming="nbf-gallery-slideshow-thumbnail" src="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/b4bf1315-b0c1-41af-aa21-751d4237097d/VD+Main.png" width="2048" height="1536" alt="" sizes="160px" style="display:block;object-position: 50% 50%; object-fit:cover; width: 100%; height: 100%;" srcset="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/b4bf1315-b0c1-41af-aa21-751d4237097d/VD+Main.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/b4bf1315-b0c1-41af-aa21-751d4237097d/VD+Main.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/b4bf1315-b0c1-41af-aa21-751d4237097d/VD+Main.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/b4bf1315-b0c1-41af-aa21-751d4237097d/VD+Main.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/b4bf1315-b0c1-41af-aa21-751d4237097d/VD+Main.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/b4bf1315-b0c1-41af-aa21-751d4237097d/VD+Main.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/b4bf1315-b0c1-41af-aa21-751d4237097d/VD+Main.png?format=2500w 2500w" fetchpriority="low" loading="lazy" decoding="async" data-loader="sqs"> </div> </button> <button class="gallery-slideshow-thumbnails-thumb content-fill"> <span hidden class="js-slideshow-inactive-slide">Slide 2</span> <span hidden class="js-slideshow-active-slide">Slide 2 (current slide)</span> <div class="gallery-slideshow-thumbnails-image-wrapper"> <img data-src="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/c8d60d05-5934-4c6a-bec4-43f41d0e2ea3/VS+Business.png" data-image="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/c8d60d05-5934-4c6a-bec4-43f41d0e2ea3/VS+Business.png" data-image-dimensions="2048x1536" data-image-focal-point="0.5,0.5" alt="VS Business.png" data-load="false" elementtiming="nbf-gallery-slideshow-thumbnail" src="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/c8d60d05-5934-4c6a-bec4-43f41d0e2ea3/VS+Business.png" width="2048" height="1536" alt="" sizes="160px" style="display:block;object-position: 50% 50%; object-fit:cover; width: 100%; height: 100%;" srcset="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/c8d60d05-5934-4c6a-bec4-43f41d0e2ea3/VS+Business.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/c8d60d05-5934-4c6a-bec4-43f41d0e2ea3/VS+Business.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/c8d60d05-5934-4c6a-bec4-43f41d0e2ea3/VS+Business.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/c8d60d05-5934-4c6a-bec4-43f41d0e2ea3/VS+Business.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/c8d60d05-5934-4c6a-bec4-43f41d0e2ea3/VS+Business.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/c8d60d05-5934-4c6a-bec4-43f41d0e2ea3/VS+Business.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/c8d60d05-5934-4c6a-bec4-43f41d0e2ea3/VS+Business.png?format=2500w 2500w" fetchpriority="low" loading="lazy" decoding="async" data-loader="sqs"> </div> </button> <button class="gallery-slideshow-thumbnails-thumb content-fill"> <span hidden class="js-slideshow-inactive-slide">Slide 3</span> <span hidden class="js-slideshow-active-slide">Slide 3 (current slide)</span> <div class="gallery-slideshow-thumbnails-image-wrapper"> <img data-src="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/299a8f48-255b-4191-a353-5a27d658bbc3/VS+Product.png" data-image="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/299a8f48-255b-4191-a353-5a27d658bbc3/VS+Product.png" data-image-dimensions="2048x1536" data-image-focal-point="0.5,0.5" alt="VS Product.png" data-load="false" elementtiming="nbf-gallery-slideshow-thumbnail" src="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/299a8f48-255b-4191-a353-5a27d658bbc3/VS+Product.png" width="2048" height="1536" alt="" sizes="160px" style="display:block;object-position: 50% 50%; object-fit:cover; width: 100%; height: 100%;" srcset="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/299a8f48-255b-4191-a353-5a27d658bbc3/VS+Product.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/299a8f48-255b-4191-a353-5a27d658bbc3/VS+Product.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/299a8f48-255b-4191-a353-5a27d658bbc3/VS+Product.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/299a8f48-255b-4191-a353-5a27d658bbc3/VS+Product.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/299a8f48-255b-4191-a353-5a27d658bbc3/VS+Product.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/299a8f48-255b-4191-a353-5a27d658bbc3/VS+Product.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/299a8f48-255b-4191-a353-5a27d658bbc3/VS+Product.png?format=2500w 2500w" fetchpriority="low" loading="lazy" decoding="async" data-loader="sqs"> </div> </button> <button class="gallery-slideshow-thumbnails-thumb content-fill"> <span hidden class="js-slideshow-inactive-slide">Slide 4</span> <span hidden class="js-slideshow-active-slide">Slide 4 (current slide)</span> <div class="gallery-slideshow-thumbnails-image-wrapper"> <img data-src="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/a6adcb99-2a87-41ff-b97e-54ed6bd343ea/VS+Checkout.png" data-image="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/a6adcb99-2a87-41ff-b97e-54ed6bd343ea/VS+Checkout.png" data-image-dimensions="2048x1536" data-image-focal-point="0.5,0.5" alt="VS Checkout.png" data-load="false" elementtiming="nbf-gallery-slideshow-thumbnail" src="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/a6adcb99-2a87-41ff-b97e-54ed6bd343ea/VS+Checkout.png" width="2048" height="1536" alt="" sizes="160px" style="display:block;object-position: 50% 50%; object-fit:cover; width: 100%; height: 100%;" srcset="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/a6adcb99-2a87-41ff-b97e-54ed6bd343ea/VS+Checkout.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/a6adcb99-2a87-41ff-b97e-54ed6bd343ea/VS+Checkout.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/a6adcb99-2a87-41ff-b97e-54ed6bd343ea/VS+Checkout.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/a6adcb99-2a87-41ff-b97e-54ed6bd343ea/VS+Checkout.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/a6adcb99-2a87-41ff-b97e-54ed6bd343ea/VS+Checkout.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/a6adcb99-2a87-41ff-b97e-54ed6bd343ea/VS+Checkout.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/a6adcb99-2a87-41ff-b97e-54ed6bd343ea/VS+Checkout.png?format=2500w 2500w" fetchpriority="low" loading="lazy" decoding="async" data-loader="sqs"> </div> </button> <button class="gallery-slideshow-thumbnails-thumb content-fill"> <span hidden class="js-slideshow-inactive-slide">Slide 5</span> <span hidden class="js-slideshow-active-slide">Slide 5 (current slide)</span> <div class="gallery-slideshow-thumbnails-image-wrapper"> <img data-src="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/5b12a4da-5a23-446d-af49-27dab1a79bc8/VS+Order+Confirmation.png" data-image="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/5b12a4da-5a23-446d-af49-27dab1a79bc8/VS+Order+Confirmation.png" data-image-dimensions="2048x1536" data-image-focal-point="0.5,0.5" alt="VS Order Confirmation.png" data-load="false" elementtiming="nbf-gallery-slideshow-thumbnail" src="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/5b12a4da-5a23-446d-af49-27dab1a79bc8/VS+Order+Confirmation.png" width="2048" height="1536" alt="" sizes="160px" style="display:block;object-position: 50% 50%; object-fit:cover; width: 100%; height: 100%;" srcset="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/5b12a4da-5a23-446d-af49-27dab1a79bc8/VS+Order+Confirmation.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/5b12a4da-5a23-446d-af49-27dab1a79bc8/VS+Order+Confirmation.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/5b12a4da-5a23-446d-af49-27dab1a79bc8/VS+Order+Confirmation.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/5b12a4da-5a23-446d-af49-27dab1a79bc8/VS+Order+Confirmation.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/5b12a4da-5a23-446d-af49-27dab1a79bc8/VS+Order+Confirmation.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/5b12a4da-5a23-446d-af49-27dab1a79bc8/VS+Order+Confirmation.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/5b12a4da-5a23-446d-af49-27dab1a79bc8/VS+Order+Confirmation.png?format=2500w 2500w" fetchpriority="low" loading="lazy" decoding="async" data-loader="sqs"> </div> </button> </div> </div> </div> </div> </div> </div> </div> </section> <section data-test="page-section" data-section-theme="white" class='page-section layout-engine-section background-width--full-bleed section-height--medium content-width--wide horizontal-alignment--center vertical-alignment--middle white' data-section-id="61b17871907a3b45acc628de" data-controller="SectionWrapperController" data-current-styles="{ "imageOverlayOpacity": 0.15, "backgroundWidth": "background-width--full-bleed", "sectionHeight": "section-height--medium", "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--middle", "contentWidth": "content-width--wide", "sectionTheme": "white", "sectionAnimation": "none", "backgroundMode": "image" }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 1, "filterStrength": 0, "zoom": 0, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": null, "divider": null, "typeName": "portfolio-grid-overlay" }" data-animation="none" > <div class="section-border" > <div class="section-background"> </div> </div> <div class='content-wrapper' style=' ' > <div class="content" > <div class="sqs-layout sqs-grid-12 columns-12" data-type="page-section" id="page-section-61b17871907a3b45acc628de"><div class="row sqs-row"><div class="col sqs-col-12 span-12"><div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-3561443ed7f535ecf585"><div class="sqs-block-content"> <div class="sqs-html-content"> <h2 style="white-space:pre-wrap;">TL;DR</h2> </div> </div></div><div class="sqs-block spacer-block sqs-block-spacer sized vsize-1" data-block-type="21" id="block-d1aa851b6902d2761874"><div class="sqs-block-content"> </div></div><div class="row sqs-row"><div class="col sqs-col-4 span-4"><div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-963d5da0e67aa736ab60"><div class="sqs-block-content"> <div class="sqs-html-content"> <h3 style="white-space:pre-wrap;">Problem</h3><p class="sqsrte-small" style="white-space:pre-wrap;">Verbier Delivery is a delivery service in the Swiss Alps. The team built it scrappily a year ago to assess demand (of which there ended up being a lot), but the resulting site had severe usability issues and lacked in several areas - but the team wasn’t sure which / where to start. These issues & opportunities had to be proactively identified, prioritized, and eventually designed.</p> </div> </div></div></div><div class="col sqs-col-8 span-8"><div class="row sqs-row"><div class="col sqs-col-4 span-4"><div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-738c04b2f32a2323aa91"><div class="sqs-block-content"> <div class="sqs-html-content"> <h3 style="white-space:pre-wrap;">Solution</h3><p class="sqsrte-small" style="white-space:pre-wrap;">A responsive site that meets current delivery best practices while being tailored to the Verbier community. In particular, the new design addresses previous key issues (lack of transparency around delivery fees, confusion around delivery vs takeaway, lack of an area for promotions, clutter), and aims for visual consistency.</p> </div> </div></div></div><div class="col sqs-col-4 span-4"><div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-ac3520722961d3ab57b2"><div class="sqs-block-content"> <div class="sqs-html-content"> <h3 style="white-space:pre-wrap;">My Role</h3><p class="sqsrte-small" style="white-space:pre-wrap;">As the sole product designer, I owned ideation, strategy, and design. I presented ideas to and strategized with their small team (founders and customer experience) regularly. Here are things I did:</p><ul data-rte-list="default"><li><p class="sqsrte-small" style="white-space:pre-wrap;">Product Management</p></li><li><p class="sqsrte-small" style="white-space:pre-wrap;">User Research</p></li><li><p class="sqsrte-small" style="white-space:pre-wrap;">Ideation and Strategy</p></li><li><p class="sqsrte-small" style="white-space:pre-wrap;">UX and UI Design</p></li><li><p class="sqsrte-small" style="white-space:pre-wrap;">Usability Testing and Prototyping</p></li><li><p class="sqsrte-small" style="white-space:pre-wrap;">Branding and Component Creation</p></li></ul><p class="sqsrte-small" style="white-space:pre-wrap;">When design was done, I coordinated with their third-party engineers in the implementation phase.</p> </div> </div></div></div></div></div></div></div></div></div> </div> </div> </section> <section data-test="page-section" data-section-theme="dark" class='page-section layout-engine-section background-width--full-bleed section-height--large content-width--medium horizontal-alignment--center vertical-alignment--middle has-background dark' data-section-id="61b2482bb6317863b88c294b" data-controller="SectionWrapperController" data-current-styles="{ "backgroundImage": { "id": "61b2e3137bb52e7ffee6b204", "recordType": 2, "addedOn": 1639113491351, "updatedOn": 1639113491398, "workflowState": 1, "publishOn": 1639113491351, "authorId": "567318742399a31f1159ce04", "systemDataId": "fa9bd772-47f1-432f-b3b3-68ddce2d518c", "systemDataVariants": "2560x1440,100w,300w,500w,750w,1000w,1500w,2500w", "systemDataSourceType": "PNG", "filename": "122173-Verbier-Ski-Resort (1).png", "mediaFocalPoint": { "x": 0.5, "y": 0.5, "source": 3 }, "colorData": { "topLeftAverage": "5598c9", "topRightAverage": "aec5db", "bottomLeftAverage": "e0e0e0", "bottomRightAverage": "d4d5d8", "centerAverage": "a5adb7", "suggestedBgColor": "3e90c7" }, "urlId": "r606uwevo9vh4la36wl5jgew5xx4vi", "title": "", "body": null, "likeCount": 0, "commentCount": 0, "publicCommentCount": 0, "commentState": 2, "unsaved": false, "author": { "id": "567318742399a31f1159ce04", "displayName": "Bettina Bergendahl", "firstName": "Bettina", "lastName": "Bergendahl", "bio": "" }, "assetUrl": "https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/fa9bd772-47f1-432f-b3b3-68ddce2d518c/122173-Verbier-Ski-Resort+%281%29.png", "contentType": "image/png", "items": [ ], "pushedServices": { }, "pendingPushedServices": { }, "originalSize": "2560x1440", "recordTypeLabel": "image" }, "imageOverlayOpacity": 0.58, "backgroundWidth": "background-width--full-bleed", "sectionHeight": "section-height--large", "customSectionHeight": 85, "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--middle", "contentWidth": "content-width--medium", "sectionTheme": "dark", "sectionAnimation": "none", "backgroundMode": "image", "generative": { "type": "images", "seed": 0, "count": 0, "size": 0, "speed": 0, "backgroundColor": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "id": "accent", "alpha": 1.0 } }, "invertColors": false, "noiseIntensity": 0, "noiseScale": 0, "distortionScaleX": 0, "distortionScaleY": 0, "distortionSpeed": 0, "distortionIntensity": 0, "lightIntensity": 0, "lightX": 0, "bevelRotation": 0, "bevelSize": 0, "bevelStrength": 0, "complexity": 0, "cutoff": 0, "isBevelEnabled": false, "isBlurEnabled": false, "scale": 0, "speedMorph": 0, "speedTravel": 0, "steps": 0, "travelDirection": 0, "noiseBias": 0, "animateNoise": false, "distortionComplexity": 0, "distortionDirection": 0, "distortionMorphSpeed": 0, "distortionSeed": 0, "distortionSmoothness": 0, "linearGradientStartColorDistance": 0, "linearGradientEndColorDistance": 0, "linearGradientAngle": 0, "linearGradientAngleMotion": 0, "linearGradientRepeat": 0, "radialGradientRadius": 0, "radialGradientPositionX": 0, "radialGradientPositionY": 0, "radialGradientFollowCursor": false, "radialGradientFollowSpeed": 0, "presetImageKey": "brush2", "imageTint": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "id": "lightAccent", "alpha": 1.0 } }, "imageScale": 50, "imageCount": 29, "patternEnabled": false, "patternColor": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "id": "black", "alpha": 1.0 } }, "patternSize": 16, "patternImageKey": "", "patternOffsetX": 0, "patternOffsetY": 0, "patternSpaceX": 1, "patternSpaceY": 1, "waveEnabled": true, "waveSpeed": 68, "waveComplexity": 12, "waveDepth": 24, "waveShadowDepth": 0, "boxSize": 0.0, "scaleX": 0, "scaleY": 0, "scaleZ": 0, "isMorphEnabled": false, "lightY": 0, "lightZ": 0, "noiseRange": 0, "positionFactor": 0, "scaleFactor": 0, "colorFactor": 0, "sizeVariance": 0, "wobble": 0, "morph": 0, "scrollMovement": 0, "patternScaleX": 0, "patternScaleY": 0, "patternPowerX": 0, "patternPowerY": 0, "patternAmount": 0, "surfaceHeight": 0, "colorStop1": 0, "colorStop2": 0, "colorStop3": 0, "colorStop4": 0, "gradientDistortionX": 0, "gradientDistortionY": 0, "curveX": 0, "curveY": 0, "curveFunnel": 0, "fogIntensity": 0, "repeat": 0, "rotation": 0, "rotationSpeed": 0, "blur": 0, "complexityY": 0, "complexityZ": 0, "amplitudeY": 0, "amplitudeZ": 0, "offset": 0, "lightAngle": 0, "alpha": 0 } }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 1, "filterStrength": 0, "zoom": 0, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": null, "divider": null, "typeName": "portfolio-grid-overlay" }" data-animation="none" > <div class="section-border" > <div class="section-background"> <img alt="" data-src="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/fa9bd772-47f1-432f-b3b3-68ddce2d518c/122173-Verbier-Ski-Resort+%281%29.png" data-image="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/fa9bd772-47f1-432f-b3b3-68ddce2d518c/122173-Verbier-Ski-Resort+%281%29.png" data-image-dimensions="2560x1440" data-image-focal-point="0.5,0.5" alt="122173-Verbier-Ski-Resort (1).png" data-load="false" elementtiming="nbf-background" src="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/fa9bd772-47f1-432f-b3b3-68ddce2d518c/122173-Verbier-Ski-Resort+%281%29.png" width="2560" height="1440" alt="" sizes="(max-width: 799px) 200vw, 100vw" style="display:block;object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/fa9bd772-47f1-432f-b3b3-68ddce2d518c/122173-Verbier-Ski-Resort+%281%29.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/fa9bd772-47f1-432f-b3b3-68ddce2d518c/122173-Verbier-Ski-Resort+%281%29.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/fa9bd772-47f1-432f-b3b3-68ddce2d518c/122173-Verbier-Ski-Resort+%281%29.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/fa9bd772-47f1-432f-b3b3-68ddce2d518c/122173-Verbier-Ski-Resort+%281%29.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/fa9bd772-47f1-432f-b3b3-68ddce2d518c/122173-Verbier-Ski-Resort+%281%29.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/fa9bd772-47f1-432f-b3b3-68ddce2d518c/122173-Verbier-Ski-Resort+%281%29.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/fa9bd772-47f1-432f-b3b3-68ddce2d518c/122173-Verbier-Ski-Resort+%281%29.png?format=2500w 2500w" fetchpriority="low" loading="lazy" decoding="async" data-loader="sqs"> <div class="section-background-overlay" style="opacity: 0.58;"></div> </div> </div> <div class='content-wrapper' style=' ' > <div class="content" > <div class="sqs-layout sqs-grid-12 columns-12" data-type="page-section" id="page-section-61b2482bb6317863b88c294b"><div class="row sqs-row"><div class="col sqs-col-12 span-12"><div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-ca5b9d43799ee9470dcb"><div class="sqs-block-content"> <div class="sqs-html-content"> <h1 style="text-align:center;white-space:pre-wrap;">“Basically the site isn’t ideal - <br><strong>just make it better.”</strong></h1><h4 style="text-align:center;white-space:pre-wrap;">— E. Paternot, Verbier Delivery founder</h4> </div> </div></div></div></div></div> </div> </div> </section> <section data-test="page-section" data-section-theme="white" class='page-section layout-engine-section background-width--full-bleed section-height--medium content-width--wide horizontal-alignment--center vertical-alignment--middle white' data-section-id="61b2492cb2f5e228f70e779f" data-controller="SectionWrapperController" data-current-styles="{ "imageOverlayOpacity": 0.15, "backgroundWidth": "background-width--full-bleed", "sectionHeight": "section-height--medium", "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--middle", "contentWidth": "content-width--wide", "sectionTheme": "white", "sectionAnimation": "none", "backgroundMode": "image" }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 1, "filterStrength": 0, "zoom": 0, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": null, "divider": null, "typeName": "portfolio-grid-overlay" }" data-animation="none" > <div class="section-border" > <div class="section-background"> </div> </div> <div class='content-wrapper' style=' ' > <div class="content" > <div class="sqs-layout sqs-grid-12 columns-12" data-type="page-section" id="page-section-61b2492cb2f5e228f70e779f"><div class="row sqs-row"><div class="col sqs-col-5 span-5"><div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-yui_3_17_2_1_1639072889804_14156"><div class="sqs-block-content"> <div class="sqs-html-content"> <p class="sqsrte-small" style="white-space:pre-wrap;"><strong>Problem Space</strong></p><h2 style="white-space:pre-wrap;">But what does “better” even mean?</h2> </div> </div></div></div><div class="col sqs-col-1 span-1"><div class="sqs-block spacer-block sqs-block-spacer sized vsize-1" data-block-type="21" id="block-0d003e6806284cc129d1"><div class="sqs-block-content"> </div></div></div><div class="col sqs-col-6 span-6"><div class="sqs-block spacer-block sqs-block-spacer sized vsize-1" data-block-type="21" id="block-yui_3_17_2_1_1639072889804_15175"><div class="sqs-block-content"> </div></div><div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-c6507d55c9fa2f30ee1e"><div class="sqs-block-content"> <div class="sqs-html-content"> <p class="sqsrte-small" style="white-space:pre-wrap;">The Verbier team wanted to make a <strong>food delivery site</strong> that married <strong>best practices</strong> with the <strong>specific needs of the clientele</strong>, and helped them with their <strong>biggest delivery pain points </strong>while working with the <strong>limitations of the tech</strong> (web, not an app). But they didn’t know what I should work on, or even how to prioritize. They just knew that something was wrong.</p><p class="sqsrte-small" style="white-space:pre-wrap;">My game plan to figure out what needed to be fixed:</p><ol data-rte-list="default"><li><p class="sqsrte-small" style="white-space:pre-wrap;"><strong>Know who I was building for (their needs, pain points)</strong></p><p class="sqsrte-small" style="white-space:pre-wrap;">This meant sending out a survey to existing users, talking to a few of them.</p></li><li><p class="sqsrte-small" style="white-space:pre-wrap;"><strong>Know the other stakeholders</strong></p><p class="sqsrte-small" style="white-space:pre-wrap;">This meant understanding the nuances of the Verbier business community, talking to Verbier Delivery drivers.</p></li><li><p class="sqsrte-small" style="white-space:pre-wrap;"><strong>Understand best practices</strong></p><p class="sqsrte-small" style="white-space:pre-wrap;">Looking at comparable companies, see how they handle certain elements of the business.</p></li><li><p class="sqsrte-small" style="white-space:pre-wrap;"><strong>Understand the current business and how it was performing</strong></p><p class="sqsrte-small" style="white-space:pre-wrap;">This included a full site inventory, and a deep dive into data and analytics in FullStory.</p></li></ol><p class="sqsrte-small" style="white-space:pre-wrap;">The goal was to have a solid research base to make assumptions about what was working and what wasn’t working, all while keeping the needs of the users and players in mind.</p> </div> </div></div></div></div></div> </div> </div> </section> <section data-test="page-section" data-section-theme="light" class='page-section layout-engine-section background-width--full-bleed section-height--medium content-width--wide horizontal-alignment--center vertical-alignment--middle light' data-section-id="61b24f8835bc601a9a7118eb" data-controller="SectionWrapperController" data-current-styles="{ "imageOverlayOpacity": 0.15, "backgroundWidth": "background-width--full-bleed", "sectionHeight": "section-height--medium", "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--middle", "contentWidth": "content-width--wide", "sectionTheme": "light", "sectionAnimation": "none", "backgroundMode": "image" }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 1, "filterStrength": 0, "zoom": 0, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": null, "divider": null, "typeName": "portfolio-grid-overlay" }" data-animation="none" > <div class="section-border" > <div class="section-background"> </div> </div> <div class='content-wrapper' style=' ' > <div class="content" > <div class="sqs-layout sqs-grid-12 columns-12" data-type="page-section" id="page-section-61b24f8835bc601a9a7118eb"><div class="row sqs-row"><div class="col sqs-col-12 span-12"><div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-yui_3_17_2_1_1639074920939_6274"><div class="sqs-block-content"> <div class="sqs-html-content"> <p class="sqsrte-small" style="white-space:pre-wrap;"><strong>Key Insights</strong></p><h2 style="white-space:pre-wrap;">Here’s what I discovered.</h2> </div> </div></div><div class="sqs-block spacer-block sqs-block-spacer sized vsize-1" data-block-type="21" id="block-44d5734d5444d06aef43"><div class="sqs-block-content"> </div></div><div class="row sqs-row"><div class="col sqs-col-3 span-3"><div class="sqs-block image-block sqs-block-image" data-block-type="5" id="block-yui_3_17_2_1_1639074920939_16648"><div class="sqs-block-content"> <div class=" image-block-outer-wrapper layout-caption-hidden design-layout-inline combination-animation-site-default individual-animation-site-default individual-text-animation-site-default " data-test="image-block-inline-outer-wrapper" > <figure class=" sqs-block-image-figure intrinsic " style="max-width:1601px;" > <div class="image-block-wrapper" data-animation-role="image" > <div class="sqs-image-shape-container-element has-aspect-ratio " style=" position: relative; padding-bottom:104.18489074707031%; overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);border-top-left-radius: 20px;border-top-right-radius: 20px; " > <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/27955161-1dbd-4969-8f31-55abb173f2f8/VSScrollScroll.png" data-image="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/27955161-1dbd-4969-8f31-55abb173f2f8/VSScrollScroll.png" data-image-dimensions="1601x1668" data-image-focal-point="0.5,0.5" alt="" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/27955161-1dbd-4969-8f31-55abb173f2f8/VSScrollScroll.png" width="1601" height="1668" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 25vw, 25vw" style="display:block;object-fit: cover; width: 100%; height: 100%; object-position: 50% 50%" onload="this.classList.add("loaded")" srcset="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/27955161-1dbd-4969-8f31-55abb173f2f8/VSScrollScroll.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/27955161-1dbd-4969-8f31-55abb173f2f8/VSScrollScroll.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/27955161-1dbd-4969-8f31-55abb173f2f8/VSScrollScroll.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/27955161-1dbd-4969-8f31-55abb173f2f8/VSScrollScroll.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/27955161-1dbd-4969-8f31-55abb173f2f8/VSScrollScroll.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/27955161-1dbd-4969-8f31-55abb173f2f8/VSScrollScroll.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/27955161-1dbd-4969-8f31-55abb173f2f8/VSScrollScroll.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs"> </div> </div> </figure> </div> </div></div><div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-471a9e9bb94b58f22567"><div class="sqs-block-content"> <div class="sqs-html-content"> <h4 style="white-space:pre-wrap;">No. 1: Despite its prominence, almost <strong>no one used the search bar.</strong></h4><p class="sqsrte-small" style="white-space:pre-wrap;">Instead, users would scroll to find restaurants. Verbier might have 35,000 residents at peak, but only a few restaurants. Why use search when there are only a dozen restaurants available at a time?</p> </div> </div></div></div><div class="col sqs-col-6 span-6"><div class="row sqs-row"><div class="col sqs-col-3 span-3"><div class="sqs-block image-block sqs-block-image" data-block-type="5" id="block-yui_3_17_2_1_1639074920939_17833"><div class="sqs-block-content"> <div class=" image-block-outer-wrapper layout-caption-hidden design-layout-inline combination-animation-site-default individual-animation-site-default individual-text-animation-site-default " data-test="image-block-inline-outer-wrapper" > <figure class=" sqs-block-image-figure intrinsic " style="max-width:1601px;" > <div class="image-block-wrapper" data-animation-role="image" > <div class="sqs-image-shape-container-element has-aspect-ratio " style=" position: relative; padding-bottom:104.18489074707031%; overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);border-top-left-radius: 20px;border-top-right-radius: 20px; " > <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/d24e4e68-75fd-4f67-b334-7eeec7defbc0/VDConfusion.png" data-image="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/d24e4e68-75fd-4f67-b334-7eeec7defbc0/VDConfusion.png" data-image-dimensions="1601x1668" data-image-focal-point="0.5,0.5" alt="" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/d24e4e68-75fd-4f67-b334-7eeec7defbc0/VDConfusion.png" width="1601" height="1668" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 25vw, 25vw" style="display:block;object-fit: cover; width: 100%; height: 100%; object-position: 50% 50%" onload="this.classList.add("loaded")" srcset="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/d24e4e68-75fd-4f67-b334-7eeec7defbc0/VDConfusion.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/d24e4e68-75fd-4f67-b334-7eeec7defbc0/VDConfusion.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/d24e4e68-75fd-4f67-b334-7eeec7defbc0/VDConfusion.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/d24e4e68-75fd-4f67-b334-7eeec7defbc0/VDConfusion.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/d24e4e68-75fd-4f67-b334-7eeec7defbc0/VDConfusion.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/d24e4e68-75fd-4f67-b334-7eeec7defbc0/VDConfusion.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/d24e4e68-75fd-4f67-b334-7eeec7defbc0/VDConfusion.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs"> </div> </div> </figure> </div> </div></div><div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-e5e560f82f5255b48616"><div class="sqs-block-content"> <div class="sqs-html-content"> <h4 style="white-space:pre-wrap;">No. 2: Users would <strong>confuse delivery and takeaway</strong>.</h4><p class="sqsrte-small" style="white-space:pre-wrap;">This was mainly due to the fact that the “delivery address” was a key part of the checkout form no matter which option you picked. Checkout in particular needed many improvements.</p><p class="" data-rte-preserve-empty="true" style="white-space:pre-wrap;"></p><p class="" data-rte-preserve-empty="true" style="white-space:pre-wrap;"></p> </div> </div></div></div><div class="col sqs-col-3 span-3"><div class="sqs-block image-block sqs-block-image" data-block-type="5" id="block-yui_3_17_2_1_1639074920939_19004"><div class="sqs-block-content"> <div class=" image-block-outer-wrapper layout-caption-below design-layout-inline combination-animation-site-default individual-animation-site-default individual-text-animation-site-default " data-test="image-block-inline-outer-wrapper" > <figure class=" sqs-block-image-figure intrinsic " style="max-width:1601px;" > <div class="image-block-wrapper" data-animation-role="image" > <div class="sqs-image-shape-container-element has-aspect-ratio " style=" position: relative; padding-bottom:104.18489074707031%; overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);border-top-left-radius: 20px;border-top-right-radius: 20px; " > <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/84611298-c52f-47e3-89c7-90eb64746406/VDExpensive.png" data-image="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/84611298-c52f-47e3-89c7-90eb64746406/VDExpensive.png" data-image-dimensions="1601x1668" data-image-focal-point="0.5,0.5" alt="" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/84611298-c52f-47e3-89c7-90eb64746406/VDExpensive.png" width="1601" height="1668" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 25vw, 25vw" style="display:block;object-fit: cover; width: 100%; height: 100%; object-position: 50% 50%" onload="this.classList.add("loaded")" srcset="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/84611298-c52f-47e3-89c7-90eb64746406/VDExpensive.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/84611298-c52f-47e3-89c7-90eb64746406/VDExpensive.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/84611298-c52f-47e3-89c7-90eb64746406/VDExpensive.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/84611298-c52f-47e3-89c7-90eb64746406/VDExpensive.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/84611298-c52f-47e3-89c7-90eb64746406/VDExpensive.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/84611298-c52f-47e3-89c7-90eb64746406/VDExpensive.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/84611298-c52f-47e3-89c7-90eb64746406/VDExpensive.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs"> </div> </div> </figure> </div> </div></div><div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-e3f7e229c3a1e894997a"><div class="sqs-block-content"> <div class="sqs-html-content"> <h4 style="white-space:pre-wrap;">No. 3: The top user complaint was how <strong>expensive the delivery fee</strong> was.</h4><p class="sqsrte-small" style="white-space:pre-wrap;">With a flat fee of 12 Swiss francs and an explanation buried in the FAQ, users would assume that all of it was going to Verbier Delivery. FullStory revealed that this opaque fee dissuaded many from finishing their order.</p> </div> </div></div></div></div></div><div class="col sqs-col-3 span-3"><div class="sqs-block image-block sqs-block-image" data-block-type="5" id="block-yui_3_17_2_1_1639074920939_20193"><div class="sqs-block-content"> <div class=" image-block-outer-wrapper layout-caption-hidden design-layout-inline combination-animation-site-default individual-animation-site-default individual-text-animation-site-default " data-test="image-block-inline-outer-wrapper" > <figure class=" sqs-block-image-figure intrinsic " style="max-width:1601px;" > <div class="image-block-wrapper" data-animation-role="image" > <div class="sqs-image-shape-container-element has-aspect-ratio " style=" position: relative; padding-bottom:104.18489074707031%; overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);border-top-left-radius: 20px;border-top-right-radius: 20px; " > <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/cdda77a6-3887-4fdc-814c-f41660057c94/VDGettingLost.png" data-image="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/cdda77a6-3887-4fdc-814c-f41660057c94/VDGettingLost.png" data-image-dimensions="1601x1668" data-image-focal-point="0.5,0.5" alt="" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/cdda77a6-3887-4fdc-814c-f41660057c94/VDGettingLost.png" width="1601" height="1668" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 25vw, 25vw" style="display:block;object-fit: cover; width: 100%; height: 100%; object-position: 50% 50%" onload="this.classList.add("loaded")" srcset="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/cdda77a6-3887-4fdc-814c-f41660057c94/VDGettingLost.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/cdda77a6-3887-4fdc-814c-f41660057c94/VDGettingLost.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/cdda77a6-3887-4fdc-814c-f41660057c94/VDGettingLost.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/cdda77a6-3887-4fdc-814c-f41660057c94/VDGettingLost.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/cdda77a6-3887-4fdc-814c-f41660057c94/VDGettingLost.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/cdda77a6-3887-4fdc-814c-f41660057c94/VDGettingLost.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/cdda77a6-3887-4fdc-814c-f41660057c94/VDGettingLost.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs"> </div> </div> </figure> </div> </div></div><div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-yui_3_17_2_1_1639074920939_7439"><div class="sqs-block-content"> <div class="sqs-html-content"> <h4 style="white-space:pre-wrap;">No. 4: <strong>Drivers would occasionally get lost</strong> finding a chalet.</h4><p class="sqsrte-small" style="white-space:pre-wrap;">Google Maps sometimes struggled to properly plot delivery addresses. This would lead to disappointment all around - drivers would fruitlessly search for the address as the food got cold, and users would be angry that their food was missing.</p> </div> </div></div></div></div></div></div></div> </div> </div> </section> <section data-test="page-section" data-section-theme="white" class='page-section layout-engine-section background-width--full-bleed section-height--small content-width--wide horizontal-alignment--center vertical-alignment--middle white' data-section-id="61b2e51b10f53052fe58e1a4" data-controller="SectionWrapperController" data-current-styles="{ "imageOverlayOpacity": 0.15, "backgroundWidth": "background-width--full-bleed", "sectionHeight": "section-height--small", "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--middle", "contentWidth": "content-width--wide", "sectionTheme": "white", "sectionAnimation": "none", "backgroundMode": "image" }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 1, "filterStrength": 0, "zoom": 0, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": null, "divider": null, "typeName": "portfolio-grid-overlay" }" data-animation="none" > <div class="section-border" > <div class="section-background"> </div> </div> <div class='content-wrapper' style=' ' > <div class="content" > <div class="sqs-layout sqs-grid-12 columns-12" data-type="page-section" id="page-section-61b2e51b10f53052fe58e1a4"><div class="row sqs-row"><div class="col sqs-col-5 span-5"><div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-yui_3_17_2_1_1639113944411_10715"><div class="sqs-block-content"> <div class="sqs-html-content"> <p class="sqsrte-small" style="white-space:pre-wrap;"><strong>Competitive Analysis</strong></p><h2 style="white-space:pre-wrap;">What are the current best practices in the space?</h2> </div> </div></div></div><div class="col sqs-col-1 span-1"><div class="sqs-block spacer-block sqs-block-spacer sized vsize-1" data-block-type="21" id="block-6abde5f2ed1410c9146e"><div class="sqs-block-content"> </div></div></div><div class="col sqs-col-6 span-6"><div class="sqs-block spacer-block sqs-block-spacer sized vsize-1" data-block-type="21" id="block-yui_3_17_2_1_1639113944411_11937"><div class="sqs-block-content"> </div></div><div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-0cee82b50e568ba18a22"><div class="sqs-block-content"> <div class="sqs-html-content"> <p class="sqsrte-small" style="white-space:pre-wrap;">I broke the design down into key components (main page, business page, checkout flow, account, etc), and observed how top comparables accomplished each step. There are no direct competitors in Verbier, so I looked at top food delivery models in the US (DoorDash, UberEats, Postmates, Seamless, Grubhub) and the UK (Deliveroo) to see what was being done.</p><p class="sqsrte-small" style="white-space:pre-wrap;">The biggest insight was that those competitors, having to deliver to whole countries with thousands of restaurants in their system, had different priorities. The <strong>main focus of huge companies was helping users make a decision</strong>, which meant offering search as the main form of discovery, offering advanced filters, etc.</p><p class="sqsrte-small" style="white-space:pre-wrap;">In comparison, <strong>Verbier was one small town</strong>. Narrowing down choices wasn’t going to be as helpful for users - <strong>effectively presenting the few choices there were, </strong>was.</p> </div> </div></div></div></div></div> </div> </div> </section> <section data-test="page-section" data-section-theme="dark" class='page-section layout-engine-section background-width--full-bleed section-height--large content-width--medium horizontal-alignment--center vertical-alignment--middle has-background dark' data-section-id="61b391ba76208268168a3e9f" data-controller="SectionWrapperController" data-current-styles="{ "backgroundImage": { "id": "61b398c7499d073f609cf525", "recordType": 2, "addedOn": 1639160007805, "updatedOn": 1639160007843, "workflowState": 1, "publishOn": 1639160007805, "authorId": "567318742399a31f1159ce04", "systemDataId": "fc9c6886-f33f-4386-a065-520c9a918c16", "systemDataVariants": "2604x1578,100w,300w,500w,750w,1000w,1500w,2500w", "systemDataSourceType": "PNG", "filename": "VD Best Practices.png", "mediaFocalPoint": { "x": 0.5, "y": 0.5, "source": 3 }, "colorData": { "topLeftAverage": "ffffff", "topRightAverage": "ffffff", "bottomLeftAverage": "fefefe", "bottomRightAverage": "fafafa", "centerAverage": "f2f1f1", "suggestedBgColor": "ffffff" }, "urlId": "26c8sjplnvkge9y3enoenroey5bezg", "title": "", "body": null, "likeCount": 0, "commentCount": 0, "publicCommentCount": 0, "commentState": 2, "unsaved": false, "author": { "id": "567318742399a31f1159ce04", "displayName": "Bettina Bergendahl", "firstName": "Bettina", "lastName": "Bergendahl", "bio": "" }, "assetUrl": "https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/fc9c6886-f33f-4386-a065-520c9a918c16/VD+Best+Practices.png", "contentType": "image/png", "items": [ ], "pushedServices": { }, "pendingPushedServices": { }, "originalSize": "2604x1578", "recordTypeLabel": "image" }, "imageOverlayOpacity": 0.0, "backgroundWidth": "background-width--full-bleed", "sectionHeight": "section-height--large", "customSectionHeight": 85, "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--middle", "contentWidth": "content-width--medium", "sectionTheme": "dark", "sectionAnimation": "none", "backgroundMode": "image" }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 1, "filterStrength": 0, "zoom": 0, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": null, "divider": null, "typeName": "portfolio-grid-overlay" }" data-animation="none" > <div class="section-border" > <div class="section-background"> <img alt="" data-src="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/fc9c6886-f33f-4386-a065-520c9a918c16/VD+Best+Practices.png" data-image="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/fc9c6886-f33f-4386-a065-520c9a918c16/VD+Best+Practices.png" data-image-dimensions="2604x1578" data-image-focal-point="0.5,0.5" alt="VD Best Practices.png" data-load="false" elementtiming="nbf-background" src="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/fc9c6886-f33f-4386-a065-520c9a918c16/VD+Best+Practices.png" width="2604" height="1578" alt="" sizes="(max-width: 799px) 200vw, 100vw" style="display:block;object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/fc9c6886-f33f-4386-a065-520c9a918c16/VD+Best+Practices.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/fc9c6886-f33f-4386-a065-520c9a918c16/VD+Best+Practices.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/fc9c6886-f33f-4386-a065-520c9a918c16/VD+Best+Practices.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/fc9c6886-f33f-4386-a065-520c9a918c16/VD+Best+Practices.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/fc9c6886-f33f-4386-a065-520c9a918c16/VD+Best+Practices.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/fc9c6886-f33f-4386-a065-520c9a918c16/VD+Best+Practices.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/fc9c6886-f33f-4386-a065-520c9a918c16/VD+Best+Practices.png?format=2500w 2500w" fetchpriority="low" loading="lazy" decoding="async" data-loader="sqs"> <div class="section-background-overlay" style="opacity: 0;"></div> </div> </div> <div class='content-wrapper' style=' ' > <div class="content" > <div class="sqs-layout sqs-grid-12 columns-12" data-type="page-section" id="page-section-61b391ba76208268168a3e9f"><div class="row sqs-row"><div class="col sqs-col-12 span-12"><div class="sqs-block spacer-block sqs-block-spacer sized vsize-1" data-block-type="21" id="block-b0f7ce32bb23b395cb1e"><div class="sqs-block-content"> </div></div></div></div></div> </div> </div> </section> <section data-test="page-section" data-section-theme="dark" class='page-section layout-engine-section background-width--full-bleed section-height--medium content-width--wide horizontal-alignment--center vertical-alignment--middle dark' data-section-id="61b3993387af82078c200b41" data-controller="SectionWrapperController" data-current-styles="{ "imageOverlayOpacity": 0.15, "backgroundWidth": "background-width--full-bleed", "sectionHeight": "section-height--medium", "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--middle", "contentWidth": "content-width--wide", "sectionTheme": "dark", "sectionAnimation": "none", "backgroundMode": "image" }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 1, "filterStrength": 0, "zoom": 0, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": null, "divider": null, "typeName": "portfolio-grid-overlay" }" data-animation="none" > <div class="section-border" > <div class="section-background"> </div> </div> <div class='content-wrapper' style=' ' > <div class="content" > <div class="sqs-layout sqs-grid-12 columns-12" data-type="page-section" id="page-section-61b3993387af82078c200b41"><div class="row sqs-row"><div class="col sqs-col-5 span-5"><div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-yui_3_17_2_1_1639160033830_13395"><div class="sqs-block-content"> <div class="sqs-html-content"> <p class="sqsrte-small" style="white-space:pre-wrap;"><strong>The Opportunity</strong></p> </div> </div></div><div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-5e8ad9fe09fbd4f986d9"><div class="sqs-block-content"> <div class="sqs-html-content"> <h2 style="white-space:pre-wrap;">What were we building?</h2> </div> </div></div></div><div class="col sqs-col-1 span-1"><div class="sqs-block spacer-block sqs-block-spacer sized vsize-1" data-block-type="21" id="block-7d6e1b93412dd572b193"><div class="sqs-block-content"> </div></div></div><div class="col sqs-col-6 span-6"><div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-49b93bc4786a0e59cdff"><div class="sqs-block-content"> <div class="sqs-html-content"> <p class="sqsrte-small" style="white-space:pre-wrap;">After doing the research and identifying the biggest pain points, the team and I agreed that these were the biggest opportunities:</p><ol data-rte-list="default"><li><p class="sqsrte-small" style="white-space:pre-wrap;">Explain where the <strong>delivery fee</strong> goes.</p></li><li><p class="sqsrte-small" style="white-space:pre-wrap;">Make clear the <strong>difference between delivery and takeaway</strong> (especially for the less tech savvy).</p></li><li><p class="sqsrte-small" style="white-space:pre-wrap;">Build a <strong>truly helpful filtering system</strong> that doesn’t depend on the search bar.</p></li><li><p class="sqsrte-small" style="white-space:pre-wrap;">Help drivers <strong>find delivery locations</strong> when needed.</p></li></ol><p class="sqsrte-small" style="white-space:pre-wrap;">From a visual perspective, I also knew I wanted to create more consistency - this meant rethinking typography and main components, and creating a more consistent icon set.</p> </div> </div></div></div></div></div> </div> </div> </section> <section data-test="page-section" data-section-theme="" class='page-section layout-engine-section background-width--full-bleed section-height--small content-width--medium horizontal-alignment--center vertical-alignment--middle ' data-section-id="61b3a02cd70e916e1f2f9614" data-controller="SectionWrapperController" data-current-styles="{ "imageOverlayOpacity": 0.15, "backgroundWidth": "background-width--full-bleed", "sectionHeight": "section-height--small", "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--middle", "contentWidth": "content-width--medium", "sectionTheme": "", "sectionAnimation": "none", "backgroundMode": "image" }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 1, "filterStrength": 0, "zoom": 0, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": null, "divider": null, "typeName": "portfolio-grid-overlay" }" data-animation="none" > <div class="section-border" > <div class="section-background"> </div> </div> <div class='content-wrapper' style=' ' > <div class="content" > <div class="sqs-layout sqs-grid-12 columns-12" data-type="page-section" id="page-section-61b3a02cd70e916e1f2f9614"><div class="row sqs-row"><div class="col sqs-col-12 span-12"><div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-yui_3_17_2_1_1639160231062_5122"><div class="sqs-block-content"> <div class="sqs-html-content"> <p class="sqsrte-small" style="white-space:pre-wrap;"><strong>UX Phase</strong></p> </div> </div></div><div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-3a6ac6bb1db7c4d7cc7b"><div class="sqs-block-content"> <div class="sqs-html-content"> <h2 style="white-space:pre-wrap;">Putting it all together</h2><p class="sqsrte-small" style="white-space:pre-wrap;">On every screen, I created research-based or best practice-based assumptions about what a user would need to see, and what could safely be de-emphasized. Every application of a best practice was deeply considered and not blindly followed, which meant that I intentionally deviated from those practices several times in the design. Each screen began with multiple iterations, slimmed down through debate and testing.</p><p class="sqsrte-small" style="white-space:pre-wrap;">Some of the questions I asked myself during this stage:</p><ul data-rte-list="default"><li><p class="sqsrte-small" style="white-space:pre-wrap;">Choosing what to eat can be paralyzing. <strong>How can I help a user make a decision?</strong> How can I better display what is available, when there isn’t much available?</p></li><li><p class="sqsrte-small" style="white-space:pre-wrap;">Ordering for delivery means accepting a hefty <strong>delivery fee. How and where can I explain</strong> this to users? What if they never see drivers doing dropoffs, how might I garner more camaraderie for drivers?</p></li><li><p class="sqsrte-small" style="white-space:pre-wrap;">Drivers don’t check ID, but the Verbier team still wanted to make sure those <strong>ordering alcohol knew they had to be 18</strong>. What sort of checks could we do?</p></li><li><p class="sqsrte-small" style="white-space:pre-wrap;">So, the order is done. What would help a user when they want to <strong>check an order’s status</strong>?</p></li></ul> </div> </div></div></div></div></div> </div> </div> </section> <section data-test="page-section" data-section-theme="black" class='page-section layout-engine-section background-width--full-bleed section-height--large content-width--medium horizontal-alignment--center vertical-alignment--middle has-background black' data-section-id="61b3a3eb2a433e535b62fa50" data-controller="SectionWrapperController" data-current-styles="{ "backgroundImage": { "id": "61b3a702f42c491da30a8b91", "recordType": 2, "addedOn": 1639163650065, "updatedOn": 1639163650103, "workflowState": 1, "publishOn": 1639163650065, "authorId": "567318742399a31f1159ce04", "systemDataId": "1d53cc17-204c-4d8f-aba7-de5ca56164bd", "systemDataVariants": "2604x1578,100w,300w,500w,750w,1000w,1500w,2500w", "systemDataSourceType": "PNG", "filename": "VD UX Phase.png", "mediaFocalPoint": { "x": 0.5, "y": 0.5, "source": 3 }, "colorData": { "topLeftAverage": "f0f0f0", "topRightAverage": "f0f0f0", "bottomLeftAverage": "efefef", "bottomRightAverage": "ebebeb", "centerAverage": "d4d4d4", "suggestedBgColor": "f0f0f0" }, "urlId": "4tc1nsqtczfx285d2icurl6andes8w", "title": "", "body": null, "likeCount": 0, "commentCount": 0, "publicCommentCount": 0, "commentState": 2, "unsaved": false, "author": { "id": "567318742399a31f1159ce04", "displayName": "Bettina Bergendahl", "firstName": "Bettina", "lastName": "Bergendahl", "bio": "" }, "assetUrl": "https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/1d53cc17-204c-4d8f-aba7-de5ca56164bd/VD+UX+Phase.png", "contentType": "image/png", "items": [ ], "pushedServices": { }, "pendingPushedServices": { }, "originalSize": "2604x1578", "recordTypeLabel": "image" }, "imageOverlayOpacity": 0.0, "backgroundWidth": "background-width--full-bleed", "sectionHeight": "section-height--large", "customSectionHeight": 85, "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--middle", "contentWidth": "content-width--medium", "sectionTheme": "black", "sectionAnimation": "none", "backgroundMode": "image" }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 1, "filterStrength": 0, "zoom": 0, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": null, "divider": null, "typeName": "portfolio-grid-overlay" }" data-animation="none" > <div class="section-border" > <div class="section-background"> <img alt="" data-src="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/1d53cc17-204c-4d8f-aba7-de5ca56164bd/VD+UX+Phase.png" data-image="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/1d53cc17-204c-4d8f-aba7-de5ca56164bd/VD+UX+Phase.png" data-image-dimensions="2604x1578" data-image-focal-point="0.5,0.5" alt="VD UX Phase.png" data-load="false" elementtiming="nbf-background" src="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/1d53cc17-204c-4d8f-aba7-de5ca56164bd/VD+UX+Phase.png" width="2604" height="1578" alt="" sizes="(max-width: 799px) 200vw, 100vw" style="display:block;object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/1d53cc17-204c-4d8f-aba7-de5ca56164bd/VD+UX+Phase.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/1d53cc17-204c-4d8f-aba7-de5ca56164bd/VD+UX+Phase.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/1d53cc17-204c-4d8f-aba7-de5ca56164bd/VD+UX+Phase.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/1d53cc17-204c-4d8f-aba7-de5ca56164bd/VD+UX+Phase.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/1d53cc17-204c-4d8f-aba7-de5ca56164bd/VD+UX+Phase.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/1d53cc17-204c-4d8f-aba7-de5ca56164bd/VD+UX+Phase.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/1d53cc17-204c-4d8f-aba7-de5ca56164bd/VD+UX+Phase.png?format=2500w 2500w" fetchpriority="low" loading="lazy" decoding="async" data-loader="sqs"> <div class="section-background-overlay" style="opacity: 0;"></div> </div> </div> <div class='content-wrapper' style=' ' > <div class="content" > <div class="sqs-layout sqs-grid-12 columns-12" data-type="page-section" id="page-section-61b3a3eb2a433e535b62fa50"><div class="row sqs-row"><div class="col sqs-col-12 span-12"><div class="sqs-block spacer-block sqs-block-spacer sized vsize-1" data-block-type="21" id="block-c3e9d9b6342c85a8fadf"><div class="sqs-block-content"> </div></div></div></div></div> </div> </div> </section> <section data-test="page-section" data-section-theme="white" class='page-section layout-engine-section background-width--full-bleed section-height--small content-width--wide horizontal-alignment--center vertical-alignment--middle white' data-section-id="61b3ae9d6ea59e17647e5349" data-controller="SectionWrapperController" data-current-styles="{ "imageOverlayOpacity": 0.15, "backgroundWidth": "background-width--full-bleed", "sectionHeight": "section-height--small", "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--middle", "contentWidth": "content-width--wide", "sectionTheme": "white", "sectionAnimation": "none", "backgroundMode": "image" }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 2, "filterStrength": 0, "zoom": 0, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": null, "divider": null, "typeName": "portfolio-grid-overlay" }" data-animation="none" > <div class="section-border" > <div class="section-background"> </div> </div> <div class='content-wrapper' style=' ' > <div class="content" > <div class="sqs-layout sqs-grid-12 columns-12" data-type="page-section" id="page-section-61b3ae9d6ea59e17647e5349"><div class="row sqs-row"><div class="col sqs-col-12 span-12"><div class="row sqs-row"><div class="col sqs-col-4 span-4"><div class="sqs-block spacer-block sqs-block-spacer sized vsize-1" data-block-type="21" id="block-44f6cbf628f459d785ee"><div class="sqs-block-content"> </div></div></div><div class="col sqs-col-4 span-4"><div class="sqs-block spacer-block sqs-block-spacer sized vsize-1" data-block-type="21" id="block-yui_3_17_2_1_1639686846962_39857"><div class="sqs-block-content"> </div></div><div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-yui_3_17_2_1_1639163790765_7985"><div class="sqs-block-content"> <div class="sqs-html-content"> <p style="text-align:center;white-space:pre-wrap;" class="sqsrte-small"><strong>UI Phase</strong></p><h2 style="text-align:center;white-space:pre-wrap;">The Solutions</h2><p style="text-align:center;white-space:pre-wrap;" class="sqsrte-small">Here’s how I ended up solving core issues.</p> </div> </div></div></div><div class="col sqs-col-4 span-4"><div class="sqs-block spacer-block sqs-block-spacer sized vsize-1" data-block-type="21" id="block-yui_3_17_2_1_1639686846962_25812"><div class="sqs-block-content"> </div></div></div></div></div></div></div> </div> </div> </section> <section data-test="page-section" data-section-theme="white" class='page-section layout-engine-section background-width--full-bleed section-height--medium content-width--wide horizontal-alignment--center vertical-alignment--middle white' data-section-id="61b3aef2791c7548297665f8" data-controller="SectionWrapperController" data-current-styles="{ "imageOverlayOpacity": 0.15, "backgroundWidth": "background-width--full-bleed", "sectionHeight": "section-height--medium", "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--middle", "contentWidth": "content-width--wide", "customContentWidth": 100, "sectionTheme": "white", "sectionAnimation": "none", "backgroundMode": "image" }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 1, "filterStrength": 0, "zoom": 0, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": null, "divider": null, "typeName": "portfolio-grid-overlay" }" data-animation="none" > <div class="section-border" > <div class="section-background"> </div> </div> <div class='content-wrapper' style=' ' > <div class="content" > <div class="sqs-layout sqs-grid-12 columns-12" data-type="page-section" id="page-section-61b3aef2791c7548297665f8"><div class="row sqs-row"><div class="col sqs-col-5 span-5"><div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-yui_3_17_2_1_1639163790765_12575"><div class="sqs-block-content"> <div class="sqs-html-content"> <p class="sqsrte-small" style="white-space:pre-wrap;"><strong>Challenge No. 1:</strong></p><h2 style="white-space:pre-wrap;">How might users find a business?</h2><p class="sqsrte-small" style="white-space:pre-wrap;">Key design decisions here:</p><ul data-rte-list="default"><li><p class="sqsrte-small" style="white-space:pre-wrap;"><strong>Search</strong> - not used often; moved to the hamburger menu</p></li><li><p class="sqsrte-small" style="white-space:pre-wrap;"><strong>Business categories</strong> - updated icons, added an ‘All’, added quantity to set expectations</p></li><li><p class="sqsrte-small" style="white-space:pre-wrap;"><strong>Keywords</strong> - added top keywords to each business to set expectations; included all keywords in an additional submenu to provide an additional way to filter</p></li><li><p class="sqsrte-small" style="white-space:pre-wrap;"><strong>Sorting </strong>- businesses are now sorted by ‘Open’, ‘Pre-order’, ‘Closed’, ‘Coming Soon’ to set ordering expectations; these remain sticky to the top when scrolling</p></li><li><p class="sqsrte-small" style="white-space:pre-wrap;"><strong>Promotions </strong>- now featured at the top of the screen to provide for extra marketing</p></li></ul> </div> </div></div></div><div class="col sqs-col-2 span-2"><div class="sqs-block spacer-block sqs-block-spacer sized vsize-1" data-block-type="21" id="block-9aff7e95902061bf74b8"><div class="sqs-block-content"> </div></div></div><div class="col sqs-col-3 span-3"><div class="sqs-block spacer-block sqs-block-spacer sized vsize-1" data-block-type="21" id="block-yui_3_17_2_1_1639444062953_5214"><div class="sqs-block-content"> </div></div><div class="sqs-block video-block sqs-block-video" data-block-json="{"blockAnimation":"none","layout":"caption-hidden","overlay":true,"description":{"html":"<p class=\"\"></p>"},"customThumb":"61b7ee404eb60e0b76de09c7","html":"<iframe src=\"https://player.vimeo.com/video/656380154?h=0266526887&amp;app_id=122963\" width=\"212\" height=\"426\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen title=\"MainScreenClip.mov\"></iframe>","url":"https://vimeo.com/656380154","width":212,"height":426,"providerName":"Vimeo","thumbnailUrl":"https://i.vimeocdn.com/video/1325116467-36f1b72808405d90cb9743cf6a411fd3985252941cb1eea4e4b7e982280aa7a3-d_200x150","resolvedBy":"vimeo"}" data-block-type="32" id="block-a35bdfc3b543b9993bda"><div class="sqs-block-content"><div class="intrinsic" style="max-width:100%"><div class="embed-block-wrapper " style="padding-bottom:200.9434%;"><div class="sqs-video-wrapper" data-provider-name="Vimeo" data-html="<iframe src="https://player.vimeo.com/video/656380154?h=0266526887&app_id=122963" width="212" height="426" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen title="MainScreenClip.mov"></iframe>"><div class="sqs-video-overlay" style="opacity: 0;"><img data-src="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/3ef63f7b-21cd-42d0-bc8f-709695a339b7/MainScreen.png" data-load="false" data-image-focal-point="0.5,0.5" /><div class="sqs-video-opaque"></div><div class="sqs-video-icon"></div></div></div></div></div></div></div></div><div class="col sqs-col-2 span-2"><div class="sqs-block spacer-block sqs-block-spacer sized vsize-1" data-block-type="21" id="block-yui_3_17_2_1_1639441770487_21343"><div class="sqs-block-content"> </div></div></div></div></div> </div> </div> </section> <section data-test="page-section" data-section-theme="white" class='page-section layout-engine-section background-width--full-bleed section-height--medium content-width--wide horizontal-alignment--center vertical-alignment--middle white' data-section-id="61b8ce76ae41115bf0c99502" data-controller="SectionWrapperController" data-current-styles="{ "imageOverlayOpacity": 0.15, "backgroundWidth": "background-width--full-bleed", "sectionHeight": "section-height--medium", "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--middle", "contentWidth": "content-width--wide", "customContentWidth": 100, "sectionTheme": "white", "sectionAnimation": "none", "backgroundMode": "image" }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 1, "filterStrength": 0, "zoom": 0, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": null, "divider": null, "typeName": "portfolio-grid-overlay" }" data-animation="none" > <div class="section-border" > <div class="section-background"> </div> </div> <div class='content-wrapper' style=' ' > <div class="content" > <div class="sqs-layout sqs-grid-12 columns-12" data-type="page-section" id="page-section-61b8ce76ae41115bf0c99502"><div class="row sqs-row"><div class="col sqs-col-5 span-5"><div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-3b5b2fdaed5e85c2aca3"><div class="sqs-block-content"> <div class="sqs-html-content"> <p class="sqsrte-small" style="white-space:pre-wrap;"><strong>Challenge No. 2:</strong></p><h2 style="white-space:pre-wrap;">How might I clarify the delivery vs. takeaway issue?</h2><p class="sqsrte-small" style="white-space:pre-wrap;">Key design decisions here:</p><ul data-rte-list="default"><li><p class="sqsrte-small" style="white-space:pre-wrap;"><strong>Prioritizing deliveries</strong> - the Verbier team prefers delivery orders, because that’s how their drivers earn an income. Delivery is therefore default, and takeaway becomes the secondary affordance.</p></li><li><p class="sqsrte-small" style="white-space:pre-wrap;"><strong>Targeted information</strong> - only showing the delivery address (and contact-less dropoff option) for deliveries; only showing pickup address for takeaway</p></li><li><p class="sqsrte-small" style="white-space:pre-wrap;"><strong>Reinforcing CTA</strong> - “Place Delivery Order” vs. “Place Takeaway Order”</p></li><li><p class="sqsrte-small" style="white-space:pre-wrap;"><strong>Localizing language</strong> - while in the US we use “takeout”, the locals use “takeaway”. Go with what’s familiar.</p></li><li><p class="sqsrte-small" style="white-space:pre-wrap;"><strong>Order Confirmation</strong> - further emphasizing what a user has chosen (delivery vs. takeaway)</p></li></ul> </div> </div></div></div><div class="col sqs-col-2 span-2"><div class="sqs-block spacer-block sqs-block-spacer sized vsize-1" data-block-type="21" id="block-422ae4fd7ce0beb9fdea"><div class="sqs-block-content"> </div></div></div><div class="col sqs-col-3 span-3"><div class="sqs-block spacer-block sqs-block-spacer sized vsize-1" data-block-type="21" id="block-e84dedc8693070181a94"><div class="sqs-block-content"> </div></div><div class="sqs-block video-block sqs-block-video" data-block-json="{"blockAnimation":"none","layout":"caption-hidden","overlay":true,"description":{"html":"<p class=\"\"></p>"},"customThumb":"61b8d1dbe3153c4a6183a871","html":"<iframe src=\"https://player.vimeo.com/video/656675976?h=b50410bdf8&amp;app_id=122963\" width=\"318\" height=\"640\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen title=\"Delivery vs Takeaway\"></iframe>","url":"https://vimeo.com/656675976","width":318,"height":640,"providerName":"Vimeo","thumbnailUrl":"https://i.vimeocdn.com/video/1325689659-c30ecf399baa95119a0cbaa461fdd9d91e59978d5a261fb52c7117e213afe2e6-d_295x166","resolvedBy":"vimeo"}" data-block-type="32" id="block-71cbefda1cbff9c1efba"><div class="sqs-block-content"><div class="intrinsic" style="max-width:100%"><div class="embed-block-wrapper " style="padding-bottom:201.25787%;"><div class="sqs-video-wrapper" data-provider-name="Vimeo" data-html="<iframe src="https://player.vimeo.com/video/656675976?h=b50410bdf8&app_id=122963" width="318" height="640" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen title="Delivery vs Takeaway"></iframe>"><div class="sqs-video-overlay" style="opacity: 0;"><img data-src="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/fdd3a74e-5915-4131-ac8f-a8a1003c0979/Delivery+vs+Takeaway.png" data-load="false" data-image-focal-point="0.5,0.5" /><div class="sqs-video-opaque"></div><div class="sqs-video-icon"></div></div></div></div></div></div></div></div><div class="col sqs-col-2 span-2"><div class="sqs-block spacer-block sqs-block-spacer sized vsize-1" data-block-type="21" id="block-6541ab7fe4e117c76524"><div class="sqs-block-content"> </div></div></div></div></div> </div> </div> </section> <section data-test="page-section" data-section-theme="white" class='page-section layout-engine-section background-width--full-bleed section-height--medium content-width--wide horizontal-alignment--center vertical-alignment--middle white' data-section-id="61b8ce9b0c26d8446d95b4d3" data-controller="SectionWrapperController" data-current-styles="{ "imageOverlayOpacity": 0.15, "backgroundWidth": "background-width--full-bleed", "sectionHeight": "section-height--medium", "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--middle", "contentWidth": "content-width--wide", "customContentWidth": 100, "sectionTheme": "white", "sectionAnimation": "none", "backgroundMode": "image" }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 1, "filterStrength": 0, "zoom": 0, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": null, "divider": null, "typeName": "portfolio-grid-overlay" }" data-animation="none" > <div class="section-border" > <div class="section-background"> </div> </div> <div class='content-wrapper' style=' ' > <div class="content" > <div class="sqs-layout sqs-grid-12 columns-12" data-type="page-section" id="page-section-61b8ce9b0c26d8446d95b4d3"><div class="row sqs-row"><div class="col sqs-col-5 span-5"><div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-bd90a351e16a2791a445"><div class="sqs-block-content"> <div class="sqs-html-content"> <p class="sqsrte-small" style="white-space:pre-wrap;"><strong>Challenge No. 3:</strong></p><h2 style="white-space:pre-wrap;">How might users better understand the delivery fee?</h2><p class="sqsrte-small" style="white-space:pre-wrap;">I knew two facts to be true: 1) Verbier is an extremely small, close-knit town; 2) during the covid era and contact-less delivery, it’s possible that users will never see the drivers doing dropoffs. Thus, I not only wanted to explain the delivery fee (which went entirely to drivers), but I wanted to re-emphasize the connection between the drivers and the community. I ideated and proposed this flow to the Verbier team, and they were thrilled.</p><ul data-rte-list="default"><li><p class="sqsrte-small" style="white-space:pre-wrap;"><strong>Multiple areas to explain the delivery fee </strong>- I put the delivery fee explanation in three separate places (next to the delivery address, next to the charge in the order total, and at the end) so that users wouldn’t miss it</p></li><li><p class="sqsrte-small" style="white-space:pre-wrap;"><strong>A page dedicated to drivers</strong> - on the user side, the page humanized the hardworking drivers and provided that meaningful connection. On the business side, this helped emphasize how long drivers stayed with Verbier Delivery, which was testament to how well they were treated.</p></li></ul> </div> </div></div></div><div class="col sqs-col-2 span-2"><div class="sqs-block spacer-block sqs-block-spacer sized vsize-1" data-block-type="21" id="block-46b4e17b76c4cc1aaddd"><div class="sqs-block-content"> </div></div></div><div class="col sqs-col-3 span-3"><div class="sqs-block spacer-block sqs-block-spacer sized vsize-1" data-block-type="21" id="block-2728b093d458a261704e"><div class="sqs-block-content"> </div></div><div class="sqs-block video-block sqs-block-video" data-block-json="{"blockAnimation":"none","layout":"caption-hidden","overlay":true,"description":{"html":"<p class=\"\"></p>"},"customThumb":"61b902553ce74030a97ddd3a","html":"<iframe src=\"https://player.vimeo.com/video/656739901?h=bc3b8ee733&amp;app_id=122963\" width=\"318\" height=\"640\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen title=\"DeliveryFee\"></iframe>","url":"https://vimeo.com/656739901","width":318,"height":640,"providerName":"Vimeo","thumbnailUrl":"https://i.vimeocdn.com/video/1325809448-3cb5a7be1a74db88323df5730eaf73936d556fa82628ccbb41223a8c90eeede3-d_295x166","resolvedBy":"vimeo"}" data-block-type="32" id="block-b95784746acd96a1c678"><div class="sqs-block-content"><div class="intrinsic" style="max-width:100%"><div class="embed-block-wrapper " style="padding-bottom:201.25787%;"><div class="sqs-video-wrapper" data-provider-name="Vimeo" data-html="<iframe src="https://player.vimeo.com/video/656739901?h=bc3b8ee733&app_id=122963" width="318" height="640" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen title="DeliveryFee"></iframe>"><div class="sqs-video-overlay" style="opacity: 0;"><img data-src="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/60d15c94-781c-418c-832c-32036e6547ae/MeetTheDrivers.png" data-load="false" data-image-focal-point="0.5,0.5" /><div class="sqs-video-opaque"></div><div class="sqs-video-icon"></div></div></div></div></div></div></div></div><div class="col sqs-col-2 span-2"><div class="sqs-block spacer-block sqs-block-spacer sized vsize-1" data-block-type="21" id="block-cb3d8c02701dab0182a8"><div class="sqs-block-content"> </div></div></div></div></div> </div> </div> </section> <section data-test="page-section" data-section-theme="white" class='page-section layout-engine-section background-width--full-bleed section-height--medium content-width--wide horizontal-alignment--center vertical-alignment--middle white' data-section-id="61b8cee58603110e08eed1de" data-controller="SectionWrapperController" data-current-styles="{ "imageOverlayOpacity": 0.15, "backgroundWidth": "background-width--full-bleed", "sectionHeight": "section-height--medium", "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--middle", "contentWidth": "content-width--wide", "customContentWidth": 100, "sectionTheme": "white", "sectionAnimation": "none", "backgroundMode": "image" }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 1, "filterStrength": 0, "zoom": 0, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": null, "divider": null, "typeName": "portfolio-grid-overlay" }" data-animation="none" > <div class="section-border" > <div class="section-background"> </div> </div> <div class='content-wrapper' style=' ' > <div class="content" > <div class="sqs-layout sqs-grid-12 columns-12" data-type="page-section" id="page-section-61b8cee58603110e08eed1de"><div class="row sqs-row"><div class="col sqs-col-5 span-5"><div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-e04bdd94f2abc8b77935"><div class="sqs-block-content"> <div class="sqs-html-content"> <p class="sqsrte-small" style="white-space:pre-wrap;"><strong>Challenge No. 4:</strong></p><h2 style="white-space:pre-wrap;">How might we circumvent the possibility of drivers getting lost?</h2><p class="sqsrte-small" style="white-space:pre-wrap;">We knew that: 1) most of the time, delivery addresses were easy to find; but that 2) sometimes they weren’t, and that was catastrophic.</p><p class="sqsrte-small" style="white-space:pre-wrap;">Key design decisions here to ease the latter situation:</p><ul data-rte-list="default"><li><p class="sqsrte-small" style="white-space:pre-wrap;"><strong>Splitting the sign-up process</strong> - this made it easier to focus on what was being asked</p></li><li><p class="sqsrte-small" style="white-space:pre-wrap;"><strong>Checking your pin</strong> - this was an extra step, but a quick and easy way to help the user figure out if their address was showing up correctly without troubling them with moving pins</p></li><li><p class="sqsrte-small" style="white-space:pre-wrap;"><strong>Solving for incorrect pins </strong>- we encourage users in this situation to give step by step instructions to help their drivers find their address</p></li></ul><p class="sqsrte-small" style="white-space:pre-wrap;">Taken together, we’re hopeful this will substantially cut down on delivery address mishaps.</p> </div> </div></div></div><div class="col sqs-col-2 span-2"><div class="sqs-block spacer-block sqs-block-spacer sized vsize-1" data-block-type="21" id="block-a3189befa01674e9142a"><div class="sqs-block-content"> </div></div></div><div class="col sqs-col-3 span-3"><div class="sqs-block spacer-block sqs-block-spacer sized vsize-1" data-block-type="21" id="block-5edc0d05aae79a3c9e74"><div class="sqs-block-content"> </div></div><div class="sqs-block video-block sqs-block-video" data-block-json="{"blockAnimation":"none","layout":"caption-hidden","overlay":true,"description":{"html":"<p class=\"\"></p>"},"customThumb":"61b8f425bd00d22c6b338490","html":"<iframe src=\"https://player.vimeo.com/video/656730957?h=53b9912351&amp;app_id=122963\" width=\"318\" height=\"640\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen title=\"DriverHelp\"></iframe>","url":"https://vimeo.com/656730957","width":318,"height":640,"providerName":"Vimeo","thumbnailUrl":"https://i.vimeocdn.com/video/1325792593-1d5e9f43d0a7c90fd1f76741f3a3732f8b0bcd08d44aa38c14c730e9e218d780-d_295x166","resolvedBy":"vimeo"}" data-block-type="32" id="block-b5a0aee79121b5abe1e3"><div class="sqs-block-content"><div class="intrinsic" style="max-width:100%"><div class="embed-block-wrapper " style="padding-bottom:201.25787%;"><div class="sqs-video-wrapper" data-provider-name="Vimeo" data-html="<iframe src="https://player.vimeo.com/video/656730957?h=53b9912351&app_id=122963" width="318" height="640" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen title="DriverHelp"></iframe>"><div class="sqs-video-overlay" style="opacity: 0;"><img data-src="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/6c25d4cc-d184-418c-9795-275e4c4dc4a7/DriverHelp.png" data-load="false" data-image-focal-point="0.5,0.5" /><div class="sqs-video-opaque"></div><div class="sqs-video-icon"></div></div></div></div></div></div></div></div><div class="col sqs-col-2 span-2"><div class="sqs-block spacer-block sqs-block-spacer sized vsize-1" data-block-type="21" id="block-d55ad482cc49cf76c234"><div class="sqs-block-content"> </div></div></div></div></div> </div> </div> </section> <section data-test="page-section" data-section-theme="white" class='page-section layout-engine-section background-width--full-bleed section-height--medium content-width--wide horizontal-alignment--center vertical-alignment--middle white' data-section-id="61b8cf2f52aaa373de1dd9e4" data-controller="SectionWrapperController" data-current-styles="{ "imageOverlayOpacity": 0.15, "backgroundWidth": "background-width--full-bleed", "sectionHeight": "section-height--medium", "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--middle", "contentWidth": "content-width--wide", "customContentWidth": 100, "sectionTheme": "white", "sectionAnimation": "none", "backgroundMode": "image" }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 1, "filterStrength": 0, "zoom": 0, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": null, "divider": null, "typeName": "portfolio-grid-overlay" }" data-animation="none" > <div class="section-border" > <div class="section-background"> </div> </div> <div class='content-wrapper' style=' ' > <div class="content" > <div class="sqs-layout sqs-grid-12 columns-12" data-type="page-section" id="page-section-61b8cf2f52aaa373de1dd9e4"><div class="row sqs-row"><div class="col sqs-col-5 span-5"><div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-724013ae039f1f4c8caf"><div class="sqs-block-content"> <div class="sqs-html-content"> <p class="sqsrte-small" style="white-space:pre-wrap;"><strong>Challenge No. 5:</strong></p><h2 style="white-space:pre-wrap;">Post-purchase experience</h2><p class="sqsrte-small" style="white-space:pre-wrap;">There’s nothing more frustrating than wondering where your order is, and having to navigate through a confusing menu to check order status. I strove to have a shortcut to your order on the main screen, for user convenience. I had to work with the developers to figure out what was possible - ideally we would have had real time status (in process, out for delivery, etc), but since it was web, the devs would have had a hard time “refreshing" it.</p><p class="sqsrte-small" style="white-space:pre-wrap;">We settled on a doable compromise (the <strong>‘order in process’ toast</strong>) that went on to test incredibly with users.</p><p class="sqsrte-small" style="white-space:pre-wrap;">In addition, I suggested a <strong>post-delivery rating system</strong>. This would standardize feedback, and help the entire business model improve. (Prior to this, all feedback had to be manually emailed to Verbier Delivery).</p> </div> </div></div></div><div class="col sqs-col-2 span-2"><div class="sqs-block spacer-block sqs-block-spacer sized vsize-1" data-block-type="21" id="block-cae4d65634e41b7b14b8"><div class="sqs-block-content"> </div></div></div><div class="col sqs-col-3 span-3"><div class="sqs-block spacer-block sqs-block-spacer sized vsize-1" data-block-type="21" id="block-f630b420567b7cf81c6d"><div class="sqs-block-content"> </div></div><div class="sqs-block video-block sqs-block-video" data-block-json="{"blockAnimation":"none","layout":"caption-hidden","overlay":true,"description":{"html":"<p class=\"\"></p>"},"customThumb":"61b90069ff37546741c3b85d","html":"<iframe src=\"https://player.vimeo.com/video/656749252?h=fc644f318c&amp;app_id=122963\" width=\"318\" height=\"640\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen title=\"PostPurchase\"></iframe>","url":"https://vimeo.com/656749252","width":318,"height":640,"providerName":"Vimeo","thumbnailUrl":"https://i.vimeocdn.com/video/1325827253-9f65c4ae8b023317f7f0b701399d87cb4968044b59496e149c07240f5152919b-d_295x166","resolvedBy":"vimeo"}" data-block-type="32" id="block-6a6b44cd7e0f1d4fa3bc"><div class="sqs-block-content"><div class="intrinsic" style="max-width:100%"><div class="embed-block-wrapper " style="padding-bottom:201.25787%;"><div class="sqs-video-wrapper" data-provider-name="Vimeo" data-html="<iframe src="https://player.vimeo.com/video/656749252?h=fc644f318c&app_id=122963" width="318" height="640" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen title="PostPurchase"></iframe>"><div class="sqs-video-overlay" style="opacity: 0;"><img data-src="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/18446aeb-db67-42d9-9538-ace537afca47/PostPurchase.png" data-load="false" data-image-focal-point="0.5,0.5" /><div class="sqs-video-opaque"></div><div class="sqs-video-icon"></div></div></div></div></div></div></div></div><div class="col sqs-col-2 span-2"><div class="sqs-block spacer-block sqs-block-spacer sized vsize-1" data-block-type="21" id="block-608350b8ef9efd1adb54"><div class="sqs-block-content"> </div></div></div></div></div> </div> </div> </section> <section data-test="page-section" data-section-theme="light" class='page-section layout-engine-section background-width--full-bleed section-height--medium content-width--medium horizontal-alignment--center vertical-alignment--middle light' data-section-id="61b3b0f641f57e24633cb03b" data-controller="SectionWrapperController" data-current-styles="{ "imageOverlayOpacity": 0.15, "backgroundWidth": "background-width--full-bleed", "sectionHeight": "section-height--medium", "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--middle", "contentWidth": "content-width--medium", "sectionTheme": "light", "sectionAnimation": "none", "backgroundMode": "image" }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 1, "filterStrength": 0, "zoom": 0, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": null, "divider": null, "typeName": "portfolio-grid-overlay" }" data-animation="none" > <div class="section-border" > <div class="section-background"> </div> </div> <div class='content-wrapper' style=' ' > <div class="content" > <div class="sqs-layout sqs-grid-12 columns-12" data-type="page-section" id="page-section-61b3b0f641f57e24633cb03b"><div class="row sqs-row"><div class="col sqs-col-12 span-12"><div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-yui_3_17_2_1_1639166128258_13588"><div class="sqs-block-content"> <div class="sqs-html-content"> <p class="sqsrte-small" style="white-space:pre-wrap;"><strong>Usability Testing</strong></p><h2 style="white-space:pre-wrap;">Welcoming surprises</h2><p class="sqsrte-small" style="white-space:pre-wrap;">As designers, we all start out with an idea of how things will go, and sometimes we ended up being surprised.<br></p><p class="sqsrte-small" style="white-space:pre-wrap;">Here is an example of one of those:</p> </div> </div></div><div class="row sqs-row"><div class="col sqs-col-4 span-4"><div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-909659b08fda51b16ad8"><div class="sqs-block-content"> <div class="sqs-html-content"> <p class="sqsrte-small" style="white-space:pre-wrap;"><strong>Original:</strong></p><p class="sqsrte-small" style="white-space:pre-wrap;">When designing the main screen and the business screen, I <em>needed a quick icon to display the delivery time. Competitors all used a clock icon.</em> I assumed this was a best practice that would be understood by every user and a good place to start.</p> </div> </div></div></div><div class="col sqs-col-8 span-8"><div class="row sqs-row"><div class="col sqs-col-4 span-4"><div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-191dcd20776ff5586e76"><div class="sqs-block-content"> <div class="sqs-html-content"> <p class="sqsrte-small" style="white-space:pre-wrap;"><strong>Testing:</strong></p><p class="sqsrte-small" style="white-space:pre-wrap;"><em>Many people were confused by the clock icon.</em> Some even assumed it was when the restaurant was going to open! People also understandably wonder whether the time reflected when it would be delivered OR ready for pickup.</p> </div> </div></div></div><div class="col sqs-col-4 span-4"><div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-e26c397939c6ce65c8b6"><div class="sqs-block-content"> <div class="sqs-html-content"> <p class="sqsrte-small" style="white-space:pre-wrap;"><strong>Pivot:</strong></p><p class="sqsrte-small" style="white-space:pre-wrap;">To clarify that it specifically meant delivery time, <em>I designed a car icon and implemented that instead. </em>This small, seemingly insignificant change clarified it for every single subsequent user.</p> </div> </div></div></div></div></div></div></div></div></div> </div> </div> </section> <section data-test="page-section" data-section-theme="black" class='page-section layout-engine-section background-width--full-bleed section-height--large content-width--medium horizontal-alignment--center vertical-alignment--middle has-background black' data-section-id="61b91610cf490a55d3a175fc" data-controller="SectionWrapperController" data-current-styles="{ "backgroundImage": { "id": "61b918d3fab22b0207bc19a5", "recordType": 2, "addedOn": 1639520467279, "updatedOn": 1639520467331, "workflowState": 1, "publishOn": 1639520467279, "authorId": "567318742399a31f1159ce04", "systemDataId": "bba64c36-0fe6-43ad-bc0f-2c5fcb358c78", "systemDataVariants": "3786x2244,100w,300w,500w,750w,1000w,1500w,2500w", "systemDataSourceType": "PNG", "filename": "User Flow.png", "mediaFocalPoint": { "x": 0.5, "y": 0.5, "source": 3 }, "colorData": { "topLeftAverage": "373737", "topRightAverage": "373737", "bottomLeftAverage": "373737", "bottomRightAverage": "373737", "centerAverage": "373737", "suggestedBgColor": "373737" }, "urlId": "j5rn73tza01lg2vtm08c9d99yzhkg8", "title": "", "body": null, "likeCount": 0, "commentCount": 0, "publicCommentCount": 0, "commentState": 2, "unsaved": false, "author": { "id": "567318742399a31f1159ce04", "displayName": "Bettina Bergendahl", "firstName": "Bettina", "lastName": "Bergendahl", "bio": "" }, "assetUrl": "https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/bba64c36-0fe6-43ad-bc0f-2c5fcb358c78/User+Flow.png", "contentType": "image/png", "items": [ ], "pushedServices": { }, "pendingPushedServices": { }, "originalSize": "3786x2244", "recordTypeLabel": "image" }, "imageOverlayOpacity": 0.15, "backgroundWidth": "background-width--full-bleed", "sectionHeight": "section-height--large", "customSectionHeight": 85, "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--middle", "contentWidth": "content-width--medium", "sectionTheme": "black", "sectionAnimation": "none", "backgroundMode": "image" }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 1, "filterStrength": 0, "zoom": 0, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": null, "divider": null, "typeName": "portfolio-grid-overlay" }" data-animation="none" > <div class="section-border" > <div class="section-background"> <img alt="" data-src="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/bba64c36-0fe6-43ad-bc0f-2c5fcb358c78/User+Flow.png" data-image="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/bba64c36-0fe6-43ad-bc0f-2c5fcb358c78/User+Flow.png" data-image-dimensions="3786x2244" data-image-focal-point="0.5,0.5" alt="User Flow.png" data-load="false" elementtiming="nbf-background" src="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/bba64c36-0fe6-43ad-bc0f-2c5fcb358c78/User+Flow.png" width="3786" height="2244" alt="" sizes="(max-width: 799px) 200vw, 100vw" style="display:block;object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/bba64c36-0fe6-43ad-bc0f-2c5fcb358c78/User+Flow.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/bba64c36-0fe6-43ad-bc0f-2c5fcb358c78/User+Flow.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/bba64c36-0fe6-43ad-bc0f-2c5fcb358c78/User+Flow.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/bba64c36-0fe6-43ad-bc0f-2c5fcb358c78/User+Flow.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/bba64c36-0fe6-43ad-bc0f-2c5fcb358c78/User+Flow.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/bba64c36-0fe6-43ad-bc0f-2c5fcb358c78/User+Flow.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/bba64c36-0fe6-43ad-bc0f-2c5fcb358c78/User+Flow.png?format=2500w 2500w" fetchpriority="low" loading="lazy" decoding="async" data-loader="sqs"> <div class="section-background-overlay" style="opacity: 0.15;"></div> </div> </div> <div class='content-wrapper' style=' ' > <div class="content" > <div class="sqs-layout sqs-grid-12 columns-12" data-type="page-section" id="page-section-61b91610cf490a55d3a175fc"><div class="row sqs-row"><div class="col sqs-col-12 span-12"><div class="sqs-block spacer-block sqs-block-spacer sized vsize-1" data-block-type="21" id="block-9b6881d4aa69487b1b89"><div class="sqs-block-content"> </div></div></div></div></div> </div> </div> </section> <section data-test="page-section" data-section-theme="white" class='page-section layout-engine-section background-width--full-bleed section-height--medium content-width--medium horizontal-alignment--center vertical-alignment--middle white' data-section-id="61b9313c14a426064fe2251b" data-controller="SectionWrapperController" data-current-styles="{ "imageOverlayOpacity": 0.15, "backgroundWidth": "background-width--full-bleed", "sectionHeight": "section-height--medium", "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--middle", "contentWidth": "content-width--medium", "sectionTheme": "white", "sectionAnimation": "none", "backgroundMode": "image" }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 1, "filterStrength": 0, "zoom": 0, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": null, "divider": null, "typeName": "portfolio-grid-overlay" }" data-animation="none" > <div class="section-border" > <div class="section-background"> </div> </div> <div class='content-wrapper' style=' ' > <div class="content" > <div class="sqs-layout sqs-grid-12 columns-12" data-type="page-section" id="page-section-61b9313c14a426064fe2251b"><div class="row sqs-row"><div class="col sqs-col-12 span-12"><div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-yui_3_17_2_1_1639520477538_12384"><div class="sqs-block-content"> <div class="sqs-html-content"> <p class="sqsrte-small" style="white-space:pre-wrap;"><strong>UI Phase</strong></p><h2 style="white-space:pre-wrap;">Branding and Visual Design</h2><p class="sqsrte-small" style="white-space:pre-wrap;">I wanted to evoke Swiss minimalist design alongside higher-end touches familiar to Verbier’s upscale clientele. I used the original branding color palette, but changed key elements to create this minimalist luxury feel.</p><p class="sqsrte-small" style="white-space:pre-wrap;">Here’s how I did that:</p><ul data-rte-list="default"><li><p class="sqsrte-small" style="white-space:pre-wrap;"><strong>Typography: </strong>I used one of my favorite fonts, Jost, throughout the design. I chose it for the design specifically because I find it to be incredibly crisp and elegant in its readable simplicity. I used only two different weights, and played around with caps and sizes for hierarchy.</p></li><li><p class="sqsrte-small" style="white-space:pre-wrap;"><strong>Icons: </strong>I designed an icon set that used clean lines and gently rounded shapes.</p></li></ul><p class="" data-rte-preserve-empty="true" style="white-space:pre-wrap;"></p> </div> </div></div><div class="sqs-block image-block sqs-block-image" data-block-type="5" id="block-yui_3_17_2_1_1639527588661_6692"><div class="sqs-block-content"> <div class=" image-block-outer-wrapper layout-caption-hidden design-layout-inline combination-animation-site-default individual-animation-site-default individual-text-animation-site-default " data-test="image-block-inline-outer-wrapper" > <figure class=" sqs-block-image-figure intrinsic " style="max-width:1656px;" > <div class="image-block-wrapper" data-animation-role="image" > <div class="sqs-image-shape-container-element has-aspect-ratio " style=" position: relative; padding-bottom:141.30435180664062%; overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black); " > <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/61a94a68-5cfd-4c78-9277-17bf3089ac6c/Verbier+Delivery+Style+Guide.png" data-image="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/61a94a68-5cfd-4c78-9277-17bf3089ac6c/Verbier+Delivery+Style+Guide.png" data-image-dimensions="1656x2340" data-image-focal-point="0.5,0.5" alt="" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/61a94a68-5cfd-4c78-9277-17bf3089ac6c/Verbier+Delivery+Style+Guide.png" width="1656" height="2340" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 100vw, 100vw" style="display:block;object-fit: cover; width: 100%; height: 100%; object-position: 50% 50%" onload="this.classList.add("loaded")" srcset="https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/61a94a68-5cfd-4c78-9277-17bf3089ac6c/Verbier+Delivery+Style+Guide.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/61a94a68-5cfd-4c78-9277-17bf3089ac6c/Verbier+Delivery+Style+Guide.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/61a94a68-5cfd-4c78-9277-17bf3089ac6c/Verbier+Delivery+Style+Guide.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/61a94a68-5cfd-4c78-9277-17bf3089ac6c/Verbier+Delivery+Style+Guide.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/61a94a68-5cfd-4c78-9277-17bf3089ac6c/Verbier+Delivery+Style+Guide.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/61a94a68-5cfd-4c78-9277-17bf3089ac6c/Verbier+Delivery+Style+Guide.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/61942e96d74613527bb6d7a1/61a94a68-5cfd-4c78-9277-17bf3089ac6c/Verbier+Delivery+Style+Guide.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs"> </div> </div> </figure> </div> </div></div></div></div></div> </div> </div> </section> <section data-test="page-section" data-section-theme="" class='page-section layout-engine-section background-width--full-bleed section-height--medium content-width--wide horizontal-alignment--center vertical-alignment--middle ' data-section-id="61ba3f039dd3f031ce625225" data-controller="SectionWrapperController" data-current-styles="{ "imageOverlayOpacity": 0.15, "backgroundWidth": "background-width--full-bleed", "sectionHeight": "section-height--medium", "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--middle", "contentWidth": "content-width--wide", "sectionAnimation": "none", "backgroundMode": "image" }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 1, "filterStrength": 0, "zoom": 0, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": null, "divider": null, "typeName": "portfolio-grid-overlay" }" data-animation="none" > <div class="section-border" > <div class="section-background"> </div> </div> <div class='content-wrapper' style=' ' > <div class="content" > <div class="sqs-layout sqs-grid-12 columns-12" data-type="page-section" id="page-section-61ba3f039dd3f031ce625225"><div class="row sqs-row"><div class="col sqs-col-5 span-5"><div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-yui_3_17_2_1_1639595934424_4274"><div class="sqs-block-content"> <div class="sqs-html-content"> <p class="sqsrte-small" style="white-space:pre-wrap;"><strong>Lessons Learned / Next Steps</strong></p><h2 style="white-space:pre-wrap;">Being clear, keeping boundaries</h2> </div> </div></div></div><div class="col sqs-col-1 span-1"><div class="sqs-block spacer-block sqs-block-spacer sized vsize-1" data-block-type="21" id="block-fcd0858bcbca73c219cd"><div class="sqs-block-content"> </div></div></div><div class="col sqs-col-6 span-6"><div class="sqs-block spacer-block sqs-block-spacer sized vsize-1" data-block-type="21" id="block-yui_3_17_2_1_1639595934424_5079"><div class="sqs-block-content"> </div></div><div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-ea96820bdc418cab82b7"><div class="sqs-block-content"> <div class="sqs-html-content"> <p class="sqsrte-small" style="white-space:pre-wrap;">There was a moment, as I was wrapping up visual design and showing the latest prototype to the team, that one of the team members piped in. “I realized belatedly that it would be really nice if we had somewhere to put the promos. It shouldn’t be too difficult I think.” Famous last words. (…it actually took me hours of rework.)</p><p class="sqsrte-small" style="white-space:pre-wrap;">One of the biggest key points that I took away from this project is the importance of setting scope, putting it in writing, and holding to it. I had done that verbally during meetings, but allowed scope creep, which made the project much longer than I expected.</p><p class="sqsrte-small" style="white-space:pre-wrap;">This project is currently under development, although I am still helping with red lining. Already, we’ve cut the average ordering process by a full minute. Looking forward to seeing how it continues to perform!</p> </div> </div></div></div></div></div> </div> </div> </section> <section data-test="page-section" data-section-theme="dark" class='page-section layout-engine-section background-width--full-bleed section-height--medium content-width--narrow horizontal-alignment--center vertical-alignment--middle dark' data-section-id="61ba43a5b0d201644a196ad3" data-controller="SectionWrapperController" data-current-styles="{ "imageOverlayOpacity": 0.15, "backgroundWidth": "background-width--full-bleed", "sectionHeight": "section-height--medium", "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--middle", "contentWidth": "content-width--narrow", "sectionTheme": "dark", "sectionAnimation": "none", "backgroundMode": "image" }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 1, "filterStrength": 0, "zoom": 0, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": null, "divider": null, "typeName": "portfolio-grid-overlay" }" data-animation="none" > <div class="section-border" > <div class="section-background"> </div> </div> <div class='content-wrapper' style=' ' > <div class="content" > <div class="sqs-layout sqs-grid-12 columns-12" data-type="page-section" id="page-section-61ba43a5b0d201644a196ad3"><div class="row sqs-row"><div class="col sqs-col-12 span-12"><div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-d2358176ccbf515c2519"><div class="sqs-block-content"> <div class="sqs-html-content"> <h2 style="text-align:center;white-space:pre-wrap;">Have thoughts about this project?</h2><p style="text-align:center;white-space:pre-wrap;" class="sqsrte-small">Send me <a href="mailto:bettina.bergendahl@gmail.com?subject=Hey%20there%20-">a message</a>, I’d love to talk.</p> </div> </div></div></div></div></div> </div> </div> </section> </article> <section id="itemPagination" class="item-pagination item-pagination--prev-next" data-collection-type="portfolio-grid-overlay" > <a href="/work/malu-recipe-meal-planning-app" class="item-pagination-link item-pagination-link--prev"> <div class="item-pagination-icon icon icon--stroke"> <svg class="caret-left-icon--small" viewBox="0 0 9 16"> <polyline fill="none" stroke-miterlimit="10" points="7.3,14.7 2.5,8 7.3,1.2"/> </svg> </div> <span class="pagination-title-wrapper"> <div class="visually-hidden">Previous</div> <div class="item-pagination-prev-next">Previous</div> <h2 class="item-pagination-title">Malu, a Meal Planning App (mobile app)</h2> </span> </a> <a href="/work/velop-aware-motion-sensing" class="item-pagination-link item-pagination-link--next"> <div class="pagination-title-wrapper"> <div class="visually-hidden">Next</div> <div class="item-pagination-prev-next">Next</div> <h2 class="item-pagination-title">Velop Aware, a WiFi Motion Sensing feature (mobile app)</h2> </div> <div class="item-pagination-icon icon icon--stroke"> <svg class="caret-right-icon--small" viewBox="0 0 9 16"> <polyline fill="none" stroke-miterlimit="10" points="1.6,1.2 6.5,7.9 1.6,14.7"/> </svg> </div> </a> </section> </main> <footer class="sections" id="footer-sections" data-footer-sections> <section data-test="page-section" data-section-theme="white" class='page-section layout-engine-section background-width--full-bleed section-height--small content-width--narrow horizontal-alignment--center vertical-alignment--middle white' data-section-id="61942e97d74613527bb6d801" data-controller="SectionWrapperController" data-current-styles="{ "imageOverlayOpacity": 0.15, "backgroundWidth": "background-width--full-bleed", "sectionHeight": "section-height--small", "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--middle", "contentWidth": "content-width--narrow", "customContentWidth": 100, "sectionTheme": "white", "sectionAnimation": "none", "backgroundMode": "image" }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 1, "filterStrength": 0, "zoom": 0, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": null, "divider": null, "typeName": "portfolio-grid-overlay" }" data-animation="none" > <div class="section-border" > <div class="section-background"> </div> </div> <div class='content-wrapper' style=' ' > <div class="content" > <div class="sqs-layout sqs-grid-12 columns-12" data-type="page-section" id="page-section-61942e97d74613527bb6d801"><div class="row sqs-row"><div class="col sqs-col-12 span-12"><div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-b41f0c850aced04c7e10"><div class="sqs-block-content"> <div class="sqs-html-content"> <p style="text-align:center;white-space:pre-wrap;" class=""><a href="/work">Work</a> <a href="/play">Play</a> <a href="/about">About</a> <a href="https://read.cv/bettinabergendahl" target="_blank">Resume</a></p> </div> </div></div></div></div></div> </div> </div> </section> </footer> </div> <script defer="defer" src="https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/scripts/site-bundle.206109390e1beb3f8618936ab87d3654.js" type="text/javascript"></script> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" style="display:none" data-usage="social-icons-svg"><symbol id="email-icon" viewBox="0 0 64 64"><path d="M17,22v20h30V22H17z M41.1,25L32,32.1L22.9,25H41.1z M20,39V26.6l12,9.3l12-9.3V39H20z"/></symbol><symbol id="email-mask" viewBox="0 0 64 64"><path d="M41.1,25H22.9l9.1,7.1L41.1,25z M44,26.6l-12,9.3l-12-9.3V39h24V26.6z M0,0v64h64V0H0z M47,42H17V22h30V42z"/></symbol><symbol id="linkedin-unauth-icon" viewBox="0 0 64 64"><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z"/></symbol><symbol id="linkedin-unauth-mask" viewBox="0 0 64 64"><path d="M0,0v64h64V0H0z M25.8,44h-5.4V26.6h5.4V44z M23.1,24.3c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1 c1.7,0,3.1,1.4,3.1,3.1C26.2,22.9,24.8,24.3,23.1,24.3z M46,44h-5.4v-8.4c0-2,0-4.6-2.8-4.6c-2.8,0-3.2,2.2-3.2,4.5V44h-5.4V26.6 h5.2V29h0.1c0.7-1.4,2.5-2.8,5.1-2.8c5.5,0,6.5,3.6,6.5,8.3V44z"/></symbol><symbol id="instagram-unauth-icon" viewBox="0 0 64 64"><path d="M46.91,25.816c-0.073-1.597-0.326-2.687-0.697-3.641c-0.383-0.986-0.896-1.823-1.73-2.657c-0.834-0.834-1.67-1.347-2.657-1.73c-0.954-0.371-2.045-0.624-3.641-0.697C36.585,17.017,36.074,17,32,17s-4.585,0.017-6.184,0.09c-1.597,0.073-2.687,0.326-3.641,0.697c-0.986,0.383-1.823,0.896-2.657,1.73c-0.834,0.834-1.347,1.67-1.73,2.657c-0.371,0.954-0.624,2.045-0.697,3.641C17.017,27.415,17,27.926,17,32c0,4.074,0.017,4.585,0.09,6.184c0.073,1.597,0.326,2.687,0.697,3.641c0.383,0.986,0.896,1.823,1.73,2.657c0.834,0.834,1.67,1.347,2.657,1.73c0.954,0.371,2.045,0.624,3.641,0.697C27.415,46.983,27.926,47,32,47s4.585-0.017,6.184-0.09c1.597-0.073,2.687-0.326,3.641-0.697c0.986-0.383,1.823-0.896,2.657-1.73c0.834-0.834,1.347-1.67,1.73-2.657c0.371-0.954,0.624-2.045,0.697-3.641C46.983,36.585,47,36.074,47,32S46.983,27.415,46.91,25.816z M44.21,38.061c-0.067,1.462-0.311,2.257-0.516,2.785c-0.272,0.7-0.597,1.2-1.122,1.725c-0.525,0.525-1.025,0.85-1.725,1.122c-0.529,0.205-1.323,0.45-2.785,0.516c-1.581,0.072-2.056,0.087-6.061,0.087s-4.48-0.015-6.061-0.087c-1.462-0.067-2.257-0.311-2.785-0.516c-0.7-0.272-1.2-0.597-1.725-1.122c-0.525-0.525-0.85-1.025-1.122-1.725c-0.205-0.529-0.45-1.323-0.516-2.785c-0.072-1.582-0.087-2.056-0.087-6.061s0.015-4.48,0.087-6.061c0.067-1.462,0.311-2.257,0.516-2.785c0.272-0.7,0.597-1.2,1.122-1.725c0.525-0.525,1.025-0.85,1.725-1.122c0.529-0.205,1.323-0.45,2.785-0.516c1.582-0.072,2.056-0.087,6.061-0.087s4.48,0.015,6.061,0.087c1.462,0.067,2.257,0.311,2.785,0.516c0.7,0.272,1.2,0.597,1.725,1.122c0.525,0.525,0.85,1.025,1.122,1.725c0.205,0.529,0.45,1.323,0.516,2.785c0.072,1.582,0.087,2.056,0.087,6.061S44.282,36.48,44.21,38.061z M32,24.297c-4.254,0-7.703,3.449-7.703,7.703c0,4.254,3.449,7.703,7.703,7.703c4.254,0,7.703-3.449,7.703-7.703C39.703,27.746,36.254,24.297,32,24.297z M32,37c-2.761,0-5-2.239-5-5c0-2.761,2.239-5,5-5s5,2.239,5,5C37,34.761,34.761,37,32,37z M40.007,22.193c-0.994,0-1.8,0.806-1.8,1.8c0,0.994,0.806,1.8,1.8,1.8c0.994,0,1.8-0.806,1.8-1.8C41.807,22.999,41.001,22.193,40.007,22.193z"/></symbol><symbol id="instagram-unauth-mask" viewBox="0 0 64 64"><path d="M43.693,23.153c-0.272-0.7-0.597-1.2-1.122-1.725c-0.525-0.525-1.025-0.85-1.725-1.122c-0.529-0.205-1.323-0.45-2.785-0.517c-1.582-0.072-2.056-0.087-6.061-0.087s-4.48,0.015-6.061,0.087c-1.462,0.067-2.257,0.311-2.785,0.517c-0.7,0.272-1.2,0.597-1.725,1.122c-0.525,0.525-0.85,1.025-1.122,1.725c-0.205,0.529-0.45,1.323-0.516,2.785c-0.072,1.582-0.087,2.056-0.087,6.061s0.015,4.48,0.087,6.061c0.067,1.462,0.311,2.257,0.516,2.785c0.272,0.7,0.597,1.2,1.122,1.725s1.025,0.85,1.725,1.122c0.529,0.205,1.323,0.45,2.785,0.516c1.581,0.072,2.056,0.087,6.061,0.087s4.48-0.015,6.061-0.087c1.462-0.067,2.257-0.311,2.785-0.516c0.7-0.272,1.2-0.597,1.725-1.122s0.85-1.025,1.122-1.725c0.205-0.529,0.45-1.323,0.516-2.785c0.072-1.582,0.087-2.056,0.087-6.061s-0.015-4.48-0.087-6.061C44.143,24.476,43.899,23.682,43.693,23.153z M32,39.703c-4.254,0-7.703-3.449-7.703-7.703s3.449-7.703,7.703-7.703s7.703,3.449,7.703,7.703S36.254,39.703,32,39.703z M40.007,25.793c-0.994,0-1.8-0.806-1.8-1.8c0-0.994,0.806-1.8,1.8-1.8c0.994,0,1.8,0.806,1.8,1.8C41.807,24.987,41.001,25.793,40.007,25.793z M0,0v64h64V0H0z M46.91,38.184c-0.073,1.597-0.326,2.687-0.697,3.641c-0.383,0.986-0.896,1.823-1.73,2.657c-0.834,0.834-1.67,1.347-2.657,1.73c-0.954,0.371-2.044,0.624-3.641,0.697C36.585,46.983,36.074,47,32,47s-4.585-0.017-6.184-0.09c-1.597-0.073-2.687-0.326-3.641-0.697c-0.986-0.383-1.823-0.896-2.657-1.73c-0.834-0.834-1.347-1.67-1.73-2.657c-0.371-0.954-0.624-2.044-0.697-3.641C17.017,36.585,17,36.074,17,32c0-4.074,0.017-4.585,0.09-6.185c0.073-1.597,0.326-2.687,0.697-3.641c0.383-0.986,0.896-1.823,1.73-2.657c0.834-0.834,1.67-1.347,2.657-1.73c0.954-0.371,2.045-0.624,3.641-0.697C27.415,17.017,27.926,17,32,17s4.585,0.017,6.184,0.09c1.597,0.073,2.687,0.326,3.641,0.697c0.986,0.383,1.823,0.896,2.657,1.73c0.834,0.834,1.347,1.67,1.73,2.657c0.371,0.954,0.624,2.044,0.697,3.641C46.983,27.415,47,27.926,47,32C47,36.074,46.983,36.585,46.91,38.184z M32,27c-2.761,0-5,2.239-5,5s2.239,5,5,5s5-2.239,5-5S34.761,27,32,27z"/></symbol></svg> </body> </html>

CINXE.COM

Verbier Delivery, a Swiss Food Delivery Service (responsive web) — Bettina Bergendahl