Case studies / Elao

Website for a collaborative development studio

Introduction

Elao is a workshop specializing in the co-design of custom web and mobile applications. They focus on collaborative development to deliver tailor-made digital solutions.

Scope of work
  • Website
  • Responsive
  • Mobile
Year

2020

hero image for elao case study
UX

Understanding the context

Focusing on building wireframes to establish the foundational structure of the project, ensuring that the user's and client's needs are at the forefront. Additionally, designing site trees to effectively organize the hierarchy, ensuring a seamless relationship between each page and its content, thus enhancing the overall user experience.

Website Page Hierarchy
Website Page Hierarchy
Early Home Wireframes
Early Home Wireframes
Website

Buidling the layout

Upon receiving the updated brand guidelines, I embarked on designing the homepage. My focus was on leveraging the refreshed visual guidelines to enhance existing elements and introduce new ones. A key priority was ensuring a seamless fit for the mobile version, crafting each component to ensure optimal display and interaction on smaller screens.

Hero & mobile
Home page
Process & Value
Process & Value
Mobile / Responsive
Mobile / Responsive
Contact
Contact
Team
Team
Mobile / Responsive
Mobile / Responsive