Overview
Develop seamless browsing and purchasing experience
Our design aimed to offer an engaging online platform that would attract vinyl enthusiasts, provide them with a seamless browsing and purchasing experience, and showcase the unique personality of Spin City Records company.
My contribution to this project resulted in the creation of a user-friendly, accessible, and responsive company website.
Our team focused on code validity, readability, and maintaining a well-structured folder hierarchy. I ensured that our code adhered to the project requirements and utilized meaningful names for files and folders.
Process
Collaboration Quotient
As a team leader, I effectively utilized GitKraken to distribute the work among 3 team members and later merge the changes. By creating branches for each feature, we were able to work simultaneously on different aspects of the project without hindering each other's progress.
Coding Management
I took the lead in consolidating our style guides into a comprehensive document, which played a pivotal role in ensuring consistency and cohesion across the design elements of our project.
Moreover, I consolidated our existing design assets and guidelines by carefully analyzing and synthesizing the various components, such as typography, color schemes, imagery, and layout principles, to create a unified visual language for our project.
Visual of the brand
I was also responsible for creating and designing icons, banners, and graphical assets on Figma, adding a cohesive aesthetic to the project.
Challenges and Results
How I solve problems
Cross-devices conflicts
Since the team consisted of three members who worked on different devices & systems, there were times when conflicts and errors in layout, color, and appearance arose. This challenge threatened to undermine the website's overall user experience and accessibility.
Solution
To address this, I leveraged tools such as media queries and flexible grid layouts, guaranteeing that the website maintained its intended look and functionality across diverse devices.
Results
By prioritizing responsive design and conducting rigorous testing, our team successfully overcame this challenge, ensuring a seamless user experience across all devices.
