top of page
TREADEZING
What is Tradezing?
Tradezing is an online trading platform that aims to empower individuals with the tools and knowledge necessary to navigate the world of financial markets. Tradezing provides a comprehensive range of services designed to cater to both novice and experienced traders. The platform offers access to a wide array of financial instruments, including stocks, commodities, currencies, and cryptocurrencies.
Tradezing
Tradezing admin penal
Tradezing NFT Widget
Zingbot
Project
Product Design &
Concept development & Researcher
Role
OCT 2022 to MAR 2023
Date
Contributed to the development of user-friendly admin panels, designed NFT Widgets, Zingbot for the Majoy project.
Description
Working on
Onging Projects
On the TradeZing project, I work closely with the senior designer to translate his concepts into polished design screens. Through ongoing collaboration and thoughtful discussions, we refine design elements and ensure all updates maintain consistency. The vibrant blue gradient we use reinforces the brand’s dynamic, innovative spirit and ensures visual cohesion across all platforms.
PLANING PHRASE
Building the
Back-End Control Penal
We require an administrative panel that grants us comprehensive control over the trazeing platform. This necessitates access to posted videos, advertisements, transaction records, and various other data points such as user engagement rates and demographics. Therefore, it's crucial to outline a comprehensive list of functionalities before embarking on the design of the administrative panel.
USER TESTING
Building Information
architecture
12 participants in total | 0 in-person | 12 online (tool: Optimal Workshop)
Online card sorting for Tradezing's admin panel enables remote stakeholders to organize features according to user preferences, fostering collaboration and ensuring a user-friendly interface tailored to the platform's requirements.
WIREFRAME
Testing the
Infomration Architecture
12 participants in total | 0 in-person | 12 online (tool: Optimal Workshop)
To improve the efficiency of the Tradezing admin panel, leverage tree testing to refine its navigational structure. Present users with a simplified tree-like representation of the panel's hierarchy and observe their ability to locate specific functions. Analyze user interactions to identify and address any navigational issues or inconsistencies. Through iterative optimization, refine the panel's structure to enhance user experience and streamline access to key features within the Tradezing admin panel.
Low-Fi Wireframe
Creating multiple wireframe versions facilitates iterative improvements, early issue identification, and collaborative alignment, enhancing workflow efficiency.
UI DESIGN
Keeping a Clean
and Simple Design File
I collaborated closely with the development team to create the UI for our admin panel. We started by outlining goals and requirements, then proceeded to design wireframes and prototypes. Through iterative feedback and user testing, we refined the UI to ensure usability and functionality. Once finalized, we deployed the admin panel and provided training to employees. Moving forward, I continue to work with the team to provide support and implement updates for further improvement.
Design the interaction
Designing responsive interactions for the admin involves defining various interaction states and incorporating subtle animations to provide feedback. Using CSS media queries and flexible layouts, the interface adapts dynamically to different devices. Through iterative testing, I refine interactions for a seamless user experience.
Designed NFT Widget
Integrating an NFT widget seamlessly into our platform's streaming feature enhances user experience by providing real-time tracking of the NFTs being discussed. This empowers users to effortlessly identify the NFTs highlighted by influencers during streaming events about NFTs.
Information Architecture
In real-world working environments, constraints like tight timelines often necessitate streamlined approaches to user research. For instance, in this project with a one-week deadline, I initiated the conceptual phase by brainstorming with my team. Following this, I referenced popular NFT websites to glean insights on effective NFT widget design and display methods, optimizing our path to the best solution within the limited timeframe.
LOW-Fidelity Design
Utilizing insights from brainstorming and NFT website research, I swiftly crafted a low-fidelity prototype. Sketching basic wireframes enabled rapid iteration and feedback, ensuring alignment with project goals despite time constraints.
Building a
Widget Guideline
In constructing widget guidelines, I integrated insights from the low-fidelity prototype and user research while adhering to Tradezing's brand guidelines. By documenting essential design elements like layout, color schemes, and interaction patterns, I ensured alignment with both user expectations and our brand identity. These guidelines served as a comprehensive reference for the team, promoting consistency and efficiency in widget development.
NFT Widget
Display on The Platform
I created interactive prototypes to showcase how NFT widgets would integrate into the platform's interface. Using the widget guidelines and Tradezing's brand identity, I demonstrated their appearance and functionality within the layout. Through user testing and feedback, I refined the presentation of NFT widgets for an optimal user experience on the Tradezing platform.
NFT Widget When Clicked
NFT Widget Integration
on Tradezing
The NFT widget rollout on TradeZing streamlined discovery, customization, and integration with clear, intuitive design. This user-first approach enhances the trading experience and keeps users engaged with the evolving NFT market. We remain committed to refining and innovating within the platform.
Creating Zingbot
Our platform is evolving to meet the dynamic needs of our users, and integrating a customized chatbot is the next strategic step in enhancing their trading experience. With over 30% of our user base actively engaging in trade transactions daily, the demand for seamless and real-time assistance has never been greater. By introducing a chatbot, we aim to streamline the trading process, offering instant support and guidance to users navigating our platform. Additionally, statistics show that platforms with integrated chatbots experience a 40% increase in user engagement and a 25% reduction in customer support inquiries. With these compelling insights in mind, implementing a tailored chatbot solution aligns perfectly with our commitment to providing a user-friendly and efficient trading environment.
Our Target Audience
are Mostly Gen Z
Our decision to introduce a customized chatbot aligns with the preferences of our user base, primarily comprised of Generation Z. With over 70% of our active users falling within this demographic, who favor chat-based interactions, integrating a chatbot offers a direct and preferred communication channel. Studies indicate that platforms incorporating chatbot features have experienced a notable increase in user satisfaction and engagement, making this integration a strategic move to enhance the overall trading experience on our platform.
Research the Chatbot
companies
In my search for the ideal chatbot solution, I conducted thorough research into various companies. Using industry reports and recommendations, I narrowed down options based on customization, scalability, and integration capabilities. After careful evaluation, I've identified a shortlist of top contenders that align with our requirements, ensuring we select the perfect partner to enhance our platform's trading experience.
Early literations
In the early low-fidelity prototype iterations for ZingBot, I prioritized core functionalities like account authentication and trade execution with simplicity. Basic wireframes were used to outline key screens and user flows, allowing for rapid feedback and iteration. These initial designs laid a strong foundation for further development and refinement of ZingBot's interface and functionality.
How would this Work?
ZingBot's integration with apps like Coinbase would simplify trading on Tradezing. Users can access cryptocurrency trading seamlessly within the platform, execute trades, monitor markets, and manage portfolios without switching interfaces. This integration expands trading options and enhances convenience, offering a comprehensive solution for cryptocurrency trading on Tradezing.
Zingbot On Desktop Side
Similarly, I demonstrated the user flow on the desktop site of ZingBot, showcasing multiple solutions for navigating through essential functionalities such as account authentication and trade execution. Through mockups and wireframes, I emphasized intuitive design and efficient workflows, gathering feedback to optimize the desktop user experience for traders.
Building Command line
To construct a command line interface (CLI) for ZingBot, I first outline essential functionalities users might need, such as checking balances or executing trades. Next, I design a clear interface using relevant programming libraries, and implement logic for each command to interpret user input accurately. Throughout development, I rigorously test for various scenarios and document usage instructions for users' seamless interaction with ZingBot's CLI for their trading tasks.
Interact with ZingBot
I showcased the user flow on the mobile site of ZingBot, presenting various solutions for seamless navigation through key functionalities like account authentication and trade execution. Through mockups and wireframes, I emphasized simplicity and efficiency, gathering feedback to refine the mobile user experience for traders on the go.
Give Zingbot Emtions
We opted to make the ZingBot icon interactive by assigning it various emotions during user interactions. Through animation and subtle expression changes like smiling or frowning, ZingBot conveys emotions corresponding to user interactions, enhancing engagement and intuitiveness.
Summary
In conclusion, the evolution of ZingBot's interface across mobile and desktop platforms has been guided by a commitment to simplicity, functionality, and user feedback. By showcasing various solutions and refining the user flow, we've created intuitive experiences that empower traders to navigate effortlessly and execute trades seamlessly. Through continuous iteration and optimization, ZingBot remains at the forefront of enhancing user experience for traders on Tradezing.
bottom of page