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.
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.
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.
Deliverables
The following are some of the deliverables that were created for this project.
Content Strategy
Website Architecture
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.
Content Strategy
Wireframes
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.
User Experience
Interactive Prototype for User Testing
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.
Design
Brand Design Explorations
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.
Design
Final Brand 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.
Implementation
Finished Website
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.
