the.problem
the need for a smarter way to connect businesses..
The existing landing page was outdated and did not effectively communicate the product’s value. The Matching Platform web app requirements were not yet visually defined, making it difficult for developers and stakeholders to align on how features should look and function.
the.goals.
creating clarity through design and communication.
Redesign the landing page to better communicate the product offering and improve user engagement. Translate the web app requirements into intuitive designs for multiple user roles, ensuring usability and clarity.
design.process
requirement gathering & analysis
I began by discussing business goals and user needs with stakeholders. This included reviewing the old landing page and the feature list of the web application to identify gaps and opportunities.
wireframing and information architecture.
Low-fidelity wireframes were created to plan layout, navigation, and information hierarchy. I also defined user flows for each role in the web app to ensure the design addressed specific needs.
visual design and prototyping.
High-fidelity mockups were developed in Figma with consistent branding and UI patterns. I also created a design system to maintain visual consistency, speed up development, and ensure scalability for future features. Interactive prototypes were prepared for stakeholder review and developer handoff.
iteration and final handoff.
Feedback from stakeholders was incorporated to refine the landing page’s messaging and visuals. The final design package was delivered, enabling developers to start building immediately.
outcome.
The refreshed landing page featured clearer messaging and a modern UI. A complete set of UI designs for the web app improved cross-team clarity and reduced back-and-forth during development.
takeaway.
what I learned?
I learned how to manage both marketing-oriented design, such as the landing page, and product design for the web app simultaneously. This project also strengthened my skills in stakeholder communication and translating business requirements into clear, effective visual solutions.