Duration: 2 months, January - February 2021
Roles: UX, UI Designer and Art Director
Project Type: Client project
Client: Shine Bootcamp
Some of the problems we encountered were:
For the website redesign, we approached this problem by running a thorough heuristics evaluation for the current Shine Bootcamp Conference website. We wanted to figure out the ways in which they currently obtained their main traffic to their sites, which is actually through their social media platforms, specifically Instagram.
After conducting the first evaluation, we noticed that the current user journey was the following:
Firstly, it was important to identify the problem and areas of opportunity as well as the target audience.
For their target audience, there were three personas:
SCOPE & DIRECTION
By analyzing the current sitemap and the features, we were able to have a clear idea of the scope of this project in order to make the adequate suggestions for the redesign given the time we had to complete the project.
Our main area of focus was the Homepage, however, we also redesigned the Speakers page to improve visibility and consistency in order to keep user informed about what is going on through appropriate feedback.
The interactive team had to redesign taking into consideration user needs and business goals, while preserving the overall brand essence that Shine Bootcamp aims to convey to their target audience. However, we decided to tweak the branding just a bit in order to create a fresh perspective without going off brand.
The final style tile was the following:
For the wireframing phase, we had different iterations of all pages on the site, especially the Home page. It was essential to take into consideration the principles of IA in order to avoid overcrowding information and to establish a consistent visual hierarchy.
The different versions of the wireframes were modified and improved with user feedback in mind. There was different feedback given during team meetings and sessions with the client and our instructor.
USER TESTING & PROTOTYPING
After the phase 3, we conducted user testing in order to validate our previous design assumptions in order to start designing the high-fidelity prototype. Some of the feedback that we got was the following:
We designed solutions to these problems for the last version of the high-fidelity prototype with the finalized UI.
For the final design, I made GIFs on After Effects and included them on Figma in order to create more motion in the Home page of the desktop and mobile versions.
MAKE SURE USERS WOULD EXPLORE THE ENTIRE HOME PAGE?
MAKE SURE USERS WOULD GET MORE INFORMATION ABOUT THE EVENT?
WHAT DID I LEARN FROM THIS PROJECT?
This project allowed me to work alongside very talented designers. Each of us took advantage of our meetings to collaborate and provide constructive feedback in order to create a pleasant result. At the end of the project, I was able to communicate my ideas better with everyone else and my presentation skills were also put in practice during our meetings with the client.
Pitching and presenting your design to a client can be intimidating at times, but presenting alongside my team proved it to be a fun and exciting process. Working in a team environment allowed me to provide/receive support and feedback throughout all stages of the design process