# Web Partnership Solutions Case study by [Eoin Villarin](https://amvprosox.com/about). Figma, 2023, Role: UI Designer. Canonical: https://amvprosox.com/case-studies/web-partnership-solutions A Figma website design focused on clear structure, better user flow, and a more intuitive experience for exploring partnership opportunities. ## Key results - **94%** Flow clarity - **91%** UX structure - **96%** Layout polish - **89%** Page focus ## The challenge Web Partnership Solutions needed a website interface that could present its partnership opportunities in a simple, structured and professional way. The Web Partnership Solutions Figma design had to help visitors understand the value of the offering quickly, without burying them in information. Partnership offerings are often hard to explain on a single page. There are benefits to describe, steps to follow and questions to answer, and the temptation is to put all of it in front of the visitor at once. That creates friction, makes content harder to discover and leaves people unsure of what to do next. The challenge was to design a layout that reduced that friction and improved content discovery. Each page needed a clear purpose, a logical order and enough breathing room for the key messages to land, so visitors could make a confident decision about partnering. Visitors who feel informed are far more likely to take the next step. ## The solution I designed the website in Figma with a strong focus on visual hierarchy, intuitive navigation and user-friendly page flow. The work started with structure: what a visitor needs to know first, what comes next and where the decision point should sit. Each section was planned to guide visitors through the partnership journey more clearly. Important service information is highlighted through hierarchy and spacing rather than volume, and supporting detail is grouped so it is available without crowding the page. Navigation keeps the main paths obvious, so visitors always know where they are and where to go next. The final design delivers a cleaner interface that supports better engagement and a smoother decision-making process, reflected in the 94% flow clarity and 96% layout polish results. As a developer as well as a designer, I also kept the layouts practical to build, so the design can move into development without major rework. ## Brief and audience for the Web Partnership Solutions website The Web Partnership Solutions Figma design was created for visitors exploring partnership opportunities. These are people evaluating whether an offering is right for them, so they need clear information, a professional presentation and a simple way to take the next step. The brief came down to a few priorities: - Present partnership opportunities clearly and professionally - Reduce friction so visitors are not overwhelmed - Improve content discovery across the site - Help users understand the value of the offering quickly Keeping these priorities in view shaped every layout decision, from the order of sections to how much text appears on each screen. A design that respects a visitor's time is far more likely to earn their trust. ## Information architecture and partnership user flow Good UX starts with structure. I organized the content around the partnership journey, from first understanding the offer to exploring the details and finally getting in touch. Each page has a clear role in that journey, which keeps navigation simple and predictable. ### Designing the flow Sections were ordered so each one answers the question raised by the one before it. Key information appears early, supporting detail follows and calls to action sit where a visitor is most likely to be ready. This reduces the number of decisions a user has to make on any single screen. Clear signposting between pages also lets visitors jump to the part of the journey that matters most to them. The result is a structure that is easy to follow, reflected in the 91% UX structure and 89% page focus results for the design. ## Visual hierarchy and layout system in Figma With the structure in place, I built a visual system that reinforces it. Typography scales, spacing and consistent section patterns create a clear hierarchy, so the most important messages stand out without needing to shout. A consistent layout system also makes the design feel polished and professional. Repeating patterns help visitors learn how the site works after a single page, and give the design a cohesive look across every screen. Every component was designed to be reused, which keeps the experience consistent and the eventual build efficient. Accessibility belongs in this stage too. Readable type sizes, clear contrast and a logical heading order make a design easier for everyone to use, and they are becoming a legal expectation in some markets, a topic I cover in my article on [the European Accessibility Act](https://amvprosox.com/blog/european-accessibility-act-website-compliance). ## From Figma design to a build-ready website Because I work as a full-stack developer as well as a UI designer, I design with the build in mind. The Web Partnership Solutions layouts use realistic grids, consistent spacing and repeatable sections, which makes them practical to develop in WordPress, Shopify or a custom framework without compromising the design. That approach saves time and money at the development stage, since there are fewer surprises when the design meets real content and real screen sizes. If you are planning a new site and want to understand typical costs, my guide to [website costs in 2026](https://amvprosox.com/blog/website-cost-2026) is a good place to start. If you need a clear, conversion-focused website design in Figma, or a designer who can also build it, [get in touch](https://amvprosox.com/#contact-form). ## Tech stack Figma