http://www.allisonlenz.com/work daily 1.0 2023-11-20 https://images.squarespace-cdn.com/content/v1/536bc777e4b0aacd94e5daf0/cf58bd42-1fe1-43cf-8277-20e73124f492/wojo-storyblok-research-audit.jpg Work - 2. What components are eligible to be shared? I conducted an extensive site audit by the key page types to identify common layouts and configurations for displaying content, e.g. homepage, category page, about page, etc. I also gathered component usage data from internal reporting dashboards to understand frequency of component use and importance of pages those components are used on to inform component prioritization. https://images.squarespace-cdn.com/content/v1/536bc777e4b0aacd94e5daf0/084ffe54-39e7-4c21-b13d-2e4d20267004/wojo-storyblok-research-shadowing.jpg Work - 1. What are the top pain points our content authors experience today? I shadowed 7 powerusers across both brands and across departments to account for varied skill sets: marketing, creative, and market development https://images.squarespace-cdn.com/content/v1/536bc777e4b0aacd94e5daf0/c7116f39-74fe-4b05-a76e-a518f09a80e7/wojo-storyblok-research-CMSinspo.jpg Work - 3. What learnings can we glean from developing in Storyblok over the years and what inspiration can we draw from other user-friendly CMSs? I scheduled retrospectives with Engineers to discuss past Storyblok work and gather learnings. I also audited top online website builders that tout their user-friendliness, like Wix and Squarespace, to get a benchmark for component organization, structure, and configuration options https://images.squarespace-cdn.com/content/v1/536bc777e4b0aacd94e5daf0/2732f339-f6b6-4255-99a2-eabff12f3661/wojo-brands-%403x.jpg Work - 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/536bc777e4b0aacd94e5daf0/b4d82c0a-44fa-45c2-b326-9c6887ac24c1/wojo-storyblok-audit-authoring-1.png Work - 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/536bc777e4b0aacd94e5daf0/e98d2267-fb40-4096-ad07-2afbde9d58c6/wojo-storyblok-architecture.jpg Work - 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/536bc777e4b0aacd94e5daf0/c412fc1c-e585-4e07-aa8d-e9555fdf4864/GCApp-TravelerDetails.jpg Work - 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/536bc777e4b0aacd94e5daf0/895cdd86-5fc0-40a2-af69-15074622fe6d/GCApp-ContextualGuidance-1.jpg Work - 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/536bc777e4b0aacd94e5daf0/30d089c2-f657-4576-add3-fc413979e427/GCApp-Recruitment-1.jpg Work - 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/536bc777e4b0aacd94e5daf0/a3315165-7193-4d2c-9614-7b09432e8476/gc-user-testing-2-%402x.jpeg Work - Test the comprehension of recruitment visualizations Validate the design direction with unmoderated user test via UsabilityHub, sent to select GCs with 12 responses. Finding: The group size and free place charts were well understood: “I can see how many I have to go to my target, and how close I am to a free spot.” https://images.squarespace-cdn.com/content/v1/536bc777e4b0aacd94e5daf0/514d61cb-a88a-4517-93b7-ccb7175b69ad/GCApp-Diagram.jpeg Work - 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/536bc777e4b0aacd94e5daf0/0f71e0ce-7722-4ac7-bdbf-640c6a848fb5/GCApp-ContextualGuidance-2.jpg Work - 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/536bc777e4b0aacd94e5daf0/e66000a0-b0b4-4bec-8573-80c3e24a88ad/gc-survey-results-2-%402x.jpeg Work - Assumption #2: Group Coordinators are set in their ways with existing analog workflows. We employed a combination of research methods to uncover “what they say” vs. “what they do”: user survey, stakeholder interviews, call shadowing, and LogRocket recording analysis. Finding: False. Group Coordinators are actively using existing digital tools (online account) and welcome further digital innovation. https://images.squarespace-cdn.com/content/v1/536bc777e4b0aacd94e5daf0/989601f8-dfe3-490b-be4c-47dd4a253eb3/GCApp-Recruitment-2.jpg Work - 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/536bc777e4b0aacd94e5daf0/95d37a24-afae-482e-997f-4ab1796f106b/gc-user-testing-1-%402x.jpeg Work - Test the organization and findability of traveler info Evaluate information architecture and task completion with a low-fi interactive prototype in an unmoderated user test via Userbrain containing 8 remote participants. The testing prototype used a dropdown to navigate among the categorized information tables. Finding: Rule of thumb—show, don’t hide. Group Coordinators struggle to find information when menu items are hidden inside dropdowns. Expose the menu options for better findability. I replaced the dropdown with tabs. https://images.squarespace-cdn.com/content/v1/536bc777e4b0aacd94e5daf0/45f949f7-6c4b-440e-be38-4bcb962675a5/GCApp-Overview.jpg Work - 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/536bc777e4b0aacd94e5daf0/3d3d254b-15c6-4308-b6e9-e73c58423f4b/gc-survey-results-1-%402x.jpeg Work - Assumption #1: “Most Group Coordinators have traveled with Go Ahead often and for many years” My colleague and I sent a SurveyMonkey survey to 1,650 current Group Coordinators, of which we received 421 responses (25% response rate). Finding: False. The majority of GCs have taken 0 or 1 tour. Overall, there’s a fairly balanced mix of years with Go Ahead. https://images.squarespace-cdn.com/content/v1/536bc777e4b0aacd94e5daf0/1699287433420-INXKEC563PTUQUJ6Z67G/GAT_MyAccount_ProductDesign_01.jpg Work https://images.squarespace-cdn.com/content/v1/536bc777e4b0aacd94e5daf0/1699287503485-OUQD6SA7PUZYAML5FZP8/NBGR_WebsiteDesign_01.jpg Work https://images.squarespace-cdn.com/content/v1/536bc777e4b0aacd94e5daf0/1699287521971-I0363G5UHCNR4OGZ3J1U/HMX_InteractiveLearning_01.jpg Work https://images.squarespace-cdn.com/content/v1/536bc777e4b0aacd94e5daf0/1699287586417-PJS4G2N2C0GTZWHXL5SB/AOA_WebsiteDesign_01.jpg Work https://images.squarespace-cdn.com/content/v1/536bc777e4b0aacd94e5daf0/1699290605008-F1BKJQSSI2CPDAOOQV6N/WOJO_Storyblok_DesignSystem_01.jpg Work https://images.squarespace-cdn.com/content/v1/536bc777e4b0aacd94e5daf0/1699299699209-V8ULOI6L3TMVWASUV4UK/WOJO_UI_DesignSystem_02.gif Work https://images.squarespace-cdn.com/content/v1/536bc777e4b0aacd94e5daf0/1699299699209-V8ULOI6L3TMVWASUV4UK/WOJO_UI_DesignSystem_02.gif Work http://www.allisonlenz.com/italian-cycling-website-design daily 0.75 2023-11-06 https://images.squarespace-cdn.com/content/v1/536bc777e4b0aacd94e5daf0/1699287565984-OD4EIFTDJ5E6QM116B34/CIC_WebsiteDesign_01.jpg Italian Cycling Website Design https://images.squarespace-cdn.com/content/v1/536bc777e4b0aacd94e5daf0/1559703564056-9BFN5OLTT07TC4AIX2S7/Responsive-1.jpg Italian Cycling Website Design https://static1.squarespace.com/static/536bc777e4b0aacd94e5daf0/5cde28350ca44e0001a8e894/5cde28f6222ca90001a86a93/1558063443637/ Italian Cycling Website Design - Reinvigorating a brand steeped in history Drawing inspiration from their print brochures from the early 1990s, the new site is a blend of the traditional and the modern. To infuse a sense of the handcrafted, old-world quality so prevalent throughout rural Italy, I updated and repurposed the old watercolor brochure illustrations on the site for a travel journal feel. The UI color palette of deep wine reds, demure olive greens, and golden yellows draws inspiration from the Tuscan architecture and landscape. Leading with a strong serif typeface for all headlines—and the occasional script—not only helps convey a sense of culture and history but also differentiates this tour company from the countless others that opt to use a sans serif. https://images.squarespace-cdn.com/content/v1/536bc777e4b0aacd94e5daf0/1559703494158-YNCXO11VCAF1OGBXDZV9/Illustrations-NoBG.jpg Italian Cycling Website Design https://images.squarespace-cdn.com/content/v1/536bc777e4b0aacd94e5daf0/1559703332432-7GJYXU4VN2VRDEB4UZB6/Responsive-2.jpg Italian Cycling Website Design https://static1.squarespace.com/static/536bc777e4b0aacd94e5daf0/5cde28350ca44e0001a8e894/5cde29701cb0640001c15017/1558063483322/ Italian Cycling Website Design - Custom patterns & iconography To highlight the company’s rich Italian heritage, I incorporated iconic patterns and flourishes found in Italian ceramic tiles. The custom iconography found on key templates play off the shapes of Venetian windows to add unique branded elements throughout the digital experience. https://images.squarespace-cdn.com/content/v1/536bc777e4b0aacd94e5daf0/1560087230997-BHUMJWBUXTE78NPMOJB5/Patterns.jpg Italian Cycling Website Design https://images.squarespace-cdn.com/content/v1/536bc777e4b0aacd94e5daf0/1560087217314-CR98JKW8K331PFT14BE0/Icons.jpg Italian Cycling Website Design https://static1.squarespace.com/static/536bc777e4b0aacd94e5daf0/5cde28350ca44e0001a8e894/5cde298f2acfd100016c6c32/1558063525353/ Italian Cycling Website Design - Getting people to experiences faster Whether prospective travelers choose to search by destination, ability level, activity type, or date, the faceted navigation structure is both a tool to get users who know exactly what they are looking for where they’d like to go while providing new users an overview of options. https://images.squarespace-cdn.com/content/v1/536bc777e4b0aacd94e5daf0/1560096157430-AMVFLTKR6SQD97148HEQ/CIC-Nav-Wireframes.gif Italian Cycling Website Design https://images.squarespace-cdn.com/content/v1/536bc777e4b0aacd94e5daf0/1560098543527-RNUX6DWR7PHGVOQLUKGQ/CICNavAnimationCover.jpg Italian Cycling Website Design https://static1.squarespace.com/static/536bc777e4b0aacd94e5daf0/5cde28350ca44e0001a8e894/5cde29b6222ca90001a871a5/1559523336559/ Italian Cycling Website Design - Arrivederci... CREDITS — Work done at 829 Studios. Design effort supported by the incredible Justin Vinalon, aka J. Vinny. http://www.allisonlenz.com/contact daily 0.75 2024-01-07 http://www.allisonlenz.com/about daily 0.75 2023-11-14 https://images.squarespace-cdn.com/content/v1/536bc777e4b0aacd94e5daf0/dba981cf-0df3-4a05-ae7f-f1937cfd3ba1/allison-headshot-2023.jpeg About - Hi there Allison is a digital product designer with 12+ years of experience designing cohesive and compelling digital experiences for a variety of brands, including EF Education First, adidas, LEGO, Royal Caribbean, Reebok, and select travel and financial services brands. With a strong background in UI design, Allison now straddles the UI/UX line to solve complex problems creatively and collaboratively. Allison enjoys designing web and mobile app experiences that complement business goals and delight users, while mentoring the team members around her. In the office, Allison is known for her top-notch work, attention-to-detail, team-player attitude, and ridiculous baking skills. Outside of the office, she loves to travel the world, explore New England's natural wonders, and eat copious amounts of authentic greek salad (no lettuce!). http://www.allisonlenz.com/design-modus-operandi daily 0.75 2023-11-05 https://images.squarespace-cdn.com/content/v1/536bc777e4b0aacd94e5daf0/1503775070079-6EZ32E4X45SDY5KRNNM0/AL-Illustration-5.gif Design M.O. https://images.squarespace-cdn.com/content/v1/536bc777e4b0aacd94e5daf0/1503774699163-RBI1R0AJWLVNLFAJ3JTB/AL-Illustration-1.gif Design M.O. https://images.squarespace-cdn.com/content/v1/536bc777e4b0aacd94e5daf0/1503774970028-T5XZI6Z7H5Y8NJLK8V0V/AL-Illustration-2.gif Design M.O. https://images.squarespace-cdn.com/content/v1/536bc777e4b0aacd94e5daf0/1503774505403-MDPNZX4Y7X1EG4L061GK/Process-Hero-Image-1600px.jpg Design M.O.