Tagged User Experience

Anki

Responsive view of multiple Anki websites on iphone, laptop and desktop devices

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.

Design Direction

Mobile and tablet-optimized designs that are scalable to desktop.

Marketing Direction

Sales optimization via Optimizely A/B testing and Magento promotions.

Key Features

Sales-Driven Promotions, Cross-Organization Management, Parallel Development, Process Optimization

Summary of Work

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.

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.

A11y Tips: How to Make Your Logo Accessible

Lately, we’ve been working on updating a variety of sites and focusing on accessible content, design, and media. When going through some of our tasks, we uncovered a tricky accessibility compliance item: logos. Now they’re not tricky in the sense that we don’t know what to do with them, but they’re tricky because there is more than one method to solving their accessibility.

Lindsey Gemmill
a11y aesthetics focused on logo on homepage

User Experience Design

The Hook 42 approach to design creates the most appropriate experience to connect your website with your most valuable asset, humans.

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. 

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.

Hook 42 User Experience Design

Built with users in mind.

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:

  • User Research
  • Competitive Landscape Analysis
  • Moodboarding
  • Wireframing
  • In-Medium Website Design
    • Responsive Design
    • Accessible Design
  • Digital Branding
    • Digital Style Guide

Developer Collaboration

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!

Do You Need UX Design?

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.

Accessibility
Award-Winning Design
Discovery
Mobile
Responsive Theming
User Experience
User Testing

Content Strategy and Architecture

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.

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.

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.

The Hook 42 team can help you with:

  • Website content auditing 
  • SEO enhanced content creation
  • Information architecture development
  • Content-focused user research
  • Taxonomy and content audits and modeling

Does Your Website Need Content Strategy?

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.

Accessibility
Content Inventory
Content Modeling
Migration
Omnichannel Content Strategy
SEO
User Experience

UCSF PleasePrEPMe

homepage of please prep me displayed on laptop tablet and mobile device

UCSF's PleasePrEPMe.org 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.

Design Direction

Maintain Existing Design, Responsive Layout, Interactive, User-Friendly, Accessibility

Technical Considerations

Custom Data Structure Migration, Enable New Content Structures, Form Redesign, Time-Challenged, Budget Constrained, Improve SEO, Improve Device Support

Key Features

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)

preppin for searchin

Summary of Work

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.

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.

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.

Don’t Panic! The New Hook 42

As Hook 42 makes its way through the galaxy, we’re experiencing an incredible amount of growth, both individually for our team members and as a company as a whole. While we grow, it is important that our brand evolves with us.

Lindsey Gemmill
Hook 42 Logo on Laptop Image

BADCamp 2018 Trainings

We’re excited to be offering two training sessions at BADCamp this year! Both of them focus on widening the reach of the internet and Drupal. Accessibility and contribution are close to our hearts at Hook 42 as they both are great tools for making the web a more diverse and inclusive place. The best thing about both subjects? You don’t have to know everything to dive in and get started - starting where you are is a great way to move things forward.

Hook42 Team
BADCamp 2018 and Hook 42 logos

June Accessibility (A11Y) Talks - What's New with WCAG 2.1

The June A11y Talk welcomed back Drupal Core Accessibility Maintainer, Andrew Macpherson. The “What's New with WCAG 2.1” talk discussed the new guidelines that were released in early June.

Web Content Accessibility Guidelines (WCAG 2.1) extends WCAG 2.0 and is intended as an interim until WCAG 3.0 is released. The new guidelines were needed due to advancements in technology and to fix some gaps and shortcomings in the earlier guidelines. Some of the new guidelines cover touch/mobile devices, speech control, and cognitive disability support.

Hook42 Team
Drupal Accessbility and Drupal 8 logos

Hook 42 at BADCamp 2017 - Sessions, Trainings, and Summits!

BADCamp is back and Hook 42 is embracing all the magical goodness! This year we are not only a proud sponsor of the largest free Drupal Camp, but we also have the awesome opportunity to share our expertise across several platforms. Join us at our Supercharged SEO & Accessibility training, the DevOps Summit, and four sessions.

Hook42 Team
Drawing of people holding up a Drupal log, reads "It takes a village"
Subscribe to User Experience