Daniel Terndrup

Daniel Terndrup https://danielterndrup.com Daniel Terndrup Tue, 14 Jun 2022 15:43:56 +0000 https://danielterndrup.com en Home Image Scroll https://danielterndrup.com/Home-Image-Scroll Fri, 11 Mar 2022 05:36:34 +0000 Daniel Terndrup https://danielterndrup.com/Home-Image-Scroll <img width="1600" height="2048" width_o="1600" height_o="2048" data-src="https://freight.cargo.site/t/original/i/8f5476eda9b0d8d1931a8303d55f75f4d0b747309e68810671c02c27926997c5/Dan-backdrop-2.jpg" data-mid="135971013" border="0" src="https://freight.cargo.site/w/1000/i/8f5476eda9b0d8d1931a8303d55f75f4d0b747309e68810671c02c27926997c5/Dan-backdrop-2.jpg" /> About https://danielterndrup.com/About Fri, 11 Mar 2022 05:36:35 +0000 Daniel Terndrup https://danielterndrup.com/About Daniel Terndrup — Design & Sound My empathic, problem-solving approach to user experience design is fueled by three years of consistent digital agency work spanning e-commerce, fintech, and arts & culture; as well as a decade-long DJ/producer career during which I created socially unifying, auditory interactions amongst large groups of people from all walks of life. ︎Los Angeles, CA︎ dterndrup@gmail.com View work Supernatural https://danielterndrup.com/Supernatural Fri, 11 Mar 2022 05:36:35 +0000 Daniel Terndrup https://danielterndrup.com/Supernatural Supernatural Website Design RefreshLead Designer <img width="1500" height="1017" width_o="1500" height_o="1017" data-src="https://freight.cargo.site/t/original/i/b03329270733439403f1f17469efb328f3d5c98cfca6997fcff6421035ccd810/SN-mock-1.2.png" data-mid="136728846" border="0" src="https://freight.cargo.site/w/1000/i/b03329270733439403f1f17469efb328f3d5c98cfca6997fcff6421035ccd810/SN-mock-1.2.png" />            Supernatural is a VR fitness app for the Oculus headset. Leading up to the announcement of their acquisition by Meta, Supernatural needed a fresh, new, marketing website. Within the confines of a tight deadline, I was able to lead a team of two designers, two developers, and one copywriter to success. <img width="1301" height="2067" width_o="1301" height_o="2067" data-src="https://freight.cargo.site/t/original/i/f19d1c04cf8d37b893fbff1ac41fab40955b275927788118a93faf53f2722aad/Flow.jpg" data-mid="135966419" border="0" src="https://freight.cargo.site/w/1000/i/f19d1c04cf8d37b893fbff1ac41fab40955b275927788118a93faf53f2722aad/Flow.jpg" /> <img width="1301" height="2067" width_o="1301" height_o="2067" data-src="https://freight.cargo.site/t/original/i/4d59871d5c889449823627ec11344762c0176792597ccd91d5781e7a0cb170e1/environments.jpg" data-mid="135965809" border="0" src="https://freight.cargo.site/w/1000/i/4d59871d5c889449823627ec11344762c0176792597ccd91d5781e7a0cb170e1/environments.jpg" />             One challenge we faced was finding a way to condense a large amount of information about the four separate workouts into a single, unit. This unit, or module, needed to reveal information about each workout modality in an easily digestible fashion. Our solution was this unique take on a tab module. While selected, the workout image illuminates and its accompanying information is revealed.       <img width="1525" height="1017" width_o="1525" height_o="1017" data-src="https://freight.cargo.site/t/original/i/c26d8f5f48ad98eeaa4a101a81c433c9483af0ef684c3b1241e1d7bc6ff7a883/workouts-module-3.png" data-mid="145364574" border="0" src="https://freight.cargo.site/w/1000/i/c26d8f5f48ad98eeaa4a101a81c433c9483af0ef684c3b1241e1d7bc6ff7a883/workouts-module-3.png" /> View live site ↗ Madhappy https://danielterndrup.com/Madhappy Fri, 11 Mar 2022 05:36:36 +0000 Daniel Terndrup https://danielterndrup.com/Madhappy MadhappySite DesignUX Designer <img width="1500" height="1036" width_o="1500" height_o="1036" data-src="https://freight.cargo.site/t/original/i/f50445f6b75e8848c3fd5570172ee9437e557405f884049abf4b95f3503a6089/Madhappy-mock-1.2.jpg" data-mid="136728405" border="0" src="https://freight.cargo.site/w/1000/i/f50445f6b75e8848c3fd5570172ee9437e557405f884049abf4b95f3503a6089/Madhappy-mock-1.2.jpg" />             Madhappy came to Bean seeking an updated, modern look for their website. Because of the rapid-fire speed in which their products sell, they also needed a fast way for customers to order clothes without having to access the product detail page.              Using a multi-tiered series of hover states, I conceptualized a size-picker/email capture, accessible via the product collection page. Hovering over the product image reveals a row of sizes, which in turn become buttons on hover. If a size is in stock, clicking the button will add the item to your cart. If the size is out of stock, the row will become an email capture which allows the user to join the waiting list. <img width="800" height="640" width_o="800" height_o="640" data-src="https://freight.cargo.site/t/original/i/5dc78649f53bbfdbf4a9b43741af9996d153c335186077b7f8cc4489212caf3c/Mappyhappy-quick-add.gif" data-mid="136727053" border="0" src="https://freight.cargo.site/w/800/i/5dc78649f53bbfdbf4a9b43741af9996d153c335186077b7f8cc4489212caf3c/Mappyhappy-quick-add.gif" />              Because of Madhappy’s vast collection of clothing items, it was necessary to design a robust filter system, so that customers could narrow down results to gender, category, size, and color. The challenge was increased when conceptualizing the filter dropdown for mobile screens. The solution was a condensed, vertically segmented list of filter options, leaving room for their ever-expanding array of colors. <img width="1301" height="2067" width_o="1301" height_o="2067" data-src="https://freight.cargo.site/t/original/i/6f7ac503ce75ba8326ca8adab0d2a82258ad3c4ac7cf4e8fd9822dae3ed1e314/Filter-mock-1.jpg" data-mid="145636851" border="0" src="https://freight.cargo.site/w/1000/i/6f7ac503ce75ba8326ca8adab0d2a82258ad3c4ac7cf4e8fd9822dae3ed1e314/Filter-mock-1.jpg" /> <img width="1301" height="2067" width_o="1301" height_o="2067" data-src="https://freight.cargo.site/t/original/i/f3e31f2dba2dd6b385b7cc7122c73d1f9cd1f573cb09189d1645882bcf11b387/Filter-mock-2.jpg" data-mid="145636852" border="0" src="https://freight.cargo.site/w/1000/i/f3e31f2dba2dd6b385b7cc7122c73d1f9cd1f573cb09189d1645882bcf11b387/Filter-mock-2.jpg" /> View live site ↗ Dublab https://danielterndrup.com/Dublab Fri, 11 Mar 2022 05:36:36 +0000 Daniel Terndrup https://danielterndrup.com/Dublab DublabiOS App DesignUX / UI Designer <img width="1301" height="2067" width_o="1301" height_o="2067" data-src="https://freight.cargo.site/t/original/i/c430b8795c05115b2334c3285130d839189f14083be3179469de1737aefed764/Brazil.jpg" data-mid="135982904" border="0" src="https://freight.cargo.site/w/1000/i/c430b8795c05115b2334c3285130d839189f14083be3179469de1737aefed764/Brazil.jpg" /> <img width="1301" height="2067" width_o="1301" height_o="2067" data-src="https://freight.cargo.site/t/original/i/117cae5bd0147da7ea36760d0672e3cd9610cff0b7e7c32aa2374fcf292e387a/main-screen.jpg" data-mid="135981695" border="0" src="https://freight.cargo.site/w/1000/i/117cae5bd0147da7ea36760d0672e3cd9610cff0b7e7c32aa2374fcf292e387a/main-screen.jpg" /> <img width="1301" height="2067" width_o="1301" height_o="2067" data-src="https://freight.cargo.site/t/original/i/6d791407d32e5d7230d71939736fac310c0fe575ac25155cba62911844b18a8a/Japan.jpg" data-mid="135982906" border="0" src="https://freight.cargo.site/w/1000/i/6d791407d32e5d7230d71939736fac310c0fe575ac25155cba62911844b18a8a/Japan.jpg" />             Dublab is a radio platform built for the discovery and cultivation of next-wave music, arts and culture. Based in Los Angeles, the internet radio trailblazers also have an impressive team of global affiliate stations. They needed a mobile app design that would easily allow listeners to toggle between the five worldwide live streams. Along with the Bean.la team, I designed the app with a five-channel-selector home screen, a robust database browser, a collection page where listeners can save their favorite episodes, and a random episode selector. <img width="1301" height="2067" width_o="1301" height_o="2067" data-src="https://freight.cargo.site/t/original/i/938111a509666464898f655ea0020b667fd89c0b5a043cd52d0234e4773fdd27/Carlos-screen.jpg" data-mid="135981686" border="0" src="https://freight.cargo.site/w/1000/i/938111a509666464898f655ea0020b667fd89c0b5a043cd52d0234e4773fdd27/Carlos-screen.jpg" /> <img width="1301" height="2067" width_o="1301" height_o="2067" data-src="https://freight.cargo.site/t/original/i/cdf3ab5e9b041c5f6fd2e3c97cd841b6af155afe192ecb2e21fbed783a2b048b/discover-2.jpg" data-mid="135982905" border="0" src="https://freight.cargo.site/w/1000/i/cdf3ab5e9b041c5f6fd2e3c97cd841b6af155afe192ecb2e21fbed783a2b048b/discover-2.jpg" /> View app ↗ Electric Tooth https://danielterndrup.com/Electric-Tooth Fri, 11 Mar 2022 05:36:37 +0000 Daniel Terndrup https://danielterndrup.com/Electric-Tooth Electric ToothWebsite DesignUX / UI Designer <img width="1500" height="1037" width_o="1500" height_o="1037" data-src="https://freight.cargo.site/t/original/i/12c61ac5d5b766bafc215d526aa51dffb8bb8396a5aade4c1b773ab97e226f95/Electric-Tooth-Mock-2.jpg" data-mid="145435122" border="0" src="https://freight.cargo.site/w/1000/i/12c61ac5d5b766bafc215d526aa51dffb8bb8396a5aade4c1b773ab97e226f95/Electric-Tooth-Mock-2.jpg" />             Electric Tooth is an independent record label based in Austin, Texas. They wanted a website that looked less like a traditional online shop, and more like a streaming music app. I designed a site that allowed users to browse through the catalog, add individual songs to a playlist, and purchase coins for use in the shop. <img width="1301" height="2067" width_o="1301" height_o="2067" data-src="https://freight.cargo.site/t/original/i/0347427ec5ee78db3cef35b6c6ee248ed6a6bc8ed71b03c3e422f9efbcfdf05f/ET-mobile-1.jpg" data-mid="141371024" border="0" src="https://freight.cargo.site/w/1000/i/0347427ec5ee78db3cef35b6c6ee248ed6a6bc8ed71b03c3e422f9efbcfdf05f/ET-mobile-1.jpg" /> <img width="1301" height="2067" width_o="1301" height_o="2067" data-src="https://freight.cargo.site/t/original/i/509d7137e6397d0d43b738927f1a8727e06a5a59d591cff1975318e43744e1fd/ET-mobile-2.jpg" data-mid="141371025" border="0" src="https://freight.cargo.site/w/1000/i/509d7137e6397d0d43b738927f1a8727e06a5a59d591cff1975318e43744e1fd/ET-mobile-2.jpg" /> View live site ↗ Flyer Designs https://danielterndrup.com/Flyer-Designs Tue, 14 Jun 2022 15:43:56 +0000 Daniel Terndrup https://danielterndrup.com/Flyer-Designs Flyer Designs <img width="1440" height="1440" width_o="1440" height_o="1440" data-src="https://freight.cargo.site/t/original/i/ec7b61d03526e98fc087c1b1f073afb178577d85990416518dda992c25f47ee6/Sideways-Fridays.jpg" data-mid="145419621" border="0" src="https://freight.cargo.site/w/1000/i/ec7b61d03526e98fc087c1b1f073afb178577d85990416518dda992c25f47ee6/Sideways-Fridays.jpg" /> <img width="1500" height="1500" width_o="1500" height_o="1500" data-src="https://freight.cargo.site/t/original/i/1748f930b52b5ce0e91c7c31056ea56c98bc25e83fbef44a4152c8a253d78f09/Host-Family-2.jpg" data-mid="145422220" border="0" src="https://freight.cargo.site/w/1000/i/1748f930b52b5ce0e91c7c31056ea56c98bc25e83fbef44a4152c8a253d78f09/Host-Family-2.jpg" /><img width="1200" height="1200" width_o="1200" height_o="1200" data-src="https://freight.cargo.site/t/original/i/587ddc6570e141abc53c4757dbd530cb83268e6b0d5ef491e0b3f614c01d4627/Darone-and-David-2019.jpeg" data-mid="145421378" border="0" src="https://freight.cargo.site/w/1000/i/587ddc6570e141abc53c4757dbd530cb83268e6b0d5ef491e0b3f614c01d4627/Darone-and-David-2019.jpeg" /><img width="1200" height="1200" width_o="1200" height_o="1200" data-src="https://freight.cargo.site/t/original/i/46af92cdc3147a4fcee9d0879e3daecbdc91e4eeadcd7871697f9696f6f48c06/TK-and-language.jpeg" data-mid="145421384" border="0" src="https://freight.cargo.site/w/1000/i/46af92cdc3147a4fcee9d0879e3daecbdc91e4eeadcd7871697f9696f6f48c06/TK-and-language.jpeg" /> Mixes https://danielterndrup.com/Mixes Fri, 11 Mar 2022 11:40:11 +0000 Daniel Terndrup https://danielterndrup.com/Mixes Mixes <img width="3000" height="2045" width_o="3000" height_o="2045" data-src="https://freight.cargo.site/t/original/i/9c715d8eed8c6f3c8d409cf28d734add93f6168cf7045da1cf624a087798d71e/IMG_4648.JPG" data-mid="135987100" border="0" data-scale="79" src="https://freight.cargo.site/w/1000/i/9c715d8eed8c6f3c8d409cf28d734add93f6168cf7045da1cf624a087798d71e/IMG_4648.JPG" />   Releases https://danielterndrup.com/Releases Fri, 18 Mar 2022 07:30:46 +0000 Daniel Terndrup https://danielterndrup.com/Releases ReleasesHeliotropeFull-length albumCascine Records, 2018 <img width="1200" height="970" width_o="1200" height_o="970" data-src="https://freight.cargo.site/t/original/i/192b64ce86761161ad85a1ff12fc4a13ed94bfcf75aecf67889bb24efe410723/0013914448_10.jpg" data-mid="136729421" border="0" src="https://freight.cargo.site/w/1000/i/192b64ce86761161ad85a1ff12fc4a13ed94bfcf75aecf67889bb24efe410723/0013914448_10.jpg" /> <img width="1200" height="970" width_o="1200" height_o="970" data-src="https://freight.cargo.site/t/original/i/b7bd91ead602d32320c8b8aec2d2db3b551681c3eca2a7695309d36402ac1dd7/0013914451_10.jpg" data-mid="136729422" border="0" src="https://freight.cargo.site/w/1000/i/b7bd91ead602d32320c8b8aec2d2db3b551681c3eca2a7695309d36402ac1dd7/0013914451_10.jpg" /> Listen on Spotify ↗