Vetme Crypto
Wakama Ene | Senior UI/UX Designer | Tools: Figma, Excel
Company Overview:
Vetme is a crypto based company that has different utilities they want to provide to users in the crypto space. The company has three products namely:
Project Details:
1. Vetme OTC Product
VetMe's OTC platform is a decentralized platform that allows users to connect their wallets, such as MetaMask or Trust Wallet, to the platform. This enables users to trade tokens securely and directly with one another, without the need for intermediaries or centralized exchanges. On the platform, users can choose to either list or swap their tokens. To list a token, a user offers to exchange it for another token at a fixed price.
Problem statement:
In the world of cryptocurrency, the Over-The-Counter (OTC) market serves as a crucial tool for conducting substantial transactions with digital assets in a secure and confidential manner, free from unwanted scrutiny. While OTC trading offers numerous benefits, a significant hurdle lies in finding reliable and trustworthy counterparts for these transactions, particularly in the absence of regulatory oversight in the crypto space. This unregulated environment poses risks such as security concerns, fraud potential, and the possibility of unethical practices, making it challenging for individuals to engage in OTC transactions confidently. 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 we were designing three products of Vetme within a short period of time.
Project Timeline
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.
Design Process & Solution:
Empathizing with Potential Users:
Empathizing is the first stage of the design thinking process. I led the design team in conducting concrete research to get a personal grasp of their users' needs. I set aside assumptions to obtain insights into the users world by observing and consulting with users. This way, I and my team can understand users' experiences, motivations and problems.
1. Primary research:
In this project, I followed two research methods i.e Qualitative and Quantitative analysis. I and my team did some interviews with quite a number of people who understand the difficulties faced when doing business with people online. In the quantitative analysis, I took surveys of a few people too.
2. Secondary Research
In the competitive analysis conducted for both Changelly and Gigaswap platforms, we followed a systematic approach to assess their strengths,weaknesses,purpose, target audience etc. Here's a summarized overview of the analysis process and key findings:
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.
Define
Defining is the second stage of my design thinking. During this stage, I led the team to create user personas and empathy maps to put us in the mindstate of the users based on information we collected during interviews at the initial stage.
Personas
Empathy Map
Ideate
The process commences with ideation and conceptualization, where my design team and I collaborated to brainstorm ideas and potential concepts for the product. We explored various design directions, considering user needs, market trends, and the project's goals and constraints. In this phase, based on information collected, I supervised my team of designers in creating a user flow diagram and paper sketches for the product.
Prototype
Protype (HI/LO FI Designs) which is my fourth design process. Certainly, discussing the prototype design process is pivotal in ensuring the successful development of innovative and user-friendly products. As a professional Lead Designer, I'd like to elaborate on the various phases and considerations involved in this crucial endeavor.
Wireframing
We had a clear concept in mind, we proceeded to create wireframes from the sketches. These low-fidelity representations help us define the product's structure and layout. Wireframes serve as the blueprint, outlining the key elements and functionalities.
Hifi Designs and Prototypes
Moving to the heart of the design process, we created the style guides, Hi fidelity designs, components and interactive prototypes. These prototypes provide a tangible experience of the OTC product's functionality, flow, and user interactions. We use the prototyping tools to simulate user interactions, such as clicking buttons, navigating menus etc. We converted the web version into mobile version to provide a seamless user experience, it's essential to adapt the web design to fit these varying screen sizes. A responsive mobile version ensures that content is legible and accessible on all devices.
Style Guide
Hi Fi Design
Components
Prototype
Testing
With the help of the front end developer we got the prototypes developed and conducted user testing. We involve target users to gather feedback and validate the design. User testing helps us identify usability issues, pain points, and areas for improvement for the product. We got feedback and re-adjusted the designs before launching the product.
Rebranding
At the end of the entire project (OTC, KYC and P2P), the company chose to undergo some rebranding such as its logo to reach out to a larger audience with an image abstact enough to accomodate different type of tech products under it.
2. Vetme KYC Product
Vetme KYC is Know Your Customer (KYC) is a platform that are designed to protect financial institutions against fraud, corruption, money laundering and terrorist financing. KYC involves several steps to: establish customer identity; understand the nature of customers' activities and qualify that the source of funds is legitimate
Problem statement:
Web profiles are not enough to establish a potential client's identity and personality. More is usually needed to ensure that one is making the right decision at every business turn. However, a lot of people have had to contend with avoidable risks and losses because they are unable to verify the details of their client(s).
Scope and constraints:
The Scope of the project
Throughout the course of the project, one significant constraint emerged as we were designing three products of Vetme within a short period of time.
Project Timeline
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.
Design Process & Solution:
Empathizing with Potential Users:
At the forefront of the design thinking process is empathy. Guiding the design team, I orchestrated thorough research aimed at gaining an intimate understanding of our users' requirements. I consciously put aside any preconceived notions, opting instead to immerse myself in the users' environment through observations and in-depth consultations. This approach allowed both my team and me to grasp the intricacies of users' experiences, uncover their motivations, and identify the challenges they faced.
1. Primary research:
User Research focuses on understanding user behaviors, needs, and motivations through observation techniques, task analysis, and other feedback methodologies.
In this project, I followed two research methods similar to the OTC project to save time i.e Qualitative and Quantitative analysis. I and my team did some interviews with quite a number of people who understand the difficulties faced when doing business with people online. In the quantitative analysis, I took surveys of a few people too.
2. Secondary Research
In the thorough competitive analysis conducted for both Cyberscope and Solidproof platforms, we adhered to a structured methodology to evaluate their respective strengths, weaknesses, intended purpose, and target audience. Here is a condensed outline of the analysis process and its notable discoveries: These insights, customized to the unique goals of each analysis, offer crucial perspectives on the competitive environment. They guide design and strategic choices, guaranteeing that user requirements and industry trends are aptly attended to for both Cyberscope and Solidproof platforms."
Define
In the define stage we reused the Personas and empathy map but tweeked it to KYC users due to the fact that we had a short time to do the project.
Personas
Empathy Map
The Eisenhover Matrix
The Eisenhover Matrix is a tool used in UX design to prioritize tasks and activities. its also known as the Urgent-Important Matrix or the Covey Matrix. It is a grid with four quadrants that are determined by the urgency and importance of the task.
Ideate
Ideating is the third phase of my design process. In this phase, based on information collected, I supervised my team of designers in creating a user flow diagram and paper sketches for the product.
Prototype
Creating prototypes, whether in high or low fidelity, constitutes the fourth phase of my design process. Delving into the prototype design process is essential for the successful creation of user-centric and innovative products. In my role as a seasoned Lead Designer, I'm eager to detail the distinct stages and important considerations that underlie this vital undertaking
Wireframing
With a well-defined concept in place, we moved forward to transform our sketches into wireframes. These low-fidelity depictions assist us in shaping the product's framework and arrangement. Wireframes act as the foundational plan, delineating the essential elements and functionalities.
Hifi Designs and Prototypes
Transitioning to the core of the design process, we developed the high-fidelity designs, incorporating components and interactive prototypes. These prototypes offer a hands-on encounter with the KYC product's functionality, its flow, and user interactions. Utilizing prototyping tools, we simulated user actions, including button clicks and menu navigation. Transforming the web version into a mobile format was imperative to ensure a smooth user experience. Adapting the web design to accommodate diverse screen sizes guarantees that content remains readable and accessible across all devices.
Hi Fi Design
Components
Prototypes
Testing
Vetme KYC is currently being developed by the dev team. When its out I'll leave the link here for all to preview.
3. Vetme P2P Product
P2P Escrow Service System on the Blockchain
With our P2P escrow service system, you are assured of security and safety when doing business on any blockchain-dependent platform.
Our reputation precedes us and we are trusted by many across the world to ensure that all the parties involved in a deal are guaranteed satisfaction and maximum safety for their services and resources.
For instance, Dan needs the service of a developer and to be assured of getting the best of the transaction, Dan employs VetMe escrow for the transaction. The developer is contacted for a lob offer and he decides to proceed with the escrow-involved transaction. By proceeding, it means that VetMe, as the middleman, will collect the payment for the service from the hirer. It is until the hiring party approves that the job done is satisfactory that VetMe will release the money to the contracted developer. This way, a transparent deal is achieved with the parties involved satisfied.
Problem statement:
The rise of blockchain technology and its attendant features disrupted the regular way of doing business across the globe. But it is unregulated and fraught with danger. It then becomes easy to fall victim to counterfeiters and rookie merchants. Consider Cris who regularly needs professionals to help him with designs and mapping. He finds people online and pays them in advance to get the job going. However, he ends up getting duped each time. It is either the person he pays to vanishes into thin air or he gets an abysmal service in return. It becomes apparent that an escrow service would solve his headaches overnight.
Scope and constraints:
The Scope of the project
Throughout the course of the project, one significant constraint emerged as we were designing three products of Vetme within a short period of time.
Project Timeline
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.
Design Process & Solution:
Empathizing with Potential Users:
Empathize is the first stage of the design thinking process. I conduct research to get a personal grasp of their users' needs. I set aside assumptions to obtain insights into the users' world by observing and consulting with users. This way, I can understand users' experiences, motivations and problems.
1. Secondary Research
In this project, I conducted a competitive analysis which was carried out on three brands namely: Vesicash, Trustap & Escrow. We followed a systematic approach to assess their strengths,weaknesses,purpose, target audience etc. Here's a summarized overview of the analysis process and key findings: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 Vesicash, Trustap & Escrow platforms.
Define
Defining is the second stage of my design thinking. During this stage, I led the team to create user personas and empathy maps to represent our target user groups based on information we collected during interviews at the initial stage.
Personas
Empathy Map
The Eisenhover Matrix
We created an eisen hover matrix which is a task management tools that helps me organize and prioritize tasks by urgency and importance.
Ideate
Ideating is the third phase of my design process. In this phase, based on information collected, I supervised my team of designers in creating a user flow diagram and paper sketches for the product.
User Flow Architecture
The User flow architecture provides a visual representation of the paths users take within the product. This visualization helps us and stakeholders understand how users navigate through the interface, allowing for a clear view of the entire user journey.
Prototype
Creating prototypes, whether in high or low fidelity, constitutes the fourth phase of my design process. Delving into the prototype design process is essential for the successful creation of user-centric and innovative products. In my role as a seasoned Lead Designer, I'm eager to detail the distinct stages and important considerations that underlie this vital undertaking
Wireframing
With a well-defined concept in place, we moved forward to transform our sketches into wireframes. These low-fidelity depictions assist us in shaping the product's framework and arrangement. Wireframes act as the foundational plan, delineating the essential elements and functionalities.
Hifi Designs and Prototypes
Transitioning to the core of the design process, we developed the high-fidelity designs, incorporating components and interactive prototypes. These prototypes offer a hands-on encounter with the KYC product's functionality, its flow, and user interactions. Utilizing prototyping tools, we simulated user actions, including button clicks and menu navigation. Transforming the web version into a mobile format was imperative to ensure a smooth user experience. Adapting the web design to accommodate diverse screen sizes guarantees that content remains readable and accessible across all devices.
Hi Fi Design
Components
Prototypes
Testing
User testing helps us identify usability issues, pain points, and areas for improvement for the product.
Jacob’s Dashboard sidebar isn’t adjusting or adapting properly when he switches from one section to another. The lack of responsiveness may indicate a technical issue or UX flaw. Also the search bar UI doesn’t look good.
The client we are working for called and said he wanted some adjustment like: Including milestones option to the product. So that employer can create milestones options or a whole. So we looked into it and decided to design it
Conclusion
My design was delivered to the UX Engineer and the design was able to guide him through his engineering process. Communications were done via mails and video calls. During the User Testing Phase we got great feedback from the users who were happy that their pain points were solved. The CEO expressed his joy for the new designs because he could already see the improvements in design. We are forecasting 50% increase in sign ups and 75% increase in user retention.
What did I learn?
I learnt about how great research can help direct designs properly and how recording research session can help curb bias in designs.
More Works
Cheeer
Cheeer (Formerly known as MO:ME:NT) is a Web2/Web3 company revolutionizing...
Voice TTS
Hyperionics Technology, the developers of Voice TTS App are a Tech company in...
