CSFlip is a skin gambling platform designed for Counter-Strike players, offering a sleek and engaging experience that combines the competitive gaming aspect with in-game skin trading and gambling. My role in this project was Lead UI/UX Designer, where I was responsible for designing the entire site from scratch, following the client’s initial wireframes.
Challenges: One of the primary challenges was creating a modern design that visually appealed to users while maintaining enough similarity with competitors like Clash.gg and Bandit.camp to feel familiar to our target audience.
The client provided initial wireframes, but they were outdated and lacked usability.
I had to completely redesign the layout and interaction flow, improving user experience while making the site more intuitive and responsive for users on all platforms.
A user flow is a visual representation of the steps that a user takes to complete a task on a website or app. It is a way of understanding how users interact with your product and identifying any areas that may be causing problems.
The CSFlip user flow centers around accessibility and engagement, ensuring players can seamlessly navigate through features and interact with other users.
The home page is designed as a hub for both newcomers and experienced players. It includes an ongoing chat for interaction, quick login access, and a featured chest that offers players an instant reward upon clicking.
What I’ve done!
The home page was designed to immediately engage users with a clean layout and ongoing chat feature on the left, promoting real-time interaction. I focused on simplifying navigation, ensuring key actions like logging in and accessing rewards (the chest) were front and center. The goal was to create a modern, welcoming environment while ensuring users can quickly find their way into the core features of the platform.
The design/website is also responsive.
You can see the mobile version down below
The Skins Coinflip page is the heart of the gaming experience. Here, players engage in betting battles against each other using their in-game skins.
What I’ve done!
For the Skins Coinflip page, I aimed to create a high-energy experience, visually reflecting the excitement of the betting battles.
The layout was designed to provide clear visibility of available matches, player stats, and chests to unlock, all while maintaining a streamlined flow to reduce friction during gameplay.
The inclusion of unlockable rewards was prominently displayed to drive user motivation and engagement.
This page offers users the ability to trade or sell skins, providing them with a dynamic and interactive marketplace. The layout is intuitive, allowing users to browse through available skins, compare prices, and finalize their trades seamlessly. The design prioritizes ease of use, ensuring users can switch skins without any hassle.
What I’ve done!
The Switch Skins page was designed with simplicity and functionality in mind. Users needed an easy-to-use interface to trade or sell their skins. I focused on intuitive filtering options, clear item comparisons, and smooth transaction flows to enhance the trading experience. By keeping the design clean and uncluttered, I ensured that users could focus on their items without unnecessary distractions.
The Chests page was designed to provide a sense of reward and progression.
What I’ve done!
The focus was on creating an intuitive interface that showcases available chests, their contents, and the number of keys required to unlock them. I used vibrant visuals and clear indicators to motivate users to engage with the unlocking process, maintaining a balance between aesthetics and functionality to drive user engagement and excitement.
Popups appear throughout the site to guide users, offer rewards, or show notifications. Each popup has been carefully designed to blend with the site’s overall aesthetic while delivering crucial information without disrupting the flow of the user’s experience.
What I’ve done!
Popups were carefully designed to be informative without interrupting the user experience. They appear in a non-intrusive manner, guiding users through the platform with relevant notifications or rewards. I made sure the design of the popups remained consistent with the overall visual style, maintaining the immersive feel of the platform while delivering important information seamlessly.
This section is dedicated to the key visuals and interactive elements that bring Fundatia Art Production’s website to life. Below, you’ll find a video walkthrough that highlights the dynamic features and user interactions I implemented in Webflow, along with a selection of design highlights from the project.
Designing CSFlip was a challenge that required balancing the need for modern aesthetics with the familiarity that competitors offer. Through my expertise, I was able to achieve: