Project Body: 

Client Description

A reputable marketing agency with limited available development resources approached DesignHammer for additional assistance with a 4-week turnaround, white-label project for their Fortune 500 client. The agency sought to build a multi-screen video presentation to be set up as a promotional installation at a major industry trade show. The installation would provide users with a self-guided tour of the client’s product through a variety of case studies.

The Challenge

The case study content was to be presented as a series of 4k animations, displayed on massive 72-inch touch screens, with the ability to function without an active internet connection. The installation required a UI for navigating through the various chapters and pages, seamless playback of the various intros, loops, and outros for each video segment, an accessibility mode, and handling for idle timeouts when a user moves away from a screen. Lastly, the solution had to include a flexible mechanism for content updating after initial deployment, as the client was rapidly modifying their content right up to the day of the event.

The Solution

An initial discovery and planning process revealed that a strictly browser-based implementation would not work due to the size of the multi-GB videos in question and inconsistent internet access. DesignHammer elected to instead create a desktop application using a combination of Vue.js and Electron; as their open-source, cross-platform nature is cost-effective and enables fast turn-around times with multiple developers working on the project simultaneously.

A custom HTML5 video player capable of seamless playback of 4K looping video content was ultimately constructed. An entirely custom UI layer, designed to match a set of premade storyboards and animations, was also built on top of the video playback. Swipe and multi-finger tap gestures were enabled for the custom elements, as well as an accessibility feature that accommodated positional access (standing/sitting) to the navigation controls. A follow-up project resulted in the ability to set different target physical display sizes, allowing for the presentation of the same video content on much smaller displays, whilst showing the custom UI at a relatively larger size.

Result

The experience was delivered on time and on budget, all while supporting a number of last-minute content changes. The application provided an easy set-up process for event administrators and a stable experience for the whole event; several additional instances of the experience have since been shipped at other trade-shows and events around the world.

Services

Looking For Design & Development Help? We Would Love To Hear From You.
Project Body: 

Client Description

A reputable marketing agency with limited available development resources approached DesignHammer for additional assistance with a 2-week turnaround, white-label project for their Fortune 500 client. The concept was a highly interactive quiz-style experience to be displayed at a conference kiosk, challenging attendees to answer five questions correctly. The installation was to ultimately serve as a marketing tool, with the content and messaging around the questions and scoring methodology specifically designed to highlight the value of the client’s product.

The Challenge

The quiz experience needed to run all day on a set of large 4k touch panels on a conference show floor without internet connectivity. Storyboards with layout mockups were provided by the client, but they did not include any specific guidance for animations or transitions between scenes. Sound effects needed to be added, which included a looping music bed that was intended to play while users interacted with the quiz. UX was the top priority for the quiz kiosk. How the user felt about their time with the quiz would directly correlate with how they felt about the product offering. This meant that every aspect of the presentation had to feel seamless and the developers had to ensure that the animations ran smoothly in 4K.

The Solution

The application was broken out into a number of screens each handled by a full-page Vue component. The screens corresponded with each particular scene provided by the client’s storyboards. The development structure was designed to allow for multiple people to work on the application without interfering with one another. The architecture of the quiz system was set up to allow all aspects of the visual display to be adjusted independently. This made it easy to refine the parameters over the course of the project in response to user testing.

Approximately 30 hand-tuned animations were created to enhance the [experiential] impact of every single visual element within the quiz. By optimizing the elements for the Electron browser’s rendering engine, the final experience ran smoothly and maintained a crisp frame-rate during multi-element fullscreen transitions. A seamless looping music player was built similar to the video kiosk and smooth volume fading was added.

Result

The quiz was delivered on time and on budget, all within the proposed 2-week turnaround time. The agency was appreciative of the professional judgment and the creative initiative we took to construct various aspects of the animation and design.

Also, despite initial objections to running the experience in a standard web browser, a successful initial deployment motivated the client to begin presenting the quiz online for more users to experience.

While not initially built for the web, the successful initial deployment motivated the client to request a version that could be deployed on their own marketing site. We were able to update the existing codebase to support generating a browser-based version of the quiz. Our decision to use the Vue.js and Electron build tools made this process fairly straightforward.

Services

Looking For Design & Development Help? We Would Love To Hear From You.
Awards: 
Project Body: 

Client Description

Duke University Health System is a world-class hospital and health care network including three hospitals in central North Carolina (Duke University Hospital, Durham Regional Hospital, and Duke Raleigh Hospital), as well as outpatient, wellness, and hospice care.

The Challenge

Physician engagement is an important aspect of Duke Health's mission. Previously Duke Health had worked with external vendors to deliver the Clinical Practice Today website and newsletter to physicians. Duke Health sought to centralize and streamline these efforts in a single Duke Health subsite, leveraging technology used for dukehealth.org.

To maximize physician engagement with the new subsite, Duke Health conducted market research and determined that the physician audience wanted their own dedicated web portal and online tools for making patient referrals. Physicians wanted the control to search by different criteria, such as physician name, or by specialty rather than condition/procedure, which was not supported by the patient-oriented “Find a Doctor” search tool on dukehealth.org.

The Solution

In order to provide a tailored solution for referring physicians, one that was simple, fit their clinical workflow and encouraged repeat visits, DesignHammer and Duke Health began the project off with a robust discovery and planning process. This included competitive analysis of other prestigious health systems to determine best practices in content organization and navigation, card sorting to identify appropriate homepage content and navigation structure, and tree testing to validate the proposed navigation.

DesignHammer created the new website in Drupal 7, Duke’s preferred website development platform. The website provides users with multiple search interfaces including a Mini Specialist Finder for the homepage, a full Specialist Finder, and a Search by Doctor’s Name–all to better connect referring physicians to Duke specialists. The system relies on Apache SOLR for search results. Specialist data, including Specialist Profiles, and auto-complete suggestions, utilizes the data provided for the patient facing “Find a Doctor” system to minimize staff overhead related to data maintenance. The administrative interface also provides content editors with similar functionality to dukehealth.org.

To provide continuity and enhance SEO authority, the new website incorporated the previously standalone Clinical Practice Today website content (including appropriate redirection), adding landing pages for targeted specialties and CME (Continuing Medical Education) content. Clinical Practice Today delivers timely articles on Duke Health research, innovation, and other continuing medical education.

To ensure access for all, the new website was developed in accordance with Duke’s latest standards for accessibility for users with disabilities. To this end, DesignHammer and Duke Health focused on delivering accessible navigation for all major site content.

The Result

DesignHammer created a new platform for physician engagement that fit seamlessly into Duke Health’s internal workflow and facilitated physician referrals to Duke Health. The new Specialist Finder provides referring physicians with instant access to the latest specialist listings, with the added benefit of reducing Duke Health’s staff time by leveraging the same data source as the “Find a Doctor” search.

Most importantly, the project delivered new ownership to Duke Health of the dissemination of Clinical Practice Today CME content, in parallel with Duke bringing the ownership of email marketing of CME in-house. This consolidation provided the Duke Health marketing team with full control of previously outsourced content.

“DesignHammer’s work gave us a strong platform on which our in-house team could further develop the website, based on user testing and analytics. Since launch, we have been able to further improve the Find A Specialist and specialist profile pages. Without the original development work, those enhancements could not have been possible.”

–Seamus O’Reilly, Duke Health Digital Engagement Director

Services

Looking For Design & Development Help? We Would Love To Hear From You.
Awards: 
Project Body: 

Client Description

Established 2014 in Statesville North Carolina, Highland Composites is the composite structures division of Highland Industries, Inc. (see their recent Django Upgrade here). Highland Composites utilizes a full range of braided, woven, and raw fibers together with proprietary, state-of-the-art technology to create composite products for use in a wide variety of structural applications.

The Challenge

As a new player in the marketplace, Highland Composites needed to demonstrate their unique capabilities and value proposition. Composites manufacturing is a complex industry that can utilize many different technologies; Highland specializes in braided composites, composite overbraiding, and open architecture composite structures (proprietary to Highland Composites). The Highland Industries website was not attracting appropriate customers for the Highland Composites brand and did not effectively feature their Composites offerings.

The Solution

DesignHammer built a custom WordPress website for Highland Composites to showcase their capabilities and attract leads. The new website featured high-resolution photography and videos to quickly educate prospects on how Highland Composites’ technologies can make parts faster, lighter, stronger, tougher or more consistent, as well as highlighting the differences between composites and conventional process. To better position themselves and appeal to their target prospects across multiple industries, the new website featured case studies with application examples tailored to the best use of Highland Composites technologies. Social sharing buttons (Facebook, Twitter, and Vimeo) were integrated into relevant content to facilitate multi-outlet media campaigns. Google Analytics was configured to track website traffic and appropriate conversions (contacts from prospects). To help the Highland Composites business development team quantify results, custom reports were also configured for specific advertising efforts.

Result

Highland Composites focuses their business development efforts on conferences, trade shows, and industry meetings. This team can now leverage the website to reinforce their capabilities with identified prospects. Highland Composites measures the success of these efforts by increased traffic and website interaction during and following targeted business development events. Following a recent trade show, Highland Composites tracked an impressive 100% increase in page views, a 50% increase in new users, and a 50% increase lead acquisition via the website.

Services

Looking For Design & Development Help? We Would Love To Hear From You.
Project Body: 

The Challenge

Qualyst came to us as they were transitioning from a services company to a services and products company. They needed a website that reflected that change and that would appeal to a variety of specific markets. Additionally, the existing website had become dated and didn't display correctly on mobile devices.

The Solution

We started by working closely with Qualyst during the design phase to ensure a clean, attractive, and relevant design was produced for their audience. As part of keeping their target segments in mind, we recruited a marketer with a track record of collaborating with scientists and creative professionals to use words, images, videos, and animation to convey complex scientific ideas. With the planning and design complete, we were able to move forward into production of a website to help Qualyst take the next step in their marketing goals.

Services

Looking For Design & Development Help? We Would Love To Hear From You.
Project Body: 

The Challenge

The previous North Carolina Alliance for Effective Care Transitions (NCACT) website architecture made it difficult for users to quickly find desired content. Most user interaction was primarily presented as links in the body content, making it very easy to overlook. It was also difficult to add new functionality related to gathering organization profiles and member sharing.

The Solution

DesignHammer migrated their existing content to a new WordPress website, vastly improved the navigation, and increased user interaction. With the ability to quickly add and customize new web-forms NCACT was able to get the information they needed from organization members. This also simplified the submission process. This allowed them to build a large database of healthcare organizations which benefits the users who need this information.

Services

Looking For Design & Development Help? We Would Love To Hear From You.
Project Body: 

The Challenge

The Highland Industries website was based on Django 1.4 which was approaching end of life. To ensure that the platform stayed up to date it needed to be updated to a more recent version.

Django 1.7 introduced native data migrations and the implementation of them was not compatible with the site's existing table structure.

The Solution

We decided to target the latest long term support release of Django: 1.8 LTS.

In order to complete the migration the Django instance had to be updated, in turn, from 1.4 to 1.5, then to 1.6, then 1.7, and finally 1.8. Each version of Django represented a long list of potentially breaking changes. In addition to this, the existing Django implementation relied on mutiply-inherited data models for representing content pages in the site.

We carefully undertook a process of updating Django to the next version and then reviewing and documenting deprecations. We also carefully restructured the database schema and model definitions so that they could be properly understood by Django's migrations system. We did all of this in a safe testing environment using Vagrant. Once the migration work was complete and well-tested in a development environment we were able to perform the migration on the production server. The migration went very smoothly with minimal interruption and no visible change to end users.

The result is that the Highland Industries website continues to run on the latest LTS release of Django. Additional development projects for the site have benefitted from having native migrations and better dependency support.

Services

Looking For Design & Development Help? We Would Love To Hear From You.
Project Body: 

The Challenge

After DesignHammer had completed a website redesign project for RTI-HS, they wanted to move their website off-site in order to have control over the development and feature release process. The original website was developed and hosted in-house using ColdFusion technology.

The Solution

DesignHammer created a new website using the Drupal 7 CMS. We set up functionality to pull publications and research team data from their third-party CRM Vision. We use continuous integration to pull XML files from RTI and the database from the RTI-HS production website and run content tests on a staging instance of the website. These tests ensure that migrated data is consistent before it reaches the production server. This system has allowed us to make changes constantly while ensuring that the data on their website is always presented accurately.

Services

Looking For Design & Development Help? We Would Love To Hear From You.
Awards: 
Project Body: 

Client Description

Considered to be one of the premier documentary film festivals in the United States, The Full Frame Documentary Film Festival is a program of the Center for Documentary Studies at Duke University. Their mission is to enhance public understanding and appreciation of non-fiction film as a significant art form while making the films accessible to a wider audience.

Established in 1998, the multi-day festival, spread across multiple venues in downtown Durham, NC, is an international theatrical event featuring a wide range of non-fiction films. In addition to the festival, the Center for Documentary Studies provides additional programming across the state of North Carolina throughout the year.

The Challenge

The Festival had a website that did not reflect the caliber of films showcased in the festival. The site was also difficult to maintain and had an extensive need for manual coding, particularly within the programming schedule page. The Full Frame website was creating a poor mobile experience that was frustrating to any attendees attempting to access important information from the site during the festival

The new website needed to draw national attention in a saturated film festival market, while also delivering a compelling mobile experience to engage attendees before and during the festival. The Full Frame staff also expressed the need for a simpler site maintenance process, one flexible enough to support the need for changing content based around the different stages of the annual festival season. They wanted to take advantage of their website and use it as a tool to attract volunteers, donations, and supporters during the annual cycle.

The Solution

DesignHammer began with a robust discovery and planning process in collaboration with Festival staff in order to create a tailored plan for the new website. This extensive process included strategic consulting, a user survey, two rounds of card sorting, tree testing, and a full design phase. WordPress was selected to be the Content Management System for the website and was developed using a combination of community contributed, and custom plugins programed by DesignHammer staff.

Result

The new website provided improved usability on both desktop and mobile browsers. Streamlined workflows allowed for auto generation of festival schedules, as well as a greatly improved administrative system used by Festival staff for content management. With time freed up from laborious content entry, the Full Frame Festival staff could devote more time to creating content that would better connect with volunteers, donors and supporters throughout the year.

Awards

  • 2018 dotCOMM Awards: Honorable Mention
  • 2018 Hermes Creative Gold Award
  • 2017 Communicator Award of Distinction

Services

Looking For Design & Development Help? We Would Love To Hear From You.
Project Body: 

The Challenge

Investor's Title's affiliated agents receive the majority of their business by referral and through education on their respective websites. Many existing agent websites were aging and new agent websites needed to be created. Investors Title wanted to provide a consistent platform for launching a host of new agent websites. The sites needed to be launched with custom form support, enhanced customization, and they needed to cause as little disruption to agent business as possible.

The Solution

DesignHammer created a new platform for ITMS Agents’ websites. We chose to build it as a Drupal 7 multi-site with a customizable theme allowing for a unique but consistent design for each website. The multi-site platform reduces ongoing maintenance costs for the sites and reduces the per-agent setup costs. Each agent site provides a better user experience through increased usability, mobile design, and search functionality.

We combined careful planning and project management with some intelligent tools to ensure that every agent site deployment went smoothly.

Services

Looking For Design & Development Help? We Would Love To Hear From You.

Pages