https://www.seanchancey.com/contact daily 0.75 2024-05-31 https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/79b066a7-1c82-4e99-93a5-522150717b80/IMG_1173.jpg https://www.seanchancey.com/work daily 1.0 2024-06-02 https://www.seanchancey.com/work/bloodborne monthly 0.5 2024-03-09 https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/dde070ab-46da-4b3b-bf3a-bae58ec4d7d4/DSC_0038.jpg Work - Bloodborne https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/d205dfe8-af89-425d-a531-aafc18a02dfa/Untitled-4.png Work - Bloodborne https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/55460550-e08d-45fe-90c3-ea6e3402d7ae/DSC_0030.jpg Work - Bloodborne https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/156a938d-8c00-46b8-9289-92eca65fc827/bb2a.jpg Work - Bloodborne https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/66998f9c-6e16-40f1-b815-5c49b8b4d010/DSC_0058.jpg Work - Bloodborne https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/d0691d85-8d91-4a4d-a9b1-353fe53b5390/DSC_0068.jpg Work - Bloodborne https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/2fdf99f3-1f55-4747-8b88-b51f0b01205a/IMG_1580.jpg Work - Bloodborne https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/a20d0f76-0c1e-4f14-bbb8-a39ff0b9c5fb/Untitled-2.png Work - Bloodborne https://www.seanchancey.com/work/ascposter monthly 0.5 2024-03-09 https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/086e06cc-adb5-4c6c-8cd2-b14ff8672370/Blue-%2B-Red-v2.jpg Work - ASC Charity Poster https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/f617bcbe-dea9-4528-9be4-3b7c58361b31/Blue-closeup-4.jpg Work - ASC Charity Poster https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/a2b15889-9119-4d94-9588-18aa9428f33d/sBWhYgWuSU6IgJpvGc3WrA.jpg Work - ASC Charity Poster https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/4ecc15cf-9c1b-4636-a98b-afdcf34ba4a9/Mono-spread.jpg Work - ASC Charity Poster https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/e5f8809f-b67c-4eab-9f35-084215ac05ef/Green-Closeup-1.jpg Work - ASC Charity Poster https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/f8d4de9f-bc4e-4925-ae40-c512c46dd466/Red-Splat-Closeup.jpg Work - ASC Charity Poster https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/18471c4c-1423-4ce9-a598-2bbeeca41198/Cream-Closeup.jpg Work - ASC Charity Poster https://www.seanchancey.com/work/graphics monthly 0.5 2024-03-02 https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/72d76a2c-f89f-4218-a905-0dc48895ad75/Atlanta-01.jpg Work - Random Graphics https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/4ac46120-6181-4211-94a4-2f036712fad7/Pizza.jpg Work - Random Graphics https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/628e15b7-8e50-422d-b748-0a86307c6da3/Slide+16_9+-+1.png Work - Random Graphics https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/1b019cf1-99a4-4b64-abf5-a19ae6eab137/Practice-Builder-v2.png Work - Random Graphics https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/b63d9e50-2b25-4aa5-82fb-c81c5204c050/3rd.jpg Work - Random Graphics https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/d372a85a-1e44-4e9b-b058-e17a2762d362/123.jpg Work - Random Graphics https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/f8f5a146-c389-4f3e-9603-df7b6f89b1dc/123-closeup.jpg Work - Random Graphics https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/bea1906e-dff0-458f-8ab8-4c9fc8f041a2/Tandem-Building.png Work - Random Graphics https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/7885b950-519a-4b49-bcbe-e46bfb5853ea/Sadfishing%402x.png Work - Random Graphics https://www.seanchancey.com/work/logos monthly 0.5 2024-02-28 https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/908978d5-1d32-4999-ac7c-5cde389b938b/Crysatl-Brush.png Work - Assorted logos https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/f139d218-75e5-487f-bfb0-b0c5b1452483/Medusa-01.jpg Work - Assorted logos https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/2ea289fa-e220-4ec7-a50e-8fa1502140b2/Mortach-Dark-v2.png Work - Assorted logos https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/1686fb1f-f403-40d6-8e33-75505b8cad49/NAT.1-v2.png Work - Assorted logos https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/496cf185-e942-4a91-a306-135ab3a37874/Untitled-1.png Work - Assorted logos https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/16ce7a8b-e19c-4a9e-8ed2-7da38a2dda29/Opus-3-v3.png Work - Assorted logos https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/c95eaf50-42dc-4c65-a49c-2deb9bca9f2e/Lockdown+bbq%402x.png Work - Assorted logos https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/a2356167-aa46-47f8-9d8f-aeb5a5c98f38/Ray+approved%402x.png Work - Assorted logos https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/8de27154-1837-4f80-b27a-6c9c9c656f39/SC-Monogram-v2.png Work - Assorted logos https://www.seanchancey.com/work/cmon monthly 0.5 2024-03-09 https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/3cb8ffbb-e6f9-4800-950f-549a8e120583/ICON-Gif.gif Work - CMON Branding I created the collage of symbols (all of which are from various CMON games) as the primary branding element to represent just how diverse the product range is. I tried to create a visual language that would help bridge the various styles in the game catalog while also remaining recognizable on its own. https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/6e73b01b-8eef-40d8-b5a4-99b9e663dfe5/CMON-Portfolio-WIP-FILE.png Work - CMON Branding I then tried to reign this brand in with a clear and concise set of guidelines. https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/7cf15c0d-8862-4772-bdf9-d52c7b49da53/Gradient-example.png Work - CMON Branding One of the main design motifs I made for the brand was gradient mapping the key art of different games. This helped bring a bunch of very different art styles under one clear brand element. https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/637629d8-e67b-482e-bca9-1820b7eec704/Booth-Cash-v2.png Work - CMON Branding Some gradient mapping in action. Not legal tender. https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/0d98a15a-ae38-44bb-9326-6fb3098d49eb/IMG_1605.jpg Work - CMON Branding https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/57fdafae-4cdf-47cc-8900-cf47b7bad33b/IMG_1614.jpg Work - CMON Branding https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/dc8f60ee-62dc-4b9e-85cd-db9f11c7ac5c/IMG_1350.JPG Work - CMON Branding Here's some pics from GenCon. Not only did I design that CMON Doom Cube™, but I also designed a ton of panels for the featured games (including that fake neon sign from scratch). https://www.seanchancey.com/work/tada monthly 0.5 2024-03-09 https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/6624c67e-1a5e-4010-831a-1a1d57975874/DSC_0071.jpg Work - Ta-Da! https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/9a6f5b30-187c-426b-aaa1-4ee0a0c03652/DSC_0097.jpg Work - Ta-Da! https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/d0230ff7-e856-4ede-8d26-495dfdcb17fb/Untitled-1.jpg Work - Ta-Da! https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/d3476f00-1ad1-4f73-9d4c-f0dc950ac8d5/Untitled-5png.png Work - Ta-Da! https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/5ad0becc-e5f7-49a0-bcdd-15f74de7521a/Ta-Da-Cards.jpg Work - Ta-Da! https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/6fa641be-ad35-4feb-8340-6d1b1ef6419d/Ta-Da-Inside-v2.jpg Work - Ta-Da! https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/d75b5b13-c04a-422a-af0f-4721d664cab8/Ta-Da-outside.jpg Work - Ta-Da! https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/faa30b15-6d00-4de1-972b-f847d2f1a916/07.jpg Work - Ta-Da! https://www.seanchancey.com/work/bark monthly 0.5 2024-03-09 https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/880bd2db-789d-4d21-ac82-20250403aef3/Guideline-collage.jpg Work - Bark Colors, Typography, logo usage, how to make spot illos, etc.. classic guidelines stuff. https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/7df5ad0a-f85a-465d-8f16-87321f9b3368/Bark+home.png Work - Bark In classic fashion, we had to start launching a product (Bark home) before the brand refresh was ready. Luckily, we were still able to inject some of the design intent of the refresh into the packaging. https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/afa55e5b-98f0-4316-8140-793fe58e857e/Homepage.png Work - Bark My team and I worked with marketers to create dozens of homepage variations to cater to different types of incoming traffic. Once we would find a winner, we then moved to rapid A/B testing to optimize the patterns on the page. Then we did that for over a dozen other pages. https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/f4fbf1eb-c7ef-4bde-9bd7-22509210ff95/Illos+1%402x.png Work - Bark Here's an example of the new illustration standards. I created rules, examples, and custom assets to assist in making the new style achievable to the other internal designers. https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/bf9f7138-129a-4501-ad4d-1b09f5afb792/App+Examples.png Work - Bark Here's some examples of in-app components that I designed. That Bark home upsell pattern created help boost sales of the Bark Home by 3%. https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/28fdccc1-f0ee-4df9-befa-2e818962019e/Bark+home+2.png Work - Bark https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/ba036b80-f0e3-424a-81cc-01ab65f76b99/Collage+illos.png Work - Bark A big part of the new brand push was to have collages of parents/caretakers and kids interacting with abstractions of the app. These really helped break up the shear amount phone mockups of the app. https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/2c91e6d4-de68-4c64-8599-6d74f997f799/Blog.png Work - Bark I was also in charge of creating a new blog site from the ground up. I worked with contract devs to not only code the project but to also scrape all old blog posts from bark and automatically populate them into the new formatting. https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/b439bae3-4a56-4273-ae87-20f96966aecf/blog-ad.jpg Work - Bark Example of an inline ad on a content page. https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/47f1f709-d0e1-4570-aff4-c5037d741d62/Onboarding.png Work - Bark One of my other priorities was to design the flow and visuals for new announcements in the app. https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/81664940-09c6-4885-9f44-c830dce76087/SOC+WIP.png Work - Bark For social content and blog imagery, we decided to take a more editorial angle with more variety as opposed to the tight rules for the onsite and app visual content. We still wanted these illustrations to feel like part of the brand so color guides are still followed. https://www.seanchancey.com/work/highdesert monthly 0.5 2024-03-09 https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/d83d1115-446d-4ac8-bad2-7fc20e4d8cec/high-desert-vodka-story-car-render6.jpg Work - High Desert https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/db84fb9b-d0a2-4fd8-9969-274140abb3c1/high-desert-vodka-story-car-poster2.jpg Work - High Desert https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/1034ac4f-ee46-4c64-b1f4-56cd1282781d/high-desert-vodka-story-collage.jpeg Work - High Desert https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/05e83811-16e1-4adb-b683-f65de1669021/high-desert-vodka-story-car-poster1.jpg Work - High Desert https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/803ec5d9-4bdd-415f-9a83-09a2cea1de56/high-desert-vodka-story-car-render2.jpg Work - High Desert https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/70480d9b-59d5-450e-a7c1-914c48e764da/high-desert-vodka-story-car-poster9.jpg Work - High Desert https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/ef6e821b-7ce1-4102-85b2-4ccc70ab9307/high-desert-vodka-story-car-render1.jpg Work - High Desert testing the show caption function https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/5160cdde-8243-4f94-a2d1-d6bbf02eee12/high-desert-vodka-story-car-render5.jpg Work - High Desert https://www.seanchancey.com/work/jpmam monthly 0.5 2024-03-09 https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/cc8d580b-43fd-466d-ad3e-731f8d4a1151/process+flow+-+Toolkits.png Work - J.P. Morgan After we had a gameplan, we needed to set up workflows that would work for each team's specific needs. this is the new component workflow we defined. https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/e8bcd72f-957d-466f-8125-a63ce4adf1b9/Before+and+after.png Work - J.P. Morgan Here's an example of the standard homepage before and after the first phase of the design system was implemented. We also took the opportunity to make some quick UX upgrades to the first batch of templates we put out. JPM is very happy with the new metrics. https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/16c828a5-88b1-4f3b-9e09-b1b35311e5b8/Color+mode.png Work - J.P. Morgan One of the major overhauls was the color system. The existing color ramps were running into ADA problems for basic typography and data visualization. I wound up presenting these changes to the C-Suite brand director because the print team were running into the same ADA issues and they wanted to duplicate the work into the general guidelines. https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/38f3a642-b7ce-4af5-8519-897dce01bd79/Documentation+-+ZH+2.png Work - J.P. Morgan https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/f95442e2-25b0-405b-bf03-e25c30f3757c/process+flow+-+GW.png Work - J.P. Morgan Here's is the workflow for creating new global web pages. We found a way to incorporate all of the required cooks in the kitchen and put an emphasis on quick turn around. https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/1787061e-9ea5-45e1-8c27-59e54c210a84/Collage+-+Lightmode.png Work - J.P. Morgan There are too many new components to show off so here's a smattering of some of the larger components made for the AEM Global web system. https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/a1a770c2-4a4f-4f17-be2f-5503f9de281f/Documentation+-+ZH+1.png Work - J.P. Morgan https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/2cad81ee-3a1f-4a57-928c-826be41f49db/process+flow+-+Apps.png Work - J.P. Morgan Apps and portals have less stakeholders per pod but the impact of the work is the crux of JPM AM's operation. The workflow needed to prioritize a lot more user testing and prototyping. https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/9868ac65-05e3-4d01-acd6-ebe4f5eb0386/Collage+-+Darkmode.png Work - J.P. Morgan All components were made to work on dark mode. https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/0bfcadb3-100a-442e-8358-0cee6d27e748/design+system.png Work - J.P. Morgan We advocated for and built a design system structure that would work across JPM AM's whole product portfolio for three reasons. 1. To enforce visual consistency. 2. To create a front end codebase that can be used system-wide 3. To speed up net new designs and prototyping. https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/a4b7ef6e-5ee5-48a6-9c99-b0fa9b314f81/Token+specification.png Work - J.P. Morgan Next we defined the primitive tokens with the expanded palette, a Base 8 system for numeric values, and a REM scaling system for type size. From there we defined the semantic tokens for Radius, Borders, Typography, Foreground and Background colors, Opacity, Spacing, Blur, and Motion. https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/8af3d529-29e1-4866-8071-b1b7d339395b/Token+specification.png Work - J.P. Morgan Basic components were made with said tokens. A lot of back and forth happened at this stage getting the token structure right. https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/5d2223e9-8949-4720-ac37-540ea8127cf7/Figma+documentation.png Work - J.P. Morgan Last but not least, those basic components were used to build the more complex components. Basic documentation for the devs was put into Figma at this stage so they could start work before the formal documentation process began. https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/28e21566-997e-4c91-9378-d925d07f1fc0/toolkit.png Work - J.P. Morgan We chose the AEM Global Web Marketing site as the guiana pig for our new parent system getting plugged into a child system. Before this was implemented, there were no pattern or page templates. Each page was custom built from section to section, text box to text box. https://www.seanchancey.com/work/southern-glazers monthly 0.5 2024-03-11 https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/e9177817-a1ef-4766-a020-3302ae3f9c4e/Web+pages.png Work - Southern Glazers Here's an example of customer facing pages. Southern Glazers had up until this point only had a Dark theme to their marketing site. We decided to expand into using light and dark themes. Light for long form articles, dark for shorter pages. Beyond that, we figured we could offer either for internal products and leave it to the user. https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/e730e5d5-007e-4d0d-9da8-4423f70c5cfa/Mobile+screens.png Work - Southern Glazers Here's an example of a mobile Intranet https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/3e4843e7-591b-4b41-b53e-37f8904eb4d6/iPad+dash.png Work - Southern Glazers A major way to boost employee engagement is to make the transition seamless from internal product to product. The proposed design system can handle all different types of dashboards and workflows. https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/7596a2b0-9f83-4b8a-a0ed-5f4ee76c7b35/Sales+screens.png Work - Southern Glazers Example of a custom sales dash https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/58b1afa5-df49-4261-8718-d60b612bdb30/Wharehouse+display.png Work - Southern Glazers We wanted to show how a design system could enhance the work and engagement of everyone in the company. This shows of how digital signage can automatically plug into warehouse logistics. https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/6b67b298-0475-44c6-9cec-091daec7e59d/Colors.png Work - Southern Glazers Following the program I helped create for J.P. Morgan's design system, I expanded the basic style guide to something that can handle more technical products. https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/c019d264-581d-4bfd-8a07-59d23e90c3b7/Tokens.png Work - Southern Glazers From there, I formalized the primitive and semantic token structure. We kept to a base 8 system for numeric values. https://images.squarespace-cdn.com/content/v1/65df8099e5b40c346186b235/53bc3720-b0c8-4185-9f0a-d0945e7bb7fe/Components.png Work - Southern Glazers The components quickly fell into place once the top down design decisions were already made.