Role
UI/UX Designer
Shopify Developer
Liquid Developer
Javascript Developer
Tools
Figma - Layout and interface design.
Shopify - Reliable and scalable website host.
Liquid - Shopify theme customization.
Rap Marathon Project
Rap Marathon Figma Designs
Rap Marathon is a rapidly growing social media brand that focuses on the latest happenings in the rap scene, including news, updates, trends, and more. Due to its fast-growing fan base, the task was to migrate the brand from its older website to a newly designed site that allows users to find resources more easily and supports the publishing of articles. By leveraging Shopify, Liquid, and Figma, we successfully transformed Rap Marathons online presence, creating a robust platform that supports their fast-growing fan base and positions them for continued success in the rap scene.
Previous Rap Marathon landing page design
Process
Stakeholder Collaboration- Target Audience ResearchResearch the target audience to understand their preferences and behaviors. Using this information, we developed personas to understand our audience better.
- Site Structure PlanningPlanned a new site structure that would improve user navigation and content accessibility. This included adding proper call-to-actions where necessary, providing clear explanations for the promotion process, and creating an easily searchable blog.
Design Phase- PrototypingDeveloped high-fidelity prototypes in Figma to visualize the final design, incorporating feedback from stakeholders to refine the user interface.
Development Phase- Shopify SetupLeveraged Liquid to extensively customize the Shopify theme, creating a unique and engaging site that stands out in the competitive social media landscape. The flexibility of developing a bespoke theme allowed for multiple iterations with stakeholders, ensuring the final product met all their customization preferences and requirements.
- Responsive DesignEnsured the new website was fully responsive, providing an optimal user experience on both desktop and mobile devices.
Testing & Handover- Quality AssuranceConducted thorough testing to identify and fix any issues, ensuring the website was fully functional and user-friendly.
- HandoverSuccessfully handed over the new website, providing a seamless transition for stakeholders to apply the theme to their stores and continue business operations without any interruptions.
