Kriptomat Trading Platform
Kriptomat's passion for cryptocurrency is deeply intertwined with their commitment to simplicity, accessibility, and integrity. Kriptomat brings together decentralized and centralized finance in one intuitive platform. Whether you’re exploring DeFi, CeFi, or connecting with Web3 — they simplified buying, selling, storing, and investing in cryptocurrencies.
Challenge
Allow normal users and financial analysts to buy, trade and analyse cryptocurrencies. Have the ability to see currency's data throughout time.
Outcome
Develop a server-side rendered crypto overview application that is Search Engine Optimized and efficient for browsing over 10,000+ coins.
Role
Front-end developer
Methodology
I leveraged Nuxt 3 to make the application server-side-rendered and optimized for marketing and SEO purposes. I used lightweight-charts and apex-charts to display token prices over user selected time.
Technologies
Research
During the research phase, I sought to understand the frustrations our clients go through everyday and what information impacts their business the most.
After a few sessions with my team and talking to our clients we come up with these insights:
- 1. Clients normally have more than one company with multiple Business Units
- 2. Clients want full company analysis both with single or multiple unit analysis:
- - Company analysis is done only on one company at a time
- - Units are treated as filters which will bring clients more flexibility
- 3. Clients want to see:
- - Unit Comparison by time
- - Revenue Unit Comparison
- - Income line chart
- - Top items
- - Sales filtered by category
- - Staff sales overview
- - Loyalty report
- - Warehouse status
- - Receipt overview
- - Revenues and expenses
- 4. Sale Reports:
- - Time
- - Sector
- - Staff
- - Payment method
- - Sale
Prices page
Prices page offers users a centralized and intuitive interface to effortlessly monitor crypto tokens, providing real-time price updates and comprehensive data for a seamless and informed investment experience.
Search for tokens
Users can efficiently search for tokens using a convenient search feature, enhancing their navigation experience. With a keyboard-friendly interface, the process is streamlined, allowing for quick and precise interaction.
Single Token Overview
This page offers a detailed token analysis with an interactive historical chart and a currency conversion calculator. Users can set price alerts and access market data for valuable insights into market sentiment, trading volume, and other crucial metrics, further facilitating informed investment decisions.
Language and Currency Change
Users can seamlessly switch between languages and currencies, tailoring their experience to their preferences and international financial requirements with ease. Moreover, the page is SEO-optimized for each language, ensuring optimal visibility and accessibility across diverse global markets.
Prices page
On mobile you'll find the same real-time updates, interactive charts, and comprehensive data, ensuring that your mobile investment experience is both powerful and user-friendly.
Search on mobile
Search functionality remains consistent across all devices, offering a seamless experience whether you're on a desktop or mobile.
Single token overview
Single token overview feature retains its full functionality on mobile devices, delivering a comprehensive analysis of your selected cryptocurrency. Despite the smaller screen, you can still explore interactive charts spanning historical data, customize timeframes, and utilize our currency conversion calculator.
