https://www.john-brookhouse.com/about-1 daily 0.75 2022-08-15 https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1627566560595-ZM8ABV1M431Z7VMUVJL5/circle++animate+2.png Bio - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1627566702783-8VYJ3IVE4Y4PHTVJY5VE/circle+animate+3.png Bio - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://www.john-brookhouse.com/resume daily 0.75 2022-08-05 https://www.john-brookhouse.com/contact daily 0.75 2022-08-05 https://www.john-brookhouse.com/work daily 1.0 2022-03-11 https://www.john-brookhouse.com/work/waxfinds monthly 0.5 2021-03-08 https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1625686724760-52VG00ASHRWY7DXSHIUY/demo2.gif Work - Waxfinds: Share your record collection - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1611604680418-XJHXZ7VFHDMRQ6K71GUO/IMG_4440.JPG Work - Waxfinds: Share your record collection The designer, shopping for records, yet again… https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1611689901413-9FA1ZDZ44HQYZEWWBM1A/AFFINITY+MAP.png Work - Waxfinds: Share your record collection Grouping the major takeaways from the user interviews conducted with 5 hand-picked users. It was easy to make a cohesive affinity map out of them and find some obvious categories. https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1611690762282-JYLBOIBVUDJTGWD52V0W/empathy-map-2.png Work - Waxfinds: Share your record collection The empathy map for the “tastemaker” https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1611690698043-7QO446S4L01B8EDVI9NQ/empathy-map-1.png Work - Waxfinds: Share your record collection This is empathy map represents the “super collector” type. https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1611693371941-4SQ9AOZZ2J4AVWTBD4A4/discogs-dave.jpg Work - Waxfinds: Share your record collection https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1611693418849-1PL5PWTKL29AV3RMIJII/tara-tm.jpg Work - Waxfinds: Share your record collection https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1611695829933-ISUKC319Y1XSCEGVIIIU/IMG_5324.png Work - Waxfinds: Share your record collection - Original sketch. (Not pretty, but it’s just about getting the idea out) https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1616078799360-U8PGJT5QNX044DS0CR3Z/wf-user-flow-1-post-line.png Work - Waxfinds: Share your record collection The “create post” user flow. https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1611756640981-001GRF1UOYLDXUFBMYDY/sketches-laid-out-01.jpg Work - Waxfinds: Share your record collection https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1611762897058-HENFMZSB6CB5GDXPQZ35/Case+Study+wf+group.png Work - Waxfinds: Share your record collection https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1611763305208-1G7GHR0M5LOUCZMCISSI/Case+Study+style.png Work - Waxfinds: Share your record collection Mood board and excerpts from the waxfinds styleguide. https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1616167543938-A5L6F81Z6QZ5KD7DR54O/list-icon.jpg Work - Waxfinds: Share your record collection The “wantlist” and “add to list” icons. I tried to incorporate feedback when things were added to the list to reinforce the button’s function. https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1611763622138-24DCDFTVMV6P9EBDJYFV/Screen+Shot+2020-12-10+at+2.34.04+PM.png Work - Waxfinds: Share your record collection https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1611765280029-WGDGN597AMP2NQUBRS8Z/Case-Study-hi-fi-screens.png Work - Waxfinds: Share your record collection More hi-fi screens expanding the scope of the user flow a little. https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1611766343463-UGI9TFAKCGUI27IIB5OE/image-asset.jpeg Work - Waxfinds: Share your record collection https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1611772484171-B3FCAWUUVNKBVDDP0CM7/Case+Study+tweaks.png Work - Waxfinds: Share your record collection More hi-fi screens expanding the scope of the user flow a little. https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1611772645998-0RZPT6PC6HKHHQFF7JU2/mick-haupt-T6nMKPXDyKg-unsplash.jpg Work - Waxfinds: Share your record collection https://www.john-brookhouse.com/work/gram-city-design-sprint monthly 0.5 2021-02-10 https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1647023333337-L2BPM70EJU93HO79OJOG/gram-city-phones-2.jpg Work - Gram City Design Sprint - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1612988287841-JUDJW0STGNQSWH697K0U/gc%2Bcover%2Bshot2%25400.5x.jpg Work - Gram City Design Sprint - GramCity Design Sprint In this project, I tackled a modified “Google Design Sprint,” which is a rapid design technique used by many companies to quickly come up with, ideate, design, prototype and test ideas. The process allows for companies to come up with solutions more quickly and learn what works and what doesn’t without spending tons of time, research and resources. For the “GramCity” design sprint, I was tasked with finding a solution for a new feature within a photo editing app that suggests places for people to take interesting photos. https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1613061071823-DI7QVFEHKYAC0OR00NYA/initial-map-1.jpg Work - Gram City Design Sprint Potential user flows for the new GramCity feature. https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1613061358633-SDW34567XAIS5KJ4ZLDQ/Screen+Shot+2021-01-07+at+12.54.11+PM.png Work - Gram City Design Sprint - YELP Yelp has many admirable qualities. The “collections” feature helped give me inspiration when organizing categories for GramCity. The search categories and results are basically what I am envisioning as a guideline. https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1615408779011-C2EMCDDQEHP3W40RF28X/crazy8ssketch.jpg Work - Gram City Design Sprint Crazy 8s ideas. https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1615413597318-K4TSTW57KA3B5G3N0TKP/crazy8ssketch2.jpg Work - Gram City Design Sprint Extrapolating the best idea from the crazy 8s sketches. https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1613061804172-H83L1MM0T98P27YMBIG9/Screen+Shot+2021-01-07+at+12.54.32+PM.png Work - Gram City Design Sprint - Roadtrippers This is an app I’m not so familiar with, but has a great suggestion feature based on a particular route you are taking. This is kind of cool because it goes beyond your current location or destinations and finds places along a route. You can also pick “photo ops” which has a subcategory of “abandoned sites” and other kinds of photo ops. It may add too many steps, but it’s something to consider. Clicking items on a map brings up a google info card. Also a good feature! https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1613061508192-D5221P48DI6Q66CIDIQ0/Screen%2BShot%2B2021-01-07%2Bat%2B12.54.21%2BPM.jpg Work - Gram City Design Sprint - Singing Streets Singing Streets is the next one I checked out. This is a musical factoid app specifically for London that has tons of interesting locations for where historical musical things happened. You can do a “locations near me” or set up a tour based on your interests (ie, Jimi Hendrix or David Bowie-specific places.) It autoloads with the top locations to instantly showcase popular results. I like the wishlist and “set up a tour” sections. https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1615414289095-DNIVZ0GQWNV527GQWCGM/STORYBOARD-1.jpg Work - Gram City Design Sprint https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1615473203790-4KMAO6DMSU9CTGYXPW7K/image-asset.jpeg Work - Gram City Design Sprint - A sampling of some of the screens in my prototype. https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1615472547650-RKE1KTSPBM9ZAFBEXQ39/image-asset.jpeg Work - Gram City Design Sprint https://www.john-brookhouse.com/work/fairobserver monthly 0.5 2021-07-30 https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1615219480797-W28BOJ2IAWKMFIR3JEWV/FAIROBSERVER-LAPTOP.jpg Work - Fair Observer - Fair Observer Site Revamp https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1615221427413-KM0NE9D0Y2CMNNTT4YCA/Screen%2BShot%2B2021-02-01%2Bat%2B1.28.55%2BPM.jpg Work - Fair Observer Substack’s minimal subscription prompts. https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1615386309021-TT6CJPKNTH6SYNJ1OC0N/wapo+email+signup.jpg Work - Fair Observer Washington Post’s persistent, yet minimal e-mail sign-up. https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1615385174830-FUC8FBYWMO7OLF1MRE7G/Screen%2BShot%2B2021-02-01%2Bat%2B2.47.32%2BPM.jpg Work - Fair Observer Guardian’s low-key e-mail sign up. https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1615221528900-KMQYZ5IJ6IAPQPPNUVM0/Screen%2BShot%2B2021-02-01%2Bat%2B4.09.58%2BPM.jpg Work - Fair Observer The Washington post has a subscribe button with the price always visible in the header nav bar. https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1615386661577-FTKYU2KOKEEHY6BW6QS5/Screen+Shot+2021-02-01+at+1.58.04+PM.png Work - Fair Observer - The Guardian’s donation pop-up. Note the clear explanation of benefits. https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1615385080681-N8F9Q3L1EZI4BCK6KIRJ/image-asset.jpeg Work - Fair Observer Substack hits you with an email sign up before you can get to the content. https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1616076074844-S2K7DCB8JBHNBN8CDBRC/fo-front-page.png Work - Fair Observer The original Fair Observer front page. https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1615221366479-SGYXXLJ5WIO30JBOT7DX/Screen%252BShot%252B2021-02-01%252Bat%252B1.56.25%252BPM.jpg Work - Fair Observer The Guardian site has a very visible subscribe button at the top of the home page. https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1615388620750-RKYI8GNP7GKRSHXJ38NM/FO-Affinity_Journey-Map.jpg Work - Fair Observer Affinity map of our user research (via Samantha Wilder). https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1615390576720-BY8ABRCMV46FEY2CHM9K/noHOME.jpg Work - Fair Observer When users scroll down, there is no logo visible anywhere or a “home button,” so many users had a hard time navigating back to the homepage. https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1615389657332-CCN7R3ZD5WRDFY6B9E9A/notagline.jpg Work - Fair Observer Many users felt like they didn’t know what kind of news site this was, due to the lack of “branding” on the home page. https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1615395678970-JKOIW4KMWXXVEQBQKKJG/Desktop+Info+Header+SHORT+%281%29.png Work - Fair Observer Simplified layout with logo in header navigation bar for when users scroll down or are on interior pages. https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1615395247145-ZTTPKR98KOJOB7P93SHR/image-asset.png Work - Fair Observer First pass at a homepage redesign. https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1615395361236-03QESN0YIEWGP66R75LL/sketch-1.jpg Work - Fair Observer Quick sketch of proposed solution. https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1616076707386-GIYWPF00QZHNTSK9IGM9/Screen%2BShot%2B2021-03-18%2Bat%2B10.06.01%2BAM.jpg Work - Fair Observer Walk through our presentation prototype here. https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1615395652156-NN2Z5P4IM0RITBYPHJ9J/Desktop+Info+Header+White+%281%29.png Work - Fair Observer Revised home page layout. https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1615396364932-S4TCEZFRQZ5208E6G41X/home-page-2.jpg Work - Fair Observer https://www.john-brookhouse.com/work/other-design-work monthly 0.5 2022-08-15 https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1616166029183-FKQ2PEREZIPHKIFZB889/BILLBOARD-animated.gif Work - Other Design Work https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1616166111208-9EQAB5TPWGJJH2PP2CPP/altitude-2.jpg Work - Other Design Work https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1616166051112-ZC80B2QC7BLH5RHUNLWG/repligen-board.jpg Work - Other Design Work https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1616166119125-AOKELLRJRB9KN5I54AX9/pest-poster.jpg Work - Other Design Work https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1624903321327-578WH8U1YSK9D0IHE3C2/shippa+2.png Work - Other Design Work https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1624903293350-6XPFHQO696YLCKMAEL44/BAKER2.png Work - Other Design Work https://www.john-brookhouse.com/work/carling-technologies-touchscreen-ui monthly 0.5 2021-10-18 https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/1634571175985-5KKXY2AZLAQTL26VQIE0/unknown.jpeg Work - Carling Technologies Touchscreen UI - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/bf8de51e-8a3a-48d6-a944-b0deb5fd17e8/Watermaker+V2+12+Copy.png Work - Carling Technologies Touchscreen UI https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/875d5838-ccb0-47c9-bd79-86a202e1b991/Watermaker+V2+DISABLED.png Work - Carling Technologies Touchscreen UI https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/6d072f6f-1036-498f-bb31-6443f88c5713/Screen+1%3A+Engines+Page.png Work - Carling Technologies Touchscreen UI https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/6b772d15-c8e5-4250-afdf-4ff1633e7ce2/DC+DIALOG%2C+CLM+D16+TYPE+Soft+Start.png Work - Carling Technologies Touchscreen UI https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/64f7b2b8-f18d-4c39-a8dd-bec075cc83d7/Wow+Slider+Style+3.png Work - Carling Technologies Touchscreen UI https://images.squarespace-cdn.com/content/v1/600066d4ebc4a249bd3c8b1d/ff969e2a-1ea0-49ac-abe2-1d1195b18baf/Dimmer+Design+2.png Work - Carling Technologies Touchscreen UI https://www.john-brookhouse.com/work/harmonix-music-systems monthly 0.5 2022-03-11