I joined this project at the beginning to support the creation of the design system that would later be used as a white label for different projects that have been tokenized from the group like Fittoken or Zeemcoin.
I was also in charge of the design of the landings of the different blockchain training courses, of any event and its creativities.
I redesigned the user experience in the traditional training courses notebook. Giving more freedom, tools and feedback on the different syllabi and documents that would be attached to each course.
Design System Development
One of my key contributions was in developing the design system for Tutellus, which was crucial for its tokenized projects such as Fittoken and Zeemcoin. My role involved creating a modular, scalable design framework that could be applied across various platforms within the Tutellus ecosystem.
The design system was intended to serve not only Tutellus.com but also the white-label projects. This required creating a consistent visual language—from typography to color schemes and component structures—that could be easily adapted. The result was a flexible yet unified design structure that maintained brand identity while allowing customization for specific tokenized projects. This system ensured efficiency in development, consistency across the brand, and a coherent experience for users across different projects.
Landing Pages for Blockchain Courses and Events
I was also responsible for designing multiple landing pages for blockchain training courses and special events. My focus here was to create landing pages that were engaging, visually appealing, and optimized for conversions. For the blockchain training courses, I designed pages that communicated complex information in a digestible way while still maintaining an exciting and modern aesthetic that aligned with the tech-driven focus of the company.
Each landing page was designed with the user journey in mind, featuring clear calls to action, concise descriptions of each course or event, and strategically placed elements to maximize sign-ups. I also incorporated visual creativity for event-specific promotions, using custom graphics and interactive elements to captivate the audience, thus increasing user interaction and engagement.
Redesign of Traditional Course Notebooks
The user experience in the course notebooks—especially for traditional (non-blockchain) courses—was another area where I led significant changes. My goal was to give students more freedom and flexibility in how they interacted with course materials.
I introduced features such as customizable syllabi, allowing students to tailor their learning path, and collaborative tools for better interaction between students and instructors. Feedback mechanisms were also enhanced, enabling learners to provide real-time responses and reviews on course materials. This shift from a static notebook to a more dynamic learning environment provided users with better control over their educational experience, increasing user satisfaction and engagement.
Creation of the Decentralized App
The launch of the Tutellus dApp was a pivotal moment in expanding the company’s blockchain capabilities. I collaborated with the development team to ensure that the dApp’s user interface was not only visually appealing but also intuitive. Since decentralized apps can often be complex and daunting to navigate for new users, I focused on creating a streamlined, user-friendly interface that made it easy for users to interact with the blockchain features.
We used the previously developed design system as a foundation, ensuring that the dApp maintained a consistent visual identity with other Tutellus platforms while being tailored to the specific functionalities of a decentralized application. The design emphasized simplicity and transparency, ensuring that users could manage tokens, courses, and decentralized features with ease.
Landing Pages for Blockchain Courses and Events
In 2022, we implemented a visual overhaul of Tutellus.com to bring the platform up to date with modern design trends and improve the overall user experience. The redesign was focused on enhancing visual appeal while ensuring the interface remained functional and intuitive.
Key visual updates included:
A cleaner, minimalist layout to reduce cognitive load and make navigation smoother.
New typography and a refreshed color palette that aligned with the evolving brand identity.
A more responsive design, ensuring the platform provided a consistent experience across all devices, from desktop to mobile.
Integration of micro-interactions and animations to guide user actions subtly, enhancing the overall user engagement.
These changes ensured that Tutellus.com continued to feel like a cutting-edge, user-centered platform, aligning with its position as a leader in blockchain-based education.
