UI Design

Data Company Landing Page Design

The Project

This case study showcases my work designing an interface for a data company's website. In this article, I will walk you through my creation process, which includes the following key elements:

  • Competitive Research: I conducted thorough research within the tech field to understand effective communication strategies and familiarize myself with design best practices.
  • User Research: I conducted surveys among peers with expertise in this sector to gain valuable insights into user expectations within the industry. The survey results were analyzed to create a specific user persona to improve the architecture of the information and user journey through this project to make sure the goals to attend to their need would be met.
  • Prototyping: With the content for the webpage defined, I initiated the prototyping phase. This involved the creation of low-fidelity wireframes, user stories, and stylings. After selecting a stable version, I conducted a user test to gather feedback and insights for further improvements. This feedback played a crucial role in developing a high-fidelity prototype I present to you here today.


The user persona created in this project helped me to stay user-centric to ensure the best user experience could be achieved with my design.

Ideation and Wireframing

Wireframing this content helped me to come to a decision on where and how things should be displayed on the page and the best order for it. Please see the final version of my low-fidelity wireframe below.

Design System

Defining the stylings and guidelines for this project with a design system helped me to keep it consistent and aligned with the brand. 

High Fidelity Prototypes and Testing

Project Achievements

The high-fidelity prototypes presented here are the result of dedicated work aimed at achieving a top-tier design. The primary objectives were to effectively represent the brand, and convey the business message, intuitively, and in an attractive manner. Also prioritise usability, implementing a concise and carefully considered navigation system to make sure it is straightforward and tailored to what users need most.





Interactive Prototype

See below the interactive prototype in Figma

Thank you for watching 🤍
← See more of my work 📧 Get in touch