Multi-page website | UX/UI design | Brand identity
About Apiway
Apiway is a free integration platform that helps find the right B2B software and connect it without coding or any manual inputs.
After raising money from the Ukrainian Startup Fund and being featured on ProductHunt in the summer of 2020, the platform continues to successfully grow its user base.
Challenge
Most similar integration solutions in the market presented a complex user journey and made it difficult for users to navigate the platform.
The challenge was to transform the logic of the original variant of the Apiway platform to minimize the amount of user actions and simplify the user journey.
It was important to be extremely detail-oriented to deliver a thoughtful UX/UI design.
Goals
The logic of the platform was complex and the amount of user actions was quite considerable, so it was important to be extremely detail-oriented to deliver a thoughtful UX/UI design.
- Develop a functioning multi-page website that reflects the company’s mission and goals.
- Develop a thoughtful UX design to support the platform engine, using the client’s mockups.
- Create a comprehensive brand book that covers most marketing needs.
Canvas for integrations
The biggest task was developing an efficient interface design. Each app a user can connect to on the platform has its own page where the integration happens via API without coding. Then users proceed to the test integration stage to make sure everything works.
Our team created a visualization of API integration with a graph showing applications and triggers. This was essential for simplifying the user journey.
Monetization supported by design
Since the platform attracts a lot of users, each app integration page has banners from advertisers to help the platform monetize. We designed each page with ad placements in mind to make sure that their location would look fitting.
The platform offers a subscription after a trial period, but it also proposes a unique monetization method—inviting the existing products and software users as official advertisers on the platform. That helps brands interact with users, educate them and offer alternatives. And users can see only relevant ads that don’t disrupt their experience.
Overview of suppliers
The part of improving the UX for the platform was building pages for general information about each supplier that was present on the platform.
The pages for each supplier were also developed. The users can learn about each software product and app by visiting their dedicated page:
Unique brand identity
Concept
We used the metro map as the main concept for the integration mechanisms. There are perpendicular and intersecting roads that connect at stations—these are the platform’s partner logos. The idea was inspired from the Appian Way—one of the most important Roman roads of the ancient republic.
Logo
The significance of the logo design was quite big as distinguishing the platform from competition was very important. There were the main logo versions and additional monochrome versions. The logo can be used in both horizontal and vertical directions adapting to media format.
Brandbook
Technology Stack
Web App, Interface Design
Frontend
Results
The user journey was developed in such a way that anyone could easily understand how the platform worked without reading tons of documentation or spending hours communicating with the tech support team. All the designs are implemented and the platform performs well by helping thousands of users integrate different apps and services without coding.
Business Development Manager
Hi, I am Ira. I would love to talk to you about your app project. After you send the form, we’ll contact you within 24 hours. Looking forward to discussing your needs!