FCB Barça Academy

Wireframe design project for a real client based in th US

This was a project I worked on when I was a designer at “Cronuts Digital”

Meeting the client needs:

  • The client wanted to develop the mobile version of their existing website. They asked us to develop the low-fidelity wireframes based on the website they had.
  • Although wireframes are a very basic form of design, they also wanted to keep the UX Writing used in the web for they to evaluate if it needed to be changed.
  • At the end, they also asked for high-fi wireframes.

Process:

  • Analyzed the existing web version.
  • Simplified sections and build basic forms.
  • Created components.
  • Client feedback and iterate.

Learnings:

  • Realize how essential it is to keep things simple and flexible.
  • Managing visual consistency, because we have to do it with an existing material.
  • When we reached the high-fi wireframe design, I needed to work directly with a Design System handed-off by the client, and that was great.
  • Loved the experience to working with a international team.

Results:

  • They managed to match their website with the mobile version and now is available.
screens