We created a clear information hierarchy, clean and modern layout, simple visuals that enhance the understanding of a complex technical term and clear and non technical copywriting.
Objective & Solution
The objective was to provide much more detail on Relayr’s products and to take a drastically different design approach while doing so.
We built a straightforward information hierarchy for easy content discovery. This formed the foundation for a completely new communication concept. This led to a re-envisioned brand with sleek and modern page layouts and custom illustrations to effectively visualize the functionality of the technical product.
Users prioritized product benefits and functionality upfront—everything else was optional.
Project Outcomes
Launch of a new content platform
Up to date technology with a coherent navigation concept to optimize the company’s online presence.
Brand evolution mastered
Build a modern visual identity with a modern attitude to confidently present visionary products.
Visualization of technical processes
Beautiful and easy to understand visuals to explain technical benefits of relayrs solutions.
Testimonial
We're thrilled with the outcome and eagerly anticipate the continued success of our partnership with Dinghy.
Dinghy was the perfect partner for our ambitious endeavor — crafting an entirely new website for Relayr within a tight 3-month deadline to align with our rebranding initiatives.
Their expertise shone through as they revamped Relayr's visual design and strategically prioritized our products in the website's content strategy. The success of the project was a testament to their experience, swift user testing, and seamless collaboration with our team.
Project Deliverables
The following are some of the deliverables that were created for this project.
Website Architecture
Product Strategy
Detailed breakdown of the website's sitemap information hierarchy of individual pages. Allocation of all content types and specific themes and topics cross-site navigation.
Wireframes
Product Strategy
Blueprint for each page which enables all teams to start work in parallel: UI design, copywriting, creating of visual content and web development all know what to do based these schematics.
Interactive Prototype for User Testing
User Experience
To validate assumptions made during the concept phase we setup a clickable prototype of the website.
This prototype was used to run rapid user tests with high profile CEO’s from Relayr’s network.
The feedback we received was super valuable and actually changed our trajectory going forward.
Brand Design Explorations
Design
We started to explore how far the client would like venture from the status quo of the visual design. The first approached preserved the primary brand color red and from there we pivoted gradually into a spectrum of greens and blues to highlight the technical nature of the company.
Final Brand Design
Design
To enable flexible content editing we developed an interactive graphics system to enable editors to dynamically compose custom icons for various use-cases throughout the website.
Finished Website
Implementation
The finished website is a flexible and future-proof setup based on SvelteKit for the frontend and Sanity CMS as the backend. It loads lightning-fast and integrates with a privacy aware tracking setup and SEO best practices.
