![boca juniors logo](https://framerusercontent.com/images/UnClbYTaAYuLKy9rm6cL3FOynA.png)
Boca Jrs Official Website - Redesigned
Skills
User Research
Software
Figma, Adobe Creative Suite
Overview
I chose Boca Jrs official website as my redesign challenge because of the importance of this sports club in Latin America. As a football fan, I had really high expectations about this team’s website and, after studying it, I felt that they could do so much better in terms of user interface and user experience.
My plan was to give the website a much stronger identification with the official colors of the club, as they were not being used well enough.
Color Palette
![pinco logo](https://framerusercontent.com/images/VBpptlv4NYbS5gFnTbbgvEDBI.png?scale-down-to=2048)
I chose Monda typeface because I wanted to give the website a clean and modern look, while making sure it remains easy to read always.
Typography
![typography](https://framerusercontent.com/images/DDFdYuX4fOreZ7qKEf43eB21vIc.png?scale-down-to=2048)
For the redesign, I broke down the website into 7 main components for both desktop and mobile.
Components
Navigation
![navigation bars](https://framerusercontent.com/images/Uf5Uyf6UgVvlzLZdlWiSsZ9oFw.png?scale-down-to=2048)
Partners
![partners](https://framerusercontent.com/images/P5qsmuVqMJjPIUkhDqfkwpcvDIo.png?scale-down-to=2048)
Cards
![cards](https://framerusercontent.com/images/HJpccetkd9gieRi6bBz3zYDuag.png?scale-down-to=2048)
Banners
![banners](https://framerusercontent.com/images/hlyV1gAIKzdeS97IDUFvBGS4ZSc.png?scale-down-to=2048)
News Archive
![news archive](https://framerusercontent.com/images/dSO016Nhf0InfZmPGjxTf35qbnM.png?scale-down-to=2048)
Live Now
![live now](https://framerusercontent.com/images/sSwLMFlJoQAqXQl0JayoanDxOA.png?scale-down-to=2048)
Footer
![footer](https://framerusercontent.com/images/fHHA3T7oQgaDR1qtgRpL9FBdwlc.png?scale-down-to=2048)
![redesign](https://framerusercontent.com/images/H4WnW17BCpm32Gx9xIYm7uD9xs.png?scale-down-to=2048)