Using audits to drive change, Mechanics Bank launched with a new CMS and an improved design that follows web best practices. Find out how. 

A Progressive Trade Show App that Connected Without Connectivity

Using Umbraco Heartcore, Blend helped Raven Industries create a trade show application that allowed for easy editorial access while being completely internet-free under the trade show tent.

Client

  • Raven Industries

The promise of a trade show is one of connectivity. Of meeting people. Making friendships. Closing deals. Gathering data and spec sheets, and seeing the product firsthand.


This is especially true in the world of agricultural technology — where the open sky meets a friendly clientele. But while there are a lot of ways to connect in the field — from seeing equipment firsthand to shaking hands with fellow farmers — there’s one place where connectivity can run a bit thin: the internet itself. So when your trade show booth includes an interactive web app, the big question isn’t just whether people will respond positively — it’s whether the site will respond at all.

In other words, how do you make a web application that doesn’t need the web?

This was our task for agricultural technology leader Raven Industries: to create a trade show display application that allowed editors to create, update, and maintain content while still functioning without internet access in the field. To do this, we turned to Umbraco Heartcore, the headless version of the friendly CMS.

“One of the most beneficial features on the app is the Raven autonomous survey, it’s been a great tool for us to gather customer feedback on operational challenges autonomy can help solve and obtain qualified leads through a coordinated sales and marketing approach.”

Erin Rinehart,
Marketing Manager
Raven Industries
A trade show application that was built to run out in the middle of a field.
A trade show application that was built to run out in the middle of a field.

Connecting users without connectivity.

The app itself, designed to be accessed on mobile tablets while inside a trade show tent, allows attendees to explore and experience Raven’s line of automated farming technology — from finding product videos to signing up for updates. Attendees are able to answer a set of simple questions and find out their next steps, or they could dive deep into spec sheets. Behind the scenes, Blend helped build a content model that followed a more traditional web structure, putting a familiar and editor-friendly content process in the hands of the editorial team.

With structure and design figured out, our next step was to help cloud-based content within Umbraco live while disconnected from the internet. A bulk of the content you see on a website lives in different places across the web — we had to make sure that, at the time of a trade show, that content also lived right on the tablet itself.

This meant creating a React-based “single page app” using Gatsby, a progressive web app generator that allows for internet-free functionality. By embedding all of this within Electron — an app that provides its own web server and embeds all content — we were able to make sure content updates become app updates.

That’s a lot of technology for one solution, so we can sum it up this way — Raven’s trade show app makes sure editors can manage content with the confidence that it will all be in the right place when the internet cuts out.

From wireframe to reality: designed to be expanded.
From wireframe to reality: designed to be expanded.

Designed for expansion.

Finally, design and modeling focused not just on this specific use, but also on the future. We helped create an experience that can be expanded for new products, as well as allow the app itself to eventually break away from the trade show booth and into the hands of sales representatives and Raven customers.

A web app without the internet. We’d say we’ve seen it all, but that’s the thrill of web development — there’s always a new use case to explore.

Project Results

  • Developed an internet-optional application to be used anywhere a tablet can be set up
  • Designed user paths that satisfied attendee needs and Raven’s sales goals
  • Integrated video, surveys, and data sheets in a seamless package
  • Leveraged Umbraco’s editor-friendly interface to create an app-like experience
A panoramic view of the inside of a tractor: fully interactive, putting you in the driver's seat.
A panoramic view of the inside of a tractor: fully interactive, putting you in the driver's seat.

Umbraco

The friendly, open-source CMS that supports your workflows, empowers your editors, and takes your website’s performance to new heights.

A deep history of work.

Blend has been working with Umbraco since 2013, and has developed sites in numerous verticals.

2023 Gold Partner.

Blend is a Gold Solution Partner with five Umbraco certified developers on staff.

Contributing Partner

In addition to being a Gold partner, Blend is one of 2022's Contributing Gold Partners, given to agencies that go above and beyond to contribute to Umbraco's open-source project and community.

Related work.

Check out some Umbraco projects similar to this one.

Moving a Bank from Design to Umbraco Implementation

Western State Bank had a design that needed to be implemented within Umbraco. Thankfully, that’s exactly what Blend was able to help them do.

A Partnership Dedicated to Umbraco Best Practices

In partnering with Flint Group, we helped guide a client toward a better Umbraco install, all in time to successfully launch before open enrollment.