Fintech Projectarrow-anchorlink
Multimedial Designarrow-anchorlink
Ecommerce Projectarrow-anchorlink
See Morearrow-anchorlink

Web Design for PandaStore

Featured case of study
In short, I redesigned the entire old website, enhancing a new brand perception by changing the design of their branding. I improved the user experience, making it more intuitive to navigate and purchase, and streamlined the checkout process by simplifying the flow, reducing steps, and making it more user-friendly for the journey. Here are the key results achieved through my efforts in this project:
  • ✅ Redesigned key pages, leading to a significantincrease in user satisfaction and engagement.
  • ✅ Archieved a 35% increase in buy conversions, boosting revenue by 45%.
  • ✅ Received 90% satisfaction from users on social media and surveys.
  • ✅ 80% of users found the chatbot helpful, leading to a 30% increase in user engagement.
  • ✅ Decreased cart abandonment rates by 20%, resulting in a 40% increase in completed purchases and a 15% rise in average order value.
 

Shop

These are the most important pages of this website: the shop, single product page, and the checkout.  
ecommerce website pandastore shopecommerce website pandastore product exampleecommerce panda store check out
 
Panda Shop
 
Panda Product single page
 
Panda Check Out
 

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.  
pandastoree homepage mobilepandastoree featured products homepagepandastoree about section homepage
 
Panda Shop
   

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

Contact me

/in/fabileone

/fabileone