Sector(s)

Team Members

Visit the site

Visit the site

Organizations Involved

The Office of Naval Research is the catalyst of future naval power, ensuring technological dominance for our fleet and force. With a workforce that includes some of the top PhDs and engineers in the world in their fields, ONR finds the best minds from across the nation and around the globe, sponsoring new research and creating new capabilities for America’s Sailors and Marines.

About the project

Goals

In assessing the desired outcomes for the site redesign, the stakeholders within ONR set forth the following requirements:

  • Showcase organizational information to the general public and in compliance with U.S. Government and DoD regulations
  • Serve as an authoritative and concise reference for Congressional staffs, budget authorizers, and naval leadership
  • Enhance ONR’s reputation to recruit scientists and engineers to the U.S. Navy and Naval Research Enterprise
  • Highlight ONR’s research focus areas for scientists and engineers who may wish to work with the Navy
  • Provide critical information about how individual stakeholders can do business with ONR
  • Amplify ONR funding opportunities and business opportunities

LOOK, FEEL AND THE USER EXPERIENCE

Achieving a consistent look and feel to the ONR website was important to the internal stakeholders. Additionally, as a result of the traffic analysis we performed, it became very apparent that they needed the ability to move toward a “mobile-first” design. The Mobomo design team worked closely with the Design and Content team throughout the initial design phase, ensuring the client’s desired functionality matched the desired aesthetic, aligning the new branding with the Naval Research Office’s current strategic plan, improving the information architecture, conforming to USWDS standards, and increasing the appeal and impact of all visual design/development.

As functionality changed later in the project, the team custom-crafted solutions that achieved the project objectives and exceeded ONR stakeholders’ expectations. The design team’s use of Mobomo’s CMMI Dev Level 3 governance model IMPACT™ was critical to the successful design, development, migration, and launch of the final product. Additionally, the copious communication methods that are standard within Mobomo’s project teams created a level of transparency between ONR and Mobomo that enabled everyone to function at high levels within their project roles. Jira was used to manage and assign tickets for the project. Mobomo worked with ONR to develop clear acceptance criteria, assisting in the successful completion of tickets. Mobomo set up slack channels for the ONR Design and Content team and the ONR Technical and Security team to expedite communications effectively for all team members. Email continued to be the main tool for effective communication with larger groups regarding, meetings, agendas, outcomes, and follow-up activities.

WEB ACCESSIBILITY STANDARDS

In accordance with the contract requirements, we developed a selection of design prototypes following the United States Web Design System (USWDS) and partnered with the Product Owner’s Design and Content Team to determine the most advantageous option for mobile and web applications. Once the branding/design was selected, we began working with the Product Owner to incorporate graphics, create tools that enhanced the users’ experience, ensure accessibility across multiple platforms (laptop, mobile, etc.), and ease of use.

Faceted search capability was one of the components within ONR’s scope of work, however the legacy site had been equipped with Boolean search capabilities and an internal ONR communication disconnect had eliminated the Boolean search tool from the project scope. Recognizing the value ONR’s Product Owner placed on this feature, we stretched the project scope to include the Boolean search capabilities for the new site.

SIMPLIFIED SITE ARCHITECTURE

ONR was using Sitecore, and they did not want to drastically change their Information Architecture, but what they were very interested in was streamlining and simplifying their workflows. An example of one of the ways in which we accomplished this for them was by simplifying their content types. Previously, they had 6 content types from which to choose. This was very cumbersome for content editors. We consolidated these 6 content types into two, which exponentially expedited their process.

OUTCOME

We completed pre-launch project phases by the scheduled deadline of May 18. The ONR site launch was delayed until May 27 due to the customer’s constraints, but the success of the launch is apparent given the following email that we received from the ONR Director: “Team, let me congratulate you for transforming our 14-year-old public website to the modern marketplace. You made the work and work processes the keys to achieving the results we now see today on our devices-tablet, phone, and computer. Thank you for leapfrogging us into the future. I look forward to your continuous problem solving and innovation so that ONR stays on the cutting-edge sharing information via our website. Well done!”

Mobomo, LLC is an organization that carefully selects the clients with whom we work. We THINK BIG, we MOVE FAST, and we BUILD WORK WE BELIEVE IN.

We are proud of the ways in which we helped the Office of Naval research achieve their goals for modernizing how they interface within their ecosystem, and we are honored that they selected us as their partner in moving their organization into the future

Back to top

Why Drupal was chosen

Their previous system of Sitecore offered little customization capability and a poor backend UI.  Knowing how layout builder worked and how to leverage it with uswds Drupal was a no brainer.

nre.navy.mil homepage

Technical Specifications

Drupal version:

mobile view of nre.navy.mil
screenshots of nre.navy.mil