Cheeer (Formerly MO:ME:NT)
Wakama Ene | Lead UI/UX Designer | Tools: Figma, Figjam, Surveysensum, Microsoft Teams
Cheeer (Formerly known as MO:ME:NT) is a Web2/Web3 company revolutionizing sports collectibles and fan engagement. We capture emotional sport events as NFTs called MO:ME:NTs via an automated API trigger. Fans can collect, enjoy, and trade these unique moments, which also serve as entry tickets to immersive Fan Zones built in the Metaverse filled with sports data, games, and like-minded fan
Initial Cheeer (MO:ME:NT) Design
At the onset of the project, Cheeer (formerly known as MO:ME:NT) faced multifaceted challenges that collectively hindered its ability to thrive in the competitive landscape of Web3 platforms. These challenges converged on critical fronts:
Firstly, the existing website struggled to effectively convert and retain users, thus hampering the platform's growth potential. User interaction patterns indicated a pressing need for a comprehensive UX design overhaul.
Secondly, Cheeer aspired to provide its users with enhanced functionalities, particularly in the realm of NFT trading. The existing framework lacked streamlined mechanisms for buying and selling NFTs, impeding user engagement and satisfaction.
Thirdly, the Sign-Up and Login processes were far from optimal, leading to a subpar user experience. Cumbersome procedures deterred potential users and hindered the platform's accessibility.
Lastly, the overall interface and experience of the website demanded a total revamp. An outdated design, coupled with a lack of user-centric features, posed a significant hurdle in creating a compelling and immersive environment within the Metaverse and NFT ecosystem.
In light of these challenges, the core problem statement revolves around the urgent need to transform Cheeer's web platform into a user-centric, feature-rich, and aesthetically appealing space that not only converts and retains users effectively but also facilitates seamless NFT transactions, optimizes the Sign-Up/Login processes, and redefines the overall interface and experience to align with the evolving Web3 landscape. Addressing this multifaceted challenge is imperative to position Cheeer as a leading player in the Web3 domain, delivering value to its users and realizing its full growth potential. The need for a dedicated OTC facility is paramount. Such a platform would not only address these concerns but also bridge the gap among crypto market participants seeking secure and mutually beneficial exchanges. By establishing a beacon of trust and integrity in the cryptocurrency landscape, this facility would not only provide a reliable OTC trading platform but also play a pivotal role in driving the broader adoption of this invaluable mechanism. In summary, while OTC trading holds immense potential for discreet and efficient large-scale cryptocurrency transactions, the pressing issue of finding trustworthy partners highlights the urgency of creating a specialized OTC facility. This establishment would serve as a cornerstone of trust and integrity within the dynamic world of cryptocurrency.
Scope and constraints:
The Scope of the project
Throughout the course of the project, one significant constraint emerged as a defining factor: the ever-evolving direction of the project and the fluctuating demands for various side products as articulated by the stakeholders. These dynamic shifts frequently impacted project timelines and allocation of resources. Despite these challenges, my commitment to the project remained steadfast, and I continuously adapted to ensure progress and maintain the project's momentum. This resilience and dedication were instrumental in navigating the intricate landscape of changing project scopes and priorities, ultimately contributing to the project's success.
I crafted a timeline for my team which is a pivotal aspect of the UI/UX design process. It provides structure, accountability, and a clear roadmap for the successful execution of a design project. For this project I organized my timeline for 3 months but a couple of things would change as time goes due to nature of start ups to change and adjust to market conditions.
Design Process & Solution:
Empathizing with Potential Users:
In my quest to truly understand our users and walk in their shoes, research was my trusty compass. Picture this journey as a two-pronged adventure: one, the Primary Research method, and two, the Secondary Research method.
1. Primary research:
Imagine sitting across from a group of stakeholders at Cheeer (formerly known as MO:ME:NT), all driven by a shared vision to elevate the platform and its user experience. These conversations were more than just discussions; they were windows into the heart of the company's aspirations and challenges.
One common theme echoed in our discussions: the desire to welcome more users to the platform. It was clear that growth was a top priority and also the USP (Unique Selling Points) of the company. The stakeholders envisioned Cheeer as a bustling hub, teeming with users from all corners of the digital universe.
Another recurring theme centered on enhancing the website's functionalities. Everyone agreed that the platform should be a dynamic and vibrant space, teeming with opportunities. It was about making sure that Cheeer didn't just meet but exceeded user expectations.
But it wasn't just about growth and functionality. Stakeholders shared a fascinating ambition - to help brands step into the exciting world of Web3 and the Metaverse. They saw Cheeer as a bridge, connecting businesses with this new digital frontier. It was a dream that spoke of innovation and possibilities.
Our discussions also touched on the importance of solving login issues. Users grappling with long, complex usernames were becoming increasingly frustrated. Simplifying this process was a clear goal. It was about ensuring that accessing the platform was a breeze, not a puzzle. These conversations with Cheeer stakeholders were like pieces of a puzzle coming together. They painted a vivid picture of the company's dreams and hurdles. Each insight gleaned was a step closer to crafting a user experience that not only met but exceeded their expectations. It was a journey of collaboration, empathy, and collective vision, and I was thrilled to be a part of it.
Picture a room filled with the passionate individuals that make Cheeer tick. These were the folks who knew the platform inside out, and I was eager to learn from their experiences. In a series of internal interviews, I sat down with around 11 team members, giving them the stage to share their unique perspectives.
One common thread woven through these conversations was the absence of a dedicated marketplace for NFTs. It was clear that team members envisioned a vibrant hub where NFT enthusiasts could effortlessly explore and trade digital treasures. The absence of this marketplace was akin to an unfinished puzzle, a piece that could truly transform the Cheeer experience.
Another recurring theme was the need for a clear and concise way to explain Cheeer's services. Team members felt that the platform's diverse offerings needed a spotlight. It was about creating a narrative that resonated with users, offering a guided tour of the Cheeer universe. Home page sliders were also under the spotlight. Team members voiced a desire for call-to-action buttons that would guide users seamlessly through the platform. It was a practical tweak that could make a world of difference, ensuring that users knew exactly where to go and what to explore.
But these conversations weren't just about challenges; they were about possibilities. Each insight shared by the team members was a gem, offering a unique perspective on how Cheeer could evolve and improve. It was a reminder that the best solutions often come from within, from the voices that know the platform's heartbeat.
Through these internal interviews, we didn't just uncover pain points; we discovered a shared passion for making Cheeer the best it could be. It was a collaborative journey, a testament to the team's dedication to creating an experience that truly resonated with users.
And as I left those meetings, I carried with me not just insights but a sense of excitement. Cheeer was a canvas, and these insights were the vibrant colors waiting to transform it into a masterpiece. All these interviews were recorded to help curb biases.
In my journey to enhance Cheeers (formerly known as MO:ME:NT), I knew that understanding the platform's users was paramount. So, I reached out to external users, eager to hear their thoughts and experiences. What I discovered was a treasure trove of insights that would help shape Cheeers into a more user-friendly space.
One recurring theme was a lack of clarity. Many users expressed confusion about what Cheeers really stood for and what it offered to users. It was clear that there was a need for a guiding light, a beacon that could illuminate the essence of Cheeers.
Another frequent observation was the absence of an "About Us" page. Users were eager to learn more about the brand, to peek behind the curtain and understand the driving force behind Cheeers. This absence left a void in their journey, an unanswered question that begged to be addressed.
Another noteworthy point was the challenge posed by text and background contrasts. Users found it difficult to navigate the platform when the text didn't stand out clearly against the background. It was a simple yet critical issue that hindered their experience. But these pain points were not isolated incidents. They were representative of a broader sentiment among our external users. Each interview provided a unique perspective, shedding light on the diverse ways in which Cheeers could improve.
These external interviews weren't just conversations; they were bridges connecting us to the very people we aimed to serve. They were a reminder that every user's voice mattered and that their insights were invaluable in shaping Cheeers' future.
As we wrapped up these interviews, we carried with us a sense of purpose. I had uncovered pain points, yes, but more importantly, I had unearthed a shared desire for Cheeers to be the best it could be. It was a journey of empathy, a commitment to crafting an experience that truly resonated with our users' needs and expectations.
In my pursuit of understanding and improving the Cheeers (formerly known as MO:ME:NT) experience, I harnessed the power of surveys to bridge the gap between our platform and its users. These surveys were not just questionnaires; they were a dialogue, a way to connect with the very people we aim to serve.
Teaming up with the marketing wizards, I obtained user email lists and, in a gesture of gratitude, rewarded participants with free NFTs. It was a way to say "thank you" for sharing their thoughts, and it fostered a sense of community around Cheeers.
Through these surveys, I was able to glean valuable insights directly from our users. It was like having a conversation with them, listening to their voices, and understanding their needs. Two common threads emerged from these conversations:
Firstly, users frequently expressed confusion about how to buy NFTs on the platform. It was a recurring point of uncertainty, and addressing it became a priority to create a more user-friendly environment.
Secondly, login issues were another pain point. Users highlighted their struggles with the login process, underlining the importance of a seamless entry point to the Cheeers experience. These survey responses weren't just data; they were stories, narratives that shed light on the user journey. It was like piecing together a puzzle, understanding the various facets of our users' experiences.
As I analyzed these survey results, I felt a profound sense of connection with our users. Their feedback wasn't just a checklist of issues; it was an opportunity to make Cheeers better, to create an experience that truly addressed their needs.
These surveys weren't just a means to an end; they were a testament to the importance of empathy in design. They were a reminder that the best solutions are born from a deep understanding of our users, and I was honored to be part of this journey.
In essence, these surveys weren't just about Cheeers; they were about our users and their stories, and I was eager to use this knowledge to make their experience even more remarkable.
2. Secondary Research
My journey to enhance Cheeers (formerly known as MO:ME:NT) led me to a detailed exploration of our competitors in the NFT Web3 space: Sorare, Rarity, and Top Shot. This process was like taking a magnifying glass to the digital landscape, uncovering valuable insights into their strengths and areas where they might be taking a few steps back.
One striking observation was the captivating NFT images that these platforms offered. They knew how to make digital art pop, catching users' attention with stunning visuals. It was like the digital equivalent of an art gallery, a space where the artwork truly shone.
Another noteworthy feature was the interactive dashboards they provided. These dashboards felt like control centers, giving users the reins to navigate their NFT collections and experiences seamlessly. It was like having a steering wheel in a well-crafted vehicle, ensuring a smooth ride through the platform.
However, my analysis didn't stop at these strengths; it also unearthed areas where these competitors might have left room for improvement. It was like spotting chinks in the armor, opportunities for Cheeers to stand out in the crowd. Through this process, I gained valuable insights into the competitive landscape, understanding what set these platforms apart and where Cheeers could carve its niche. It was a journey of exploration and discovery, armed with the knowledge needed to craft an exceptional NFT Web3 experience for our users.
As I delved into this competitive analysis, it wasn't just about understanding the competition; it was about drawing inspiration and envisioning the future of Cheers. It was about translating these insights into action and striving for excellence in every aspect of our platform.
These findings, tailored to the specific objectives of each analysis, provide valuable insights into the competitive landscape. They inform design and strategic decisions, ensuring that user needs and industry trends are effectively addressed for both Changelly and Gigaswap platforms.
In my prior research efforts, I collected a substantial volume of data employing diverse research methodologies. This included conducting interviews with several individuals, resulting in a wealth of information to manage. The purpose behind this data organization was to derive actionable insights that could inform my design decisions.
To begin, I was tasked with creating affinity maps for each interviewee, categorizing them into groups based on shared objectives. For instance, when respondents discussed topics related to the homepage, I consolidated all relevant data into a dedicated homepage table. Similarly, when the conversation revolved around purchasing NFTs and the associated expenditure process, I collated this information into a separate table. This meticulous organization enabled me to concentrate on critical aspects of the platform that required development and allowed me to possess structured data to guide my decision-making process. This was the approach I employed to achieve these outcomes.
The subsequent step in the process was the development of personas. To gain a deeper understanding of our users and to effectively empathize with their perspectives, I embarked on the creation of personas. Within the platform's user base, there were two distinct categories of users: brands and consumers.
In the realm of brands, we had two subcategories: Sport brands, and other entities who were fans of NFTs. The latter category included NFT buyers and regular users who were enthusiasts of the platform. In essence, we were dealing with a dual user base, comprising brands and end users.
The next essential component in our process involved the formulation of user stories. These user stories, in turn, served as valuable guiding tools for my design decisions. They provided insights into the specific needs of both brands and end users within the application's context.
For instance, consider the following user story: "At all times, the CR7 brand wishes to launch NFT projects to engage their fans and offer them an immersive fan experience." This particular user story illuminated the necessity of creating an efficient process that would facilitate brands like CR7 in releasing NFT projects. This, in turn, would enable users to easily participate and engage with these initiatives.
Moving on to the ideation phase, I held several collaborative sessions with the team to generate fresh and innovative ideas. These sessions aimed not only to gather insights from our team members but also to harvest novel concepts that had not been previously considered.
We fostered a collective approach, bringing the team together to contribute their perspectives and ideas. Through workshops and open discussions, team members shared their inspirations from external sources and experiences that had sparked creativity. I meticulously compiled and organized these diverse ideas, integrating them into my existing design data. This infusion of new ideas played a crucial role in enriching and guiding the design process.
Moving forward, the subsequent step in our process involved a Moscow analysis. Through this analysis, I meticulously compiled all the essential requirements that would form the foundation of our project. Given the comprehensive nature of this endeavor, involving a complete overhaul and a wealth of data, the list of requirements was quite extensive.
This compilation included a range of necessities such as designing the promoters' page, establishing a community space for promoters, enabling users to engage in NFT trading, and facilitating promoters in promoting NFTs, among others. To better manage and prioritize these requirements, I categorized them into the classic Moscow framework, distinguishing between "must-have," "should-have," "could-have," and "wouldn't-have" elements.
This strategic approach to prioritization serves as a roadmap, allowing us to focus on the most critical aspects of the platform's development. It ensures that we not only expedite the project's progress but also deliver the most refined and effective version of the platform to our users.
Quantitative Data for Projections
My subsequent task involved creating quantitative data for projections. To elaborate, once I had compiled the list of tasks and organized them based on the abundance of ideas generated for specific projects or pages, I gained valuable insights into their relative importance.
For instance, when I observed that a considerable number of participants emphasized the importance of the homepage, resulting in approximately 72 identified updates for that specific section, it became evident that the homepage warranted immediate attention. This rationale underpinned the creation of a structured table, serving as a tool to systematically rank and prioritize tasks.
This table not only facilitated organization but also aided in determining which aspects were most critical based on the research-derived data. For instance, if a substantial number of respondents had highlighted the homepage, it signaled the necessity of addressing and enhancing this aspect promptly. Conversely, if certain topics received relatively less attention, it guided us in deferring focus on those areas for the time being. In essence, this quantitative approach provided a clear and data-driven roadmap for decision-making and task prioritization.
Based on my research findings, I also engaged users in discussions about their preferences and dislikes regarding the platform. This proactive approach led me to create an upgrade performance chart to gauge the overall user sentiment and satisfaction with the platform's current state. For instance, the data revealed that approximately 67% of users expressed a need for updates and improvements, while only around 19% reported a positive liking for the platform. This stark contrast highlighted the substantial room for improvement and indicated that there was considerable work to be done in enhancing the project. These insights served as valuable guidance and played a pivotal role in shaping my next steps and priorities in the project.
Certainly, while working on user flows, it's imperative, especially in UX design, to maintain a holistic perspective of how the application functions. Consequently, I focused on designing user flows for various components of the project, such as the homepage and the marketplace. This approach served multiple purposes, including facilitating seamless communication with the developers.
In the context of the homepage, I structured the layout to encompass key elements like a newsletter section, blogs for frequently asked questions, links to information about market players, an "about us" section, and resources for learning about NFTs. The process involved a comprehensive assessment to determine the significance of each element, and then meticulously integrating them into a coherent user flow.
The ultimate objective was to create a user-friendly navigation experience, ensuring that users could easily access the information they sought. By minimizing potential pain points in this manner, the design aimed to enhance overall user satisfaction and usability.
After amassing a substantial volume of data through diligent research, followed by the organization of this information and the generation of creative ideas during brainstorming sessions, it's time to shift our focus to the core task at hand: design.
Commencing the design phase, the initial step involves crafting a prototype. To streamline the design process and ensure seamless implementation of essential assets, styles, and color palettes within Figma, I began by creating a comprehensive style guide. This style guide encompasses critical components such as text styles and color palettes, providing a structured reference book that facilitates efficient utilization throughout the design process.
Regarding wireframes, I commenced the process by crafting preliminary sketches. Being artistically inclined, I find sketching to be an intuitive and enjoyable approach. Armed with the insights gathered from the research conducted in earlier stages, I translated this data into tangible sketches of the various required pages, guided by a clear sense of direction.
These initial sketches served as a crucial foundation for the subsequent steps. They provided me with a visual roadmap, enabling me to transition to the creation of low-fidelity designs for both desktop and mobile versions.
Hifi Designs and Prototypes
The subsequent phase involved the creation of High-Fidelity designs, and I must say, it was an enjoyable process because I have a genuine passion for UX design. It felt like piecing together a puzzle, aligning all the elements meticulously. As I put these elements together, the project truly began to take shape and come to life.
Building upon the direction and structure established in the low-fidelity wireframes, I transitioned to crafting high-fidelity wireframes. Additionally, I collaborated closely with our graphic designer since the project required the incorporation of numerous graphics to convey the dynamic energy inherent in a sports-related application. This collaboration was particularly beneficial in achieving the desired visual impact.
My responsibilities encompassed designing both the mobile and desktop landing pages for the High-Fidelity version, contributing to the project's comprehensive design evolution.
I conducted handoff sessions during which I collaborated closely with our development team, particularly the front-end developer, to provide them with comprehensive guidance on our design and development processes. To facilitate this transition, I prepared prototype videos that effectively conveyed the design concepts. These videos served as a clear, unambiguous reference, ensuring that each page and its elements were meticulously outlined.
During our sessions, I walked the developer through the design, addressing each page individually and explaining the specific components that were integral to the project. To facilitate communication and streamline the process, we utilized notes within Figma for any additional context or clarification.
The successful outcome of this collaborative effort was evident when the developer seamlessly translated the design into code, bringing the project to life online.
During the product testing phase, we conducted in-house testing sessions in close collaboration with various team members. Together, we meticulously examined different aspects of the application, aiming to gather valuable feedback. This feedback often necessitated adjustments, including reorganization and redesign efforts, to enhance usability.
For instance, I recall a specific instance where, as a part of this iterative process, we identified areas that required improvements. These insights and adjustments were essential in ensuring that the application was user-friendly and met our objectives.
In addition to our internal testing efforts, we also extended our testing to external users by sharing access links, encouraging them to explore the platform and provide us with their insights. The primary objective behind this external testing phase was to enable iterative refinement. If any issues or concerns arose, we could revisit our design in Figma, making the necessary adjustments accordingly.
While we had a limited number of external users involved, their feedback was valuable in fine-tuning the platform. After addressing the identified issues and making the required adjustments, we proceeded to launch the project. This launch marked the introduction of the platform to users, aiming to ensure a seamless and user-friendly experience.
Due to research we noticed that having the brand as MO:ME:NT and a product (which were the NFT's) also as MO:ME:NT was quite confusing which mislead users quite alot. Also when writng the texts on web browsers wasn't the easiest of things, so the company had to undergo rebranding. The brand name was hence changed from MO:ME:NT to Cheeer.
We embarked on several intense sprints as a team, and one particularly challenging sprint involved the creation of an auction feature within our platform. This endeavor required us to implement a functional NFT auction system in just one week. Due to the time constraints, I had to adjust my usual design process, which typically follows the five-step principle of research, definition, ideation, prototyping, and testing. Instead, I streamlined the process to focus on research, ideation, prototyping, and testing.
My approach began with comprehensive research, including a rapid competitive analysis of other NFT auction platforms like OpenSea and Rarible. This analysis provided valuable insights into how such processes were typically structured. Following this, I proceeded to create user flows specifically tailored to the auction experience. These user flows delineated the steps a user needed to navigate from the initial interaction to successfully completing an auction.
Leveraging the style guide and components I had previously established for the project, I efficiently assembled and organized various elements to align with the user journey. My workflow involved research using AI (Chatgpt) to speed up my research process, sketching out wireframes to clarify the design concepts before proceeding with the final design phase, a method I find effective in expediting the design process.
Ultimately, this approach allowed me to rapidly develop and integrate the necessary components, facilitating a seamless user experience and achieving our goal within the confines of the sprint.
Due to the time limit for the sprints which were about 10 days, here was my process to delivering on the project:
Sprint 1: Auction (Place a bid and create auctions)
Sprint 2: Transfer MO:ME:NT NFT
Sprint 3: Make an Offer for MO:ME:NT
Sprint 4: List a MO:ME:NT
Sprint 5: Game4Ukraine
A football match was organized with the noble purpose of raising funds to aid in the reconstruction efforts in Ukraine, a response to the Ukraine-Russia crisis. This event saw the participation of senior football celebrities who generously contributed to raise awareness and collect donations. During this period, our company underwent a significant rebranding process, transitioning from MO:ME:NT to Cheers. Under the “Cheers" brand, we assumed the role of the official NFT platform for the project.
We served as the official NFT platform for this significant project, offering users the opportunity to purchase NFTs associated with the football games. A portion of the proceeds from these NFT sales was dedicated to charitable efforts aimed at aiding the reconstruction of Ukraine. This initiative was a sizable undertaking, and as such, it spanned a duration of approximately three weeks.
Within this extended sprint, our initial efforts revolved around extensive brainstorming sessions. These collaborative sessions involved stakeholders and myself, and were aimed at aligning our vision for the project and defining our goals. Given the unique nature of the project, characterized by a lack of historical data, we heavily relied on AI, specifically ChatGPT, to guide our research and design efforts.
Our journey then led us to explore the added value that games in the Metaverse could bring to the platform. We delved into user-friendly methods for purchasing NFTs and enabling users to customize their jerseys—a novel concept that allowed users to create NFTs based on the jerseys they wore. The teams, represented by yellow and blue, were inspired by the colors of Ukraine.
The process involved four key phases: research guided by ChatGPT and AI, ideation, iterative development with intensive handoffs to developers over a weekend, and in-house testing sessions that garnered valuable feedback. Ultimately, we successfully launched the platform, attracting a substantial user base who greatly appreciated the experience.
In the post-launch phase, we conducted user interviews, receiving largely positive feedback. There were some minor concerns related to the login protocols, which stemmed from the integration of a third-party platform. However, our team promptly addressed and resolved these issues during the project's timeline.
Sprint 5: Cheeers New Website Design (Focus on Brands)
The company underwent a strategic shift as they recognized the immense potential in building and designing Metaverse spaces. This decision was driven by the lucrative opportunities it presented. Consequently, we redirected our platform's focus toward the creation and development of 3D spaces, particularly catering to brands interested in establishing their Metaverse presence.
In light of this transformation, I undertook a redesign of the landing page, pivoting its emphasis from end-users to a brand-centric approach. To facilitate this shift, I commenced with thorough research, conducting competitive analysis, including a study of platforms like Fansea. Additionally, I engaged in discussions with stakeholders to gain insights into the company's evolving direction.
Startups often exhibit agility in adapting to new horizons, and this change was no exception. Leveraging the information garnered from stakeholder interviews, I proceeded to define the new direction, which entailed tailoring the platform to serve brands seeking immersive Metaverse experiences, encompassing 3D environments and related offerings. This redesign process involved sketching out various concepts and culminated in the final design phase, aligning the platform with its refined mission.
The Cheeer project was a journey in crafting a seamless, engaging user experience for a brand synonymous with positivity and celebration. Extensive research and user testing provided invaluable insights into the preferences and behaviors of Cheeer's target audience. This knowledge formed the foundation for a visually vibrant interface, striking a balance between energetic and approachable. The design ensures intuitive navigation, while a robust recommendation engine offers personalized suggestions, enhancing the user's journey. Prioritizing mobile responsiveness, the platform guarantees a consistent experience across all devices. Collaborative efforts with the Cheeer team fostered an environment of open communication and feedback, resulting in a final product that surpassed expectations.
In essence, the Cheeer project is a testament to user-centric design and collaborative refinement. It stands as a powerful example of how thoughtful design can elevate digital interactions, leaving a lasting impression on users. This project embodies Cheeer's spirit while providing a delightful, intuitive, and personalized experience. I'm immensely proud to have contributed to this endeavor and eagerly anticipate the positive impact it will have on Cheeer's users and the brand's ongoing success.
What did I learn?
I learnt about how harnessing the Power of AI for UX Research can help in understanding user behaviors and preferences. By employing advanced analytics tools and machine learning algorithms, we were able to sift through vast amounts of data efficiently.
I also learnt how effective management of stakeholders' expectations was instrumental in driving the success of the Cheeer project.