Mobile https://www.hook42.com/ en A Beginners Quest to Exploring React Native with Drupal https://www.hook42.com/blog/beginners-quest-exploring-react-native-drupal <span property="schema:name" class="field field--name-title field--type-string field--label-hidden">A Beginners Quest to Exploring React Native with Drupal</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="2020-01-16T16:37:31+00:00" class="field field--name-created field--type-created field--label-hidden">Thu, 01/16/2020 - 16:37</span> Thu, 16 Jan 2020 16:37:31 +0000 Lindsey Gemmill 286 at https://www.hook42.com Stanford Cantor Arts Center https://www.hook42.com/work/stanford-cantor-arts-center <span class="field field--name-title field--type-string field--label-hidden">Stanford Cantor Arts Center</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/Cantor-Responsive-Mockup.png?itok=3P7AUVT1" width="700" height="336" alt="Multi device view of cantor arts homepage template on laptop desktop and tablet" 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">Thu, 04/11/2019 - 00:11</span> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p><strong>Founded in 1891, the Stanford Cantor Arts Center museum hosts an international collection of more that 38,000 works of art. Their previous website, built in 2006, was outdated and limited. Cantor selected Hook 42 to architect and develop their new responsive, component-based website using Drupal 8.</strong></p> <hr /> <h2>Design Direction</h2> <p>Beautiful, Image-Rich, Engaging, Modern, Responsive, Design Gap Remediation</p> <h2>Key Features</h2> <p>Rich Media Management, Respects Image Usage Rights, Component-Based Flexible Content Tools, Reusable Content, Event Importer, Modern Front-end Technologies</p> <h2>Summary of Work</h2> <p><a href="https://museum.stanford.edu/">Stanford Cantor Arts Center</a> underwent a substantial redesign and needed a development partner to implement the site in Drupal 8. Hook 42 created a solid content strategy and toolkit for the small, non-technical content contributor team to artistically showcase their collections, exhibitions, and events. Our team leveraged web components and a solid pattern library to ensure the branding and display was consistent across pages, regardless of the configuration of the content components. In addition to the beautiful and responsive site, Hook 42 architected and developed a custom integration to the main Stanford events feed to automatically populate museum content on the site over time.</p> <p>Read the <a href="https://www.hook42.com/blog/field-notes-ui-patterns-module">UI Patterns Module article</a> by Ryan Bateman that explores the use of the Drupal module leveraged for the websites modular content creation tools.</p> <p>We analyzed the bold, photo-centric design to create a flexible, component-driven content strategy for a variety of possible layouts. We surveyed existing Drupal 8 contributed projects and the Stanford Web Services framework prototype to determine the best architecture. We created an automated tool for pulling in Cantor-specific events from the main Stanford events feed while allowing for content customization. In the end, Hook 42 built a successful and robust website for the Cantor Arts Center that simplified content entry while providing great flexibility for showcasing their outstanding art collection.</p> <p>We continue to help the Cantor team by providing ongoing Drupal 8 maintenance and support. <a href="hook42.com/cantor-case-study">You can learn more about this project by watching the 2019 DrupalCon case study presentation.</a></p> <p><img alt="Designed layout of 2 column event feed and footer call to action highlighting the cantor building" data-entity-type="file" data-entity-uuid="89dffde8-6bea-4d87-87d2-e131ca3149ba" src="/sites/default/files/inline-images/cantor-arts-event-feed-and-footer.png" /></p> <h2>Reviewing the Work</h2> <p>We held discussions to highlight the thought leadership involved in each step of the process, reviewing key pieces of the project that would be valuable to the Drupal community.</p> <p>A Cantor Arts Center website case study presentation was delivered by the team at Stanford Drupal Camp 2018. Later, at <a href="https://2018.badcamp.org/session/drupal-8-case-study-stanford-cantor-arts-center-redesign" rel="noopener noreferrer nofollow" target="_blank">BADCamp 2018</a>, Kristen Pol and Ryan Bateman presented on the topic. Following the BADCamp presentation was <a href="https://events.drupal.org/seattle2019/sessions/drupal-8-case-study-%E2%80%93-stanford-cantor-arts-center-redesign" rel="noopener noreferrer nofollow" target="_blank">yet another discussion</a> by Kristen Pol and Ryan Bateman at DrupalCon 2019.</p> </div> Thu, 11 Apr 2019 00:11:45 +0000 Hook 42 51 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 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 Wraith tutorial for designers and others new to front-end ops https://www.hook42.com/blog/wraith-tutorial-designers-and-others-new-front-end-ops <span property="schema:name" class="field field--name-title field--type-string field--label-hidden">Wraith tutorial for designers and others new to front-end ops</span> <span rel="schema:author" class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/users/kristin-bradham-k2" typeof="schema:Person" property="schema:name" datatype="">Kristin Bradham - K2</span></span> <span property="schema:dateCreated" content="2014-04-20T21:58:10+00:00" class="field field--name-created field--type-created field--label-hidden">Sun, 04/20/2014 - 21:58</span> Sun, 20 Apr 2014 21:58:10 +0000 Kristin Bradham - K2 68 at https://www.hook42.com