Shop

These are the most important pages of this website: the shop, single product page, and the checkout.

Homepage

For the homepage, I highly recommend visiting the live site to fully appreciate all the scroll animations. Nonetheless, here is a glimpse of how the homepage looks.

Overview

The client, a passionate gamer and entrepreneur, approached to me with a unique proposition: to create an eCommerce platform specifically tailored for selling Counter-Strike: Global Offensive (CS:GO) skins. The project aimed to provide CS:GO enthusiasts with a user-friendly and visually appealing platform to buy and sell in-game cosmetic items.

Process

The basic workflow of this project was first to conduct a project kick-off meeting with the team to understand their needs and what I needed to accomplish. Once we defined the project scope and deadline, I decided to use a Design Sprint methodology in order to reach the limited deadline. 

This where a resume of my roadmap and objective that I follow to complete this job:

Understand

• Conducted preliminary research using his twitter and previous sells to understand the target audience, including gamers, CS:GO enthusiasts, and collectors.
• Analyzed competitors’ platforms to identify strengths, weaknesses, and market gaps.
• Held meetings with the client to define project goals, key features, and desired outcomes

Ideating

• Rapidly brainstormed and collaborated to explore various concepts for the platform’s layout, features, and user interactions.
• Focused on user and business needs to generate innovative solutions.

Deciding

• Chose WooCommerce as the eCommerce platform for its flexibility, customization options, and compatibility with WordPress.
• Identified essential plugins and integrations to enhance the platform’s functionality.

Prototyping

• Created high-fidelity prototypes using Figma.
• Incorporated visual branding elements, interactive features, and intuitive navigation to simulate the user experience.

Testing

• Developed a beta version of the eCommerce platform, ensuring compatibility and responsiveness across devices and browsers.
• Conducted rigorous testing, including user acceptance testing and performance testing, to identify and address issues.

Implement

• Translated the finalized design into functional code, customizing WooCommerce templates and themes.
• Launched the eCommerce platform to the target audience, monitoring performance and user feedback post-launch for further optimizations.

Conclusion

We efficiently navigated through understanding, ideating, deciding, prototyping, testing, and implementation stages to deliver an eCommerce platform tailored for CS:GO skins using WooCommerce. The collaborative approach and user-centric design principles enabled us to meet the client’s objectives and provide a seamless experience for CS:GO enthusiasts.

My Role

• Led project management activities, ensuring alignment with timelines and client expectations.
• Conducted comprehensive user research to understand target audience needs and preferences.
• Designed wireframes and prototypes, incorporating user-centric principles and visual branding.
• Developed functional code using WordPress and WooCommerce, customizing templates for optimal user experience.
• Executed rigorous testing across devices and browsers, identifying and resolving issues to ensure platform quality.

Tools

We used different tools and software to accomplish all these tasks.

Some of the tools we used include:

• WordPress and Woocommerce
• Siteground
• Cloudflare services
• Google Suite (Sheets, Docs, Drive, etc.)
• Google Analytics
• Figma, Notion, Jira
• Adobe Photoshop, Adobe Illustrator