Interactive Guru
Back to the viewing gallery

OuterFactorDistinctive design. Useful commerce.

A custom website for rugged device protection, backed by a live product catalog. The design earns attention; the browsing tools help people find what actually fits their work.

Explore OuterFactor
OuterFactorChoose a chapter
Watch the film or jump to a chapter.

The workCustom web design · WordPress · NetSuite integration

Our contributionWebsite design, AI-assisted development, technical SEO and ongoing care

Carry the design all the way through.

OuterFactor makes rugged protection for the phones and tablets people use at work. The website needed to communicate that product story with a distinctive design, then make a changing catalog useful to buyers in healthcare, public safety and other vertical markets.

Inside the work.

Return to the film
The actual homepage pairs product storytelling with custom technology illustrations and interactions.
Design that rewards a closer lookThe homepage pairs product storytelling with custom technology illustrations and interactions.
Compatible devices, product options and visible availability connect the catalog to a buyer’s task.
The right case for the deviceCompatible devices, product options and visible availability connect the catalog to a buyer’s task.
Actual product-page design keeps photos, compatibility, features and stock availability together.
The product and the practical detailsProduct pages keep photos, compatibility, features and stock availability together.

A brand experience with room to explore.

Interactive Guru designed the website and its custom page treatments. The homepage brings the range together with technology details buyers can open and explore. Industry pages carry the same visual language into specific working environments, while drawing from the shared product catalog.

NetSuite keeps the catalog current.

A live NetSuite integration feeds product data, including device, brand, release date and other fields. Custom WordPress code uses those facts to build the browsing menus, with the newest devices first. A newly supported phone can appear without someone manually rebuilding the menu.

Find the fit, then see the facts.

Buyers narrow the catalog by compatible device and see stock availability on each product card. Search accepts familiar model names and part numbers. Each product page brings together photos, colors, compatible devices, features and availability from the same underlying data.

Connect the next step to the right team.

HubSpot forms and Calendly scheduling are integrated throughout the site. Technical SEO includes page descriptions and structured product data describing type, brand and device. AI assisted the custom WordPress implementation; people directed the design and reviewed the work. Interactive Guru also hosts and maintains the site.

Explore the design.

See how the design carries through the homepage, industry pages and product details.

The actual homepage pairs product storytelling with custom technology illustrations and interactions.
Design that rewards a closer lookThe homepage pairs product storytelling with custom technology illustrations and interactions.
Actual OuterFactor healthcare page, carrying the custom design into a dedicated vertical market
A dedicated industry pageThe healthcare page connects industry-specific content to the shared product catalog.
Actual product-page design keeps photos, compatibility, features and stock availability together.
The product and the practical detailsProduct pages keep photos, compatibility, features and stock availability together.
Visit OuterFactor
“Interactive Guru has been such an integral part of not only creating the OuterFactor website, but growing our brand alongside us.”

Veronica BeersMarketing & Design Lead · OuterFactor

What should your website help people choose?

Bring the product story, the catalog and the questions customers need answered.

Discuss your project
Explore another storyProject 24SEVEN