A Brief Look WITH

We rebuilt Submar’s site around dynamic custom fields to build out long-form, content-rich pages. This makes publishing simple for nontechnical staff while improving crawl depth, clarity, and conversion paths.

Project Year

| 2025

Submar's website was kept minimalistic to match their new, modern aesthetic. The simplicity of the website highlights the more interactive and complex elements that were meant to stand out and get potential customers directed exactly where they needed to go.

Submar's website was kept minimalistic to match their new, modern aesthetic. The simplicity of the website highlights the more interactive and complex elements that were meant to stand out and get potential customers directed exactly where they needed to go.

client

Submar

Submar provides engineered shoreline and subsea protection systems using articulating concrete mats, frames, and accessories, serving energy and infrastructure markets with turnkey design support, field expertise, and manufacturing and logistics.

Project Year

2025

The homepage hero introduces Submar clearly, pairing a lightweight background loop with a high quality product render and concise copy. We focused on delivering an eye-catching visual that was lightweight on load times. Each slide was paired with a CTA that took you exactly where you needed to go.
The homepage hero introduces Submar clearly, pairing a lightweight background loop with a high quality product render and concise copy. We focused on delivering an eye-catching visual that was lightweight on load times. Each slide was paired with a CTA that took you exactly where you needed to go.
The case study template created was designed to match the physical documents handed out to potential customers, but with added interactive elements that physical media cannot do. These pages were designed to be easy to create for people who don't know much about web design. Fill out text boxes, upload images, our template does the rest.
The case study template created was designed to match the physical documents handed out to potential customers, but with added interactive elements that physical media cannot do. These pages were designed to be easy to create for people who don't know much about web design. Fill out text boxes, upload images, our template does the rest.

Dynamic

Dynamic

Summary

After launch, Submar gained a website that is easy to run and hard to outgrow. Most content is powered by dynamic custom fields, so nontechnical users can add case studies, blogs, and product details without touching layout. Products and services live together on rich, organized pages that search engines can fully crawl, supported by accordions for FAQs and more specific details on Submar's solutions. The homepage pairs a lightweight video loop with high quality product renders, while a clickable United States map on the contact page routes prospects to the correct salesperson. Form submissions honor state logic, brand elements are consistent, and existing assets slot in cleanly.

Project Goals & Purpose

Before we began, our purpose was operational clarity and measurable visibility. Submar needed a website that busy teams could update quickly, that did not scatter information across dozens of thin pages, and that pushed the right leads to the right salesperson without manual sorting. Marketing Directors and brand managers value a system that lowers publishing friction and raises search value, so we created a template that centralizes information while allowing back-end users to simply paste in their content and publish with ease.

We planned WordPress custom fields for every recurring block, from product specs to case study metadata, so staff can post confidently. Instead of many shallow product pages, we designed deep sections that nest offerings together, then used accordions, filters, and anchors to keep reading comfortable. This creates a single source of truth for crawling, which is powerful for SEO. The homepage needed a clear first impression, so we paired several low filesize background loops with crisp renders in the foreground to set context quickly. Sales coverage matters, so we built the interactive United States map, tied state selections to the proper representative, and synced the contact form with routing rules. Due to the nature of our graphic design subscription, we were able to expedite delivery by knowing the brand and the company's preferences from the onset and repurposing assets we've already created for other projects.

  • Simple publishing for nontechnical users
    Build the site on structured custom fields that mirror real content, so marketing and sales can add posts, case studies, and product updates without risking layout shifts or waiting on developer time for basic edits.
  • Search value through depth, not sprawl
    Consolidate offerings into organized long form pages with accordions and anchors, so search engines crawl one authoritative source, readers find answers faster, and thin pages do not dilute rankings or waste crawl budget.
  • Brand consistency and clarity
    Carry the rebrand into components, pair desaturated photographic backdrops with decisive color accents, and keep hero visuals message led, so every section reads as Submar, whether viewed on desktop, tablet, or mobile devices.
The subscription service provides us with a consistent dialogue and vision with our clients, informing us on design choices that span across all mediums. Content created for brochures or presentations is built with intent to repurpose those assets for the website when it too was realized.
The subscription service provides us with a consistent dialogue and vision with our clients, informing us on design choices that span across all mediums. Content created for brochures or presentations is built with intent to repurpose those assets for the website when it too was realized.

Challenges

The previous approach scattered information and made updates feel risky for nontechnical staff. We needed to reduce manual pages while increasing total content, a balance that can harm performance if not structured carefully. The interactive map had to be rebuilt with accurate territory logic and resilient fallbacks. Contact routing needed to be precise, since sending a lead to the wrong person creates friction. Finally, the site had to express the newer Submar brand in a calm, credible way, without turning long pages into tedious scrolling and loading experiences.

Solutions

We defined a content model using custom fields for posts, case studies, product sections, and FAQs, then locked presentation inside reusable templates. Organized long form pages gather product families together, with accordions for depth and anchor links for navigation. The homepage hero combines a small video loop with a high fidelity render and CSS animations for presence without weight. A rebuilt United States map reads a territory data source, and the contact form routes by state to the correct salesperson. Technical SEO fundamentals, performance tuning, and accessibility checks shipped together. This subscription driven approach, consistent with a Subscription-Based Design Agency, lets teams scale content confidently.

Submar's solutions page was packed densely with information that would assist with any search engine optimization. We avoided having several pages with rudimentary levels of text for every product and service, and focused instead on building a rich deposit of crawlable details in a single source.
Submar's solutions page was packed densely with information that would assist with any search engine optimization. We avoided having several pages with rudimentary levels of text for every product and service, and focused instead on building a rich deposit of crawlable details in a single source.

Think your site deserves better? To get clear conversions, start our graphic design subscription service today!

Think your site deserves better? To get clear conversions, start our graphic design subscription service today!

... and most importantly

Client Reception

The team reported that adding content became straightforward and faster. Sales appreciated that state clicks reveal the correct representative and that form routing respects territories. Leadership liked the consolidated product sections, the use of existing assets, and the brand’s steady presence. The site feels credible, useful, and aligned with how teams actually work.

  • The Predi Designs pricing model also works great! For a flat monthly subscription price, they can handle any kind of marketing work you need.

    Mark Haubert
    Owner
    Tiger Consulting

Additional Images

downloads

No downloads currently available.

Think Someone Would Appreciate This? Share Now!

Related Projects

  • We redesigned Psychemedics’ PDT-90 packaging twice, honoring evolving leadership and strategy. The final tri-fold system prioritizes icons, clarity, and at-home confidence, aligning with corporate tastes while preserving accessibility for families and nontechnical users.

  • With the fast-paced nature of real estate, Refuge Real Estate needed a scalable, efficient system for producing high-quality marketing materials. We developed a custom template system that hastened flyer production, allowing agents to quickly generate open house materials with accurate listing data and personalized branding.

  • We created multiple infographic-style visuals across clients and industries, transforming complex internal processes into approachable, easily digestible designs that help align teams and communicate value quickly.

We are available to discuss how we can help you!