https://www.teganjerdekoonmen.com/casestudy/timbersled daily 0.75 2021-05-17 https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1618979843326-GNIPG0PFTNG9EHYVMYM6/TSL-05_UI-Design_01-Components.png Timbersled UI Design: Page Components https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1620750609065-5X5DXWN5VID99789W35B/TSL-02_Planning_02-Site-Map-02.png Timbersled - Make it stand out Process: Site Map, Option 2 https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1619019023474-I2KMVMUG02EROUHAPFDW/TSL-03_UX-Writing_02-Compare_2-After.png Timbersled https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1619020337427-VQB5KQQZ8JH9UPXGGS7B/TSL-03_UX-Writing_02-Compare_1-Before.png Timbersled https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1620310144004-WBAS7CXEBZGN14YEBGD6/TSL-00_01-Hero-Image.png Timbersled Finalized Responsive Design https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1621240513871-ESIRC4H7C75UEN18O9RR/TSL-04_Wireframes_01-Explorations.png Timbersled https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1618974084843-31N22GS4FSFOF5I79HOU/TSL-04_Wireframes_02-Final-Mobile.png Timbersled https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1618953526054-RXUBVVVG9DA3YPW3YVDH/TSL_06-Hand-Off_02-Compare.png Timbersled Documentation: Comparison Table Components https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1618979724276-TIAXS3AFGF8ZM4KKHORH/TSL-05_UI-Design_03-Comparison.png Timbersled UI Design: System Comparison https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1619018834273-52DXMZZU5W34HDHHOF4M/TSL-00_03-Content.png Timbersled Content Inventory: A sampling https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1619018996585-1BR7TN8KFX1FZX4RACOL/TSL-03_UX-Writing_01-HIW_2-After.png Timbersled https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1618951105038-USBCJHWUUTP14PF40W85/TSL-03_UX-Writing_01-HIW_1-Before.png Timbersled https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1618974107784-US8KAQI3PANWVFPFEWVM/TSL-04_Wireframes_03-Responsive.png Timbersled https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1618979744223-5UXRZSYLNE2BTFWK11SO/TSL-05_UI-Design_02-Explainer.png Timbersled UI Design: Explainer Section https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1619018811853-P08IVJDAHE0JXTFS9269/TSL-00_02-Project-Background.png Timbersled Timbersled Homepage: Before and After https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1620750566917-03JIYHM8EA94WNL10V8B/TSL-02_Planning_01-User-Flow.png Timbersled User Flow: via Promo Panel https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1620750660648-J77459VWK7M354Q4GM8D/TSL-02_Planning_02-Site-Map-03.png Timbersled Selected Site Map https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1620750597672-E6DCVMGGQ5GP9QS8XW8B/TSL-02_Planning_02-Site-Map-01.png Timbersled - Make it stand out Process: Site Map, Option 1 https://www.teganjerdekoonmen.com/portfolio/lft daily 0.75 2021-05-17 https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1621187514270-FJDOUTE08LRV3UHMT5T7/LFT-04b_Landing-Concepts.jpg LFT: MyLT Member Website - Make it stand out Continued Explorations: Applying color palettes and actual content https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1621110074485-OWLAO8A00KP1DFIB35BI/LTF_Mobile-First.jpg LFT: MyLT Member Website - Make it stand out A mobile-first redesign of the Life Time Fitness member website https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1621187450806-XGKEOTK9Q0TLAQ8Z7DQT/LFT-03_Responsive-Reservations.jpg LFT: MyLT Member Website - Make it stand out Responsive Layout for Reservations & Favorite Classes https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1621187484325-HE7I4SMEX19UEIKT9ASW/LFT-04a_Landing-Concepts.jpg LFT: MyLT Member Website - Make it stand out Layout Explorations: Internal landing page concepts I created https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1621224755346-MKOBHN9EP0F0X6VZN0XU/LFT-05_Final.jpg LFT: MyLT Member Website - Make it stand out Finalized interior landing page design https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1621110570022-20W5ESYC6DPILJ7U0H2T/LFT-02_Dashboard.jpg LFT: MyLT Member Website - Make it stand out Finalized MyLT Dashboard https://www.teganjerdekoonmen.com/portfolio/the-cove daily 0.75 2021-05-17 https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1621202776803-W3ZK99TE2K3FLL7GHLFQ/TC-00_01-Inner-Cover.jpg The Cove: Marketing Collateral - Make it stand out Inside Cover: Elevated typography sets the tone for the luxury community https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1621203092142-UGWZ1F6E3NNPENVJZ98L/TC-00_02-Spread-1.jpg The Cove: Marketing Collateral - Make it stand out Fold Out Spread: Homesite Map https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1621200703038-TX407CB7KKEQP0QKZG0J/TC-02_Map.jpg The Cove: Marketing Collateral - Make it stand out Area Guide: A large area guide that folds into a tidy 6.5in x 8.5in brochure https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1621200614143-13NT6M9ALI3XSPI6GRB2/TC-01_Booklet.jpg The Cove: Marketing Collateral - Make it stand out Luxurious Finishings: A velvety cover stock with embossed copper foiled logo https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1621203267662-EWWCK83GO3HJOLPNLXQ0/TC-00_04-Insert.jpg The Cove: Marketing Collateral - Make it stand out 2-sided single page insert https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1621200719640-FY6EPDENKCMPM2E69S2J/TC-03_Envelope.jpg The Cove: Marketing Collateral - Make it stand out Customer Experience: All documents and materials are neatly packed away https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1621200766145-CXWRVXCKOW2IJVZOCUMK/TC-05_Signage.jpg The Cove: Marketing Collateral - Make it stand out Branded Signage: Large directional markers that are easily recognized https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1621203119801-GE8TF42E1FG9VEQ7ST2S/TC-00_03-Spread-2.jpg The Cove: Marketing Collateral - Make it stand out Fold Out Spread: Community Map https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1621200746423-XF6RV5DR172PHQCNE31X/TC-04_Stationery.jpg The Cove: Marketing Collateral - Make it stand out Consistent Branding: All communications from The Cove feel cohesive https://www.teganjerdekoonmen.com/portfolio/fr-secure daily 0.75 2021-05-17 https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1621229846491-151C185PCWT1855A5GQM/FRS-07_Styleguide-2.png FR Secure: Brand Identity - 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/560dfa0be4b014effc6ca532/1621229573497-L651DJOPXOAK0TGBUN7J/FRS-06_Final.jpg FR Secure: Brand Identity - 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/560dfa0be4b014effc6ca532/1621229539813-4E6XDFWIC9UPURL7E3PT/FRS-04_Exploration.jpg FR Secure: Brand Identity - 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/560dfa0be4b014effc6ca532/1621229490375-6TBCYR21UZE0YZ0JX13E/FRS-01_B%26A-Logo.jpg FR Secure: Brand Identity - Make it stand out FR Secure logo: Before and After https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1621229521341-OQAKF5H8TFPWB4P7IY04/FRS-03_QuickWins.jpg FR Secure: Brand Identity - Make it stand out Trying minor updates first https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1621229869412-DEGBSZFU390UR3RO3VAE/FRS-07_Styleguide-3.png FR Secure: Brand Identity - 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/560dfa0be4b014effc6ca532/1621229819554-2ZWM6PSMNCR1HPBPKGFA/FRS-07_Styleguide-1.png FR Secure: Brand Identity - 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/560dfa0be4b014effc6ca532/1621229790142-1Z8COMR6WXNCNBGT3F8E/FRS-05_Concepts.png FR Secure: Brand Identity - 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/560dfa0be4b014effc6ca532/1621229508393-O0RLIS3I9QPYONPFLPBD/FRS-02_Priorities.jpg FR Secure: Brand Identity - Make it stand out A visualization of the previous logo’s shortcomings https://www.teganjerdekoonmen.com/casestudy/xavier-design-system daily 0.75 2021-05-24 https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1620768880256-1OP25W6RXXEMRICW8MND/XDS-02_01-All-Colors.png Xavier Design System Color System: Xavier’s full color lineup https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1620669519283-7JRQN6QZP6G8R0OQX9BW/XDS-02-Colors_01-Contrast-Ratio_2.png Xavier Design System Accessibility tool kit: I used webaim.org to check contrast ratios https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1620769020906-DB6Y4YY5ENTR7TECZG54/XDS-02-Colors_04b-Data-Vis_After.png Xavier Design System https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1620769020905-1ZRVZAH9DOASY6RWKX6O/XDS-02-Colors_04a-Data-Vis_Before.png Xavier Design System https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1620761020055-2BU2OCYGU95PX4EN8A5Y/XDS-01_02-Spacing.png Xavier Design System Spacing System: 6-pt baseline grid https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1621012137375-7XDZX1HFDLPCDMXK427Z/XDS-04_02-Buttons.png Xavier Design System https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1620682288096-JYP50L8HU4Y8BW9BS961/XDS-02-Colors_03-Status.png Xavier Design System Target Red vs. Error Red Finding a distinct color to communicate error messaging and/or destructive behaviors https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1621269672060-RUXKPEPLEDC0C2FMWHA7/XDS-00a_Preview-Dashboard.png Xavier Design System - Make it stand out Snapshot: Audience Dashboard UI https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1620849731196-6TTI3VBGBTTJEACADOKK/XDS-01_01-Grid_2.png Xavier Design System - Make it stand out Grid System: 12 flexible columns allow for many layout options https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1620849761201-0H070XJCMQJXXTERUX1I/XDS-04_03-Forms.png Xavier Design System A sampling of form elements in the Xavier system https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1621270802480-ADEHHARG9SJADW0JDFHO/XDS-02-Colors_02-Associations.png Xavier Design System Consistent use of color for a more intuitive UI https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1621271358795-YF208FEFWLGRJHZFDU4C/XDS-05_03a-Statements.png Xavier Design System - Make it stand out Invoicing Dashboard UI https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1621239542550-1BPHZ69WGP3U1WOG038K/XDS-00_01-Hero-Image.png Xavier Design System Sketch component library https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1621239774951-MQ29FGUNSCZ4TV2ZXAJ6/XDS-03_02-Styles_2.png Xavier Design System https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1621021222923-G61JK9CYNQHHNC924E4G/XDS-05_01-Page-Titles.png Xavier Design System https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1621190401163-K2BE3EWJVMJHYYSJUS3P/XDS-05_02-Panels.png Xavier Design System https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1621271373530-ZOP6UJNC6J3G304IULIL/XDS-05_03b-Invoices.png Xavier Design System - Make it stand out Invoice Management UI https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1620669529757-5B4QS87J4QFEIKKEZ1L9/XDS-02-Colors_01-Contrast-Ratio_1.png Xavier Design System - Make it stand out Quick Rule: Color pairings must have minimum delta (Δ) of 50 https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1621012065718-V64GME4FNXVGZUZT309T/XDS-03_01-Sizes.png Xavier Design System https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1621018154664-901OHMIAQC2GWORH7V57/XDS-04_04-Tables.png Xavier Design System Some of the cell types available https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1621023474454-65KI8A7TWYTWWEPCNQDU/XDS-06_01-Organization.png Xavier Design System Sketch Component Library Organization https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1621269712281-OI27UG104FZ6FDFCOUZA/XDS-00b_Preview-Admin.png Xavier Design System Snapshot: Admin Tools UI https://www.teganjerdekoonmen.com/about-me daily 0.75 2021-05-17 https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1621234252712-8EFDPQRVZ0DUNMSCM5IE/Tegan-and-Grim_2.jpg About Me and Grim https://www.teganjerdekoonmen.com/portfolio/clws daily 0.75 2021-05-17 https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1621196644707-EKP4O0IQ4V215HGO9QVD/CLWS-04_Designs.jpg CLWS: Website Redesign - 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/560dfa0be4b014effc6ca532/1621196494926-U9LUJH5MEK772K2MROKA/CLWS-01_Home.jpg CLWS: Website Redesign - Make it stand out Before and After: Homepage Redesign https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1621196785328-L8MUMF1O1HIKK5P4TUWI/CLWS-05b_Templates-2.jpg CLWS: Website Redesign - Make it stand out Additional Page Template Lineup https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1621196606956-ZWHHC3R5NFRAYKHHQJ4W/CLWS-02_Moodboards.jpg CLWS: Website Redesign - 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/560dfa0be4b014effc6ca532/1621196666413-G7N1CMW6QRSA8NDZWSQS/CLWS-05a_Templates-1.jpg CLWS: Website Redesign - Make it stand out Color Versions: 5 colors can be applied to each page template (Not shown: Teal and Yellow) https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1621196625965-HM996S2XEKKYGT1PRK77/CLWS-03_Wireframes.jpg CLWS: Website Redesign - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://www.teganjerdekoonmen.com/portfolio daily 1.0 2024-08-16 https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1621237616799-1MUQ76YA62XCQPVDOX93/Project-1_XDS.jpg Portfolio Lead Visual Design Cerebro: Crafting an Accessible Design System View Case Study https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1621204007313-7ZZ4PM7LE2QS6Z3765TV/The-Cove_square-2.jpg Portfolio Print Design The Cove: Marketing a Lakeside Community View Project https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1620241819391-ZML7HVSXW7F3AITX2AUN/TSL-00_00-thumbnail_sq.png Portfolio UX/UI Design Timbersled: Taking a Bike from Dirt to Snow View Case Study https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1621237673314-ARRTTC2RK0MFAP4B49FF/Project-3_CLWS.jpg Portfolio Website Planning & Design City of Lakes Waldorf School: Website Redesign View Project https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1621222790251-09Q5W7CM3JTZBHVUW1D7/Project-4_LTF.jpg Portfolio UI Design Life Time Fitness: MyLT Member Site Design View Project https://images.squarespace-cdn.com/content/v1/560dfa0be4b014effc6ca532/1621223781847-BOPNN2HJY1AWMZZ2U8EY/Project-6_FR.jpg Portfolio Brand Design FR Secure: Brand Identity and Guidelines View Project