To launch its first product, Stedi needed a brand identity to resonate with customers and a website to showcase its suite of EDI (electronic data interchange) products. With developers as its primary audience, who seek technical solutions to streamline the EDI process, the design challenge was to infuse fun into a highly technical product. Drawing inspiration from Unicode blocks and typographic glyphs, we developed a brand system that paid homage to EDI and code. The final deliverables included a full website, landing page templates, animations, illustrations, icons, and patterns that we fondly called EDI-fetti.
Team
Dan Newman, design lead
Ivan Miskovic, front-end development
Neil Fenton, front-end development
Joost Ronkes Agerbeek, copy
The site supports light and dark modes
The hero animation highlights all of Stedi's products, as the EDI file evolves across various file formats
The diagram is an extension of the hero animation for easier comprehension
Site navigation dropdown
Pricing and Registry page
Product page, light mode
Product page mobile, light mode
Product page, dark mode
Product page mobile, dark mode
Open Graph images for the product pages
Product icons
Spot icons for the careers page and footer
Product illustrations for the hero and card image in desktop and mobile
Product illustrations for the hero and card image in desktop and mobile
Blog
Blog headers
The pattern, affectionately named EDI-fetti, is a clever composition of Unicode block elements and typographic glyphs
Next up, Mapbox Homepage ➯