User Experience https://www.hook42.com/ en Anki https://www.hook42.com/work/anki-0 <span class="field field--name-title field--type-string field--label-hidden">Anki</span> <div class="field field--name-field-media-image field--type-entity-reference field--label-hidden field__item"> <img src="/sites/default/files/styles/project_main_hero_image_700_w_/public/images/Anki-Mockup.png?itok=TJyyxmYK" width="700" height="336" alt="Responsive view of multiple Anki websites on iphone, laptop and desktop devices" typeof="foaf:Image" class="image-style-project-main-hero-image-700-w-" /> </div> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/users/lindsey-gemmill" typeof="schema:Person" property="schema:name" datatype="">Lindsey Gemmill</span></span> <span class="field field--name-created field--type-created field--label-hidden">Tue, 03/03/2020 - 16:33</span> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p><strong>Anki is a fast-paced developer of consumer robotics based on decades of scientific research into making artificial intelligence accessible to everyone. Anki’s Overdrive product combines easy-setup tracks with robotic supercars to deliver a racing experience that feels like magic. Using mobile devices as controllers, Anki is able to enhance gameplay with web-based scorecards and car capability software upgrades.</strong></p> <hr /> <h2>Design Direction</h2> <p>Mobile and tablet-optimized designs that are scalable to desktop.</p> <h2>Marketing Direction</h2> <p>Sales optimization via Optimizely A/B testing and Magento promotions.</p> <h2>Key Features</h2> <p>Sales-Driven Promotions, Cross-Organization Management, Parallel Development, Process Optimization</p> <h2>Summary of Work</h2> <p>Hook 42 contributed to the management and development of the web site for the release of Anki’s new Cozmo interactive “personality” robot. Process optimization for parallel development was needed to deliver the web experience with integrated marketing promotions and Marketo sales tools.</p> <p>Hook 42 collaborated with Web Delivery, Information Technology, Analytics, Sales, and Product teams to bring everything together on time for the fast-approaching holiday delivery. While working to deliver for the 2016 holiday, Hook 42 contributed to planning a complete technology revamp for holiday 2017.</p> </div> Tue, 03 Mar 2020 16:33:38 +0000 Lindsey Gemmill 302 at https://www.hook42.com A11y Tips: How to Make Your Logo Accessible https://www.hook42.com/blog/a11y-tips-how-make-your-logo-accessible <span property="schema:name" class="field field--name-title field--type-string field--label-hidden">A11y Tips: How to Make Your Logo Accessible</span> <span rel="schema:author" class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/users/lindsey-gemmill" typeof="schema:Person" property="schema:name" datatype="">Lindsey Gemmill</span></span> <span property="schema:dateCreated" content="2019-10-30T15:14:00+00:00" class="field field--name-created field--type-created field--label-hidden">Wed, 10/30/2019 - 15:14</span> Wed, 30 Oct 2019 15:14:00 +0000 Lindsey Gemmill 248 at https://www.hook42.com User Experience Design https://www.hook42.com/services/user-experience-design <span class="field field--name-title field--type-string field--label-hidden">User Experience Design</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/user/1" typeof="schema:Person" property="schema:name" datatype="">Hook 42</span></span> <span class="field field--name-created field--type-created field--label-hidden">Wed, 04/10/2019 - 21:34</span> <div class="layout layout--66-33"> <div class="layout--container"> <div class="layout__region layout__region--first"> <div class="_custom block block-layout-builder block-field-blocknodeservicebody"> <div><p>The Hook 42 approach to design creates the most appropriate experience to connect your website with your most valuable asset, humans.</p> <p>We start by listening to you about your clients, your customers, and their needs. We explore the depths of the internet to see what the competition is doing, and how we can do it better. Ultimately, we want you to be the brightest star in the digital universe, outweighing your biggest competitors. </p> <p>Our team can craft an individualized experience tailored to your business goals. With a focus on exceptional user experience, and an importance on inclusivity on the web through accessibility, or team makes sure your digital experiences are more than just content on a page.</p> <h2>Hook 42 User Experience Design</h2> <h3>Built with users in mind.</h3> <p>There are many steps to the design process, of which we place equal importance, weighing user experience with your marketing goals. Aligning your purpose with your user is our top priority. Our team provides a wide variety of offerings, including but not limited to:</p> <ul> <li>User Research</li> <li>Competitive Landscape Analysis</li> <li>Moodboarding</li> <li>Wireframing</li> <li>In-Medium Website Design <ul> <li>Responsive Design</li> <li>Accessible Design</li> </ul> </li> <li>Digital Branding <ul> <li>Digital Style Guide</li> </ul> </li> </ul> <h2>Developer Collaboration</h2> <p>Integral to the UX Design process at Hook 42 is collaboration. We consistently lean on the expertise of other areas of website builds to help shape the user journey in the most responsible and inviting way possible. Our team is a constant back-and-forth iteration, helping shape unique experiences grounded by function and sparked with creativity. No design goes to development before being spot-checked, with no exceptions!</p> <h2>Do You Need UX Design?</h2> <p>If you're looking for more than just a website build, but a carefully crafted extension of your brand, Hook 42 is the right choice for you. Our team uses precise research-driven insights, based on your specific goals, to create an experience that aligns with your customer. Reach out today to get your project started.</p> </div> </div> </div> <div class="layout__region layout__region--second"> <div class="_custom block block-layout-builder block-field-blocknodeservicefield-service-logo"> <div class="field field--name-field-service-logo field--type-image field--label-hidden field__item"> <img src="/sites/default/files/styles/service_page_image/public/audience_1.png?itok=slwrRmqO" width="300" height="174" alt="User Experience for Drupal" typeof="foaf:Image" class="image-style-service-page-image" /> </div> </div> </div> </div> </div> <div class="layout layout--onecol"> <div class="layout__region layout__region--content"> <div class="_custom block block-layout-builder block-field-blocknodeservicefield-service-tr"> <div class="field field--name-field-service-tr field--type-entity-reference field--label-hidden field__items"> <div class="field__item"><a href="/service/accessibility" hreflang="en">Accessibility</a></div> <div class="field__item"><a href="/service/award-winning-design" hreflang="en">Award-Winning Design</a></div> <div class="field__item"><a href="/service/discovery" hreflang="en">Discovery</a></div> <div class="field__item"><a href="/service/mobile" hreflang="en">Mobile</a></div> <div class="field__item"><a href="/service/responsive-theming" hreflang="en">Responsive Theming</a></div> <div class="field__item"><a href="/service/user-experience" hreflang="en">User Experience</a></div> <div class="field__item"><a href="/service/user-testing" hreflang="en">User Testing</a></div> </div> </div> </div> </div> Wed, 10 Apr 2019 21:34:39 +0000 Hook 42 37 at https://www.hook42.com Content Strategy and Architecture https://www.hook42.com/services/content-strategy-and-architecture <span class="field field--name-title field--type-string field--label-hidden">Content Strategy and Architecture</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/user/1" typeof="schema:Person" property="schema:name" datatype="">Hook 42</span></span> <span class="field field--name-created field--type-created field--label-hidden">Wed, 04/10/2019 - 21:18</span> <div class="layout layout--66-33"> <div class="layout--container"> <div class="layout__region layout__region--first"> <div class="_custom block block-layout-builder block-field-blocknodeservicebody"> <div><p>We know your content is complex, but managing it shouldn't have to be! Regardless of your project's size, we put your pages, posts, and data under a microscope to better understand what makes your content tick. Then, we develop a unique information architecture so creating, editing, and distributing your content is a breeze.</p> <p>Well-organized content makes the web a better place for everyone. Whether your visitors are on a desktop in the Bay Area, a smartphone in rural Arkansas, or using a screen reader at their favorite coffee shop in London, your users should feel right at home.</p> <p>Our digital content strategies empower your content editors to easily build accessible, performant, and polished content, no matter where it is being served. With our solid architectural frameworks, your organization's content can thrive across all your content channels.</p> <p><strong>The Hook 42 team can help you with:</strong></p> <ul> <li>Website content auditing </li> <li><a href="https://www.hook42.com/services/seo-search-engine-optimization">SEO enhanced content creation</a></li> <li>Information architecture development</li> <li>Content-focused user research</li> <li>Taxonomy and content audits and modeling</li> </ul> <h2>Does Your Website Need Content Strategy?</h2> <p>Our team is ready to jump in headfirst! Get in touch with Hook 42 today to start the journey of more organized and structured content. We've already got the microscope out.</p> </div> </div> </div> <div class="layout__region layout__region--second"> <div class="_custom block block-layout-builder block-field-blocknodeservicefield-service-logo"> <div class="field field--name-field-service-logo field--type-image field--label-hidden field__item"> <img src="/sites/default/files/styles/service_page_image/public/content-dustyblue-on-trans_2.png?itok=5GeuI1L1" width="300" height="409" alt="Content Strategy Doodle" typeof="foaf:Image" class="image-style-service-page-image" /> </div> </div> </div> </div> </div> <div class="layout layout--onecol"> <div class="layout__region layout__region--content"> <div class="_custom block block-layout-builder block-field-blocknodeservicefield-service-tr"> <div class="field field--name-field-service-tr field--type-entity-reference field--label-hidden field__items"> <div class="field__item"><a href="/service/accessibility" hreflang="en">Accessibility</a></div> <div class="field__item"><a href="/service/content-inventory" hreflang="en">Content Inventory</a></div> <div class="field__item"><a href="/service/content-modeling" hreflang="en">Content Modeling</a></div> <div class="field__item"><a href="/service/migration" hreflang="en">Migration</a></div> <div class="field__item"><a href="/service/omnichannel-content-strategy" hreflang="en">Omnichannel Content Strategy</a></div> <div class="field__item"><a href="/service/seo" hreflang="en">SEO</a></div> <div class="field__item"><a href="/service/user-experience" hreflang="en">User Experience</a></div> </div> </div> </div> </div> Wed, 10 Apr 2019 21:18:20 +0000 Hook 42 34 at https://www.hook42.com UCSF PleasePrEPMe https://www.hook42.com/work/ucsf-pleaseprepme <span class="field field--name-title field--type-string field--label-hidden">UCSF PleasePrEPMe</span> <div class="field field--name-field-media-image field--type-entity-reference field--label-hidden field__item"> <img src="/sites/default/files/styles/project_main_hero_image_700_w_/public/images/pleaseprepme-screenshot-collage-v2.1.png?itok=Kmzulv-x" width="700" height="439" alt="homepage of please prep me displayed on laptop tablet and mobile device" typeof="foaf:Image" class="image-style-project-main-hero-image-700-w-" /> </div> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/user/1" typeof="schema:Person" property="schema:name" datatype="">Hook 42</span></span> <span class="field field--name-created field--type-created field--label-hidden">Wed, 04/10/2019 - 20:38</span> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p><strong>UCSF's <a href="pleaseprepme.org">PleasePrEPMe.org</a> site is a searchable, location-responsive PrEP provider directory for California. Pre-exposure prophylaxis (PrEP) is an effective HIV prevention strategy available by prescription. The PleasePrEPMe team chose Hook 42 to migrate their website from Angular to Drupal 8 with a React front-end for their interactive map.</strong></p> <hr /> <h2>Design Direction</h2> <p>Maintain Existing Design, Responsive Layout, Interactive, User-Friendly, Accessibility</p> <h2>Technical Considerations</h2> <p>Custom Data Structure Migration, Enable New Content Structures, Form Redesign, Time-Challenged, Budget Constrained, Improve SEO, Improve Device Support</p> <h2>Key Features</h2> <p>Custom Angular DB to Drupal 8 migration, Decoupled React.js Front-End Google Maps Integration, Custom Automated Provider Feed Import, Large Amount of Mapping Data, Content Editor Tools, Content Workflow, 3rd Party Chat Integration (SnapEngage)</p> <p><img alt="preppin for searchin" data-entity-type="file" data-entity-uuid="b4dd5f8a-af05-4da3-a6eb-865ae511fca5" src="/sites/default/files/inline-images/ucsf-pleaseprepme-search-page.png" /></p> <h2>Summary of Work</h2> <p>PleasePrEPMe is a website to promote the education of and provider access to the HIV pre-exposure prophylaxis (PrEP). The website provides national and state-based PrEP resources for the public, press, and other medical providers. PrEP selected Hook 42 for a new site rebuild and migration for their custom Angular site to an SEO, content editor friendly Drupal 8 migration project.</p> <p>We audited their custom Angular / MySQL site implementation and estimated the effort to migrate it to Drupal 8. We provided a scalable content strategy, Drupal 8 architecture and implementation, custom feed creation, a progressively decoupled React / Drupal / Google Maps integration, and backend and frontend development. Hook 42 performed manual content migration, developed automated content migrations, and ran device and browser testing of the systems. The team ran SEO and accessibility health checks, Drupal 8 migration scripts, and ran the launch support process for site cutover.</p> <p>We continued to work with the PrEP team by providing training to their internal staff, ongoing Drupal 8 development maintenance and support, and feature enhancements.</p> </div> Wed, 10 Apr 2019 20:38:14 +0000 Hook 42 29 at https://www.hook42.com Don’t Panic! The New Hook 42 https://www.hook42.com/blog/dont-panic-new-hook-42 <span property="schema:name" class="field field--name-title field--type-string field--label-hidden">Don’t Panic! The New Hook 42</span> <span rel="schema:author" class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/users/lindsey-gemmill" typeof="schema:Person" property="schema:name" datatype="">Lindsey Gemmill</span></span> <span property="schema:dateCreated" content="2019-04-01T14:06:24+00:00" class="field field--name-created field--type-created field--label-hidden">Mon, 04/01/2019 - 14:06</span> Mon, 01 Apr 2019 14:06:24 +0000 Lindsey Gemmill 171 at https://www.hook42.com BADCamp 2018 Trainings https://www.hook42.com/blog/badcamp-2018-trainings <span property="schema:name" class="field field--name-title field--type-string field--label-hidden">BADCamp 2018 Trainings</span> <span rel="schema:author" class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/users/amyjune-hineline" typeof="schema:Person" property="schema:name" datatype="">AmyJune Hineline</span></span> <span property="schema:dateCreated" content="2018-08-17T16:55:03+00:00" class="field field--name-created field--type-created field--label-hidden">Fri, 08/17/2018 - 16:55</span> Fri, 17 Aug 2018 16:55:03 +0000 AmyJune Hineline 157 at https://www.hook42.com June Accessibility (A11Y) Talks - What's New with WCAG 2.1 https://www.hook42.com/blog/june-accessibility-a11y-talks-whats-new-wcag-21 <span property="schema:name" class="field field--name-title field--type-string field--label-hidden">June Accessibility (A11Y) Talks - What&#039;s New with WCAG 2.1</span> <span rel="schema:author" class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/users/amyjune-hineline" typeof="schema:Person" property="schema:name" datatype="">AmyJune Hineline</span></span> <span property="schema:dateCreated" content="2018-07-13T13:21:57+00:00" class="field field--name-created field--type-created field--label-hidden">Fri, 07/13/2018 - 13:21</span> Fri, 13 Jul 2018 13:21:57 +0000 AmyJune Hineline 153 at https://www.hook42.com Flip Flops and Drupal: Increasing Accessibility and Building Community https://www.hook42.com/blog/flip-flops-and-drupal-increasing-accessibility-and-building-community <span property="schema:name" class="field field--name-title field--type-string field--label-hidden">Flip Flops and Drupal: Increasing Accessibility and Building Community</span> <span rel="schema:author" class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/users/amyjune-hineline" typeof="schema:Person" property="schema:name" datatype="">AmyJune Hineline</span></span> <span property="schema:dateCreated" content="2018-02-04T19:36:12+00:00" class="field field--name-created field--type-created field--label-hidden">Sun, 02/04/2018 - 19:36</span> Sun, 04 Feb 2018 19:36:12 +0000 AmyJune Hineline 129 at https://www.hook42.com Hook 42 at BADCamp 2017 - Sessions, Trainings, and Summits! https://www.hook42.com/blog/hook-42-badcamp-2017-sessions-trainings-and-summits <span property="schema:name" class="field field--name-title field--type-string field--label-hidden">Hook 42 at BADCamp 2017 - Sessions, Trainings, and Summits!</span> <span rel="schema:author" class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/users/amyjune-hineline" typeof="schema:Person" property="schema:name" datatype="">AmyJune Hineline</span></span> <span property="schema:dateCreated" content="2017-10-04T19:22:05+00:00" class="field field--name-created field--type-created field--label-hidden">Wed, 10/04/2017 - 19:22</span> Wed, 04 Oct 2017 19:22:05 +0000 AmyJune Hineline 119 at https://www.hook42.com