TUTELLUS

UX/UI DESIGNER

UX/UI DESIGNER

Tokenize your ideas

Tokenize your ideas

Tutellus is an educational platform, in its origins you could find courses on a variety of topics, from programming to digital marketing. At the moment the educational line is more focused on blockchain technology and connecting students with professionals and agents in the sector.


At the same time it allows users to learn interactively and earn cryptocurrencies as a reward for completing courses and contributing to the ecosystem. It also offers opportunities to invest in projects born within the ecosystem or to launch your own tokenized project through the decentralized app.

Tutellus is an educational platform, in its origins you could find courses on a variety of topics, from programming to digital marketing. At the moment the educational line is more focused on blockchain technology and connecting students with professionals and agents in the sector.


At the same time it allows users to learn interactively and earn cryptocurrencies as a reward for completing courses and contributing to the ecosystem. It also offers opportunities to invest in projects born within the ecosystem or to launch your own tokenized project through the decentralized app.

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.

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

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.

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.

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

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.

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.

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

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.

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.

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

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.

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.

Smart Chain

0xB38............844d

$51,245.89

USD

Account 1

TOKENS

NFTs

Receive

Buy

Send

Swap

1.3135 ETH

$368.79 +4.86%

1.3135 SHIB

$368.79 +3.65

0.4285 BTC

$368.79 -6.28%

368.79 USDT

$368.79

0.3135 BNB

$368.79 +2.69%

1.3135 XRP

$368.79 -5.79

Wallet

Browser

Activity

Settings

9:41

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.

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.

Visual Overhaul of Tutellus.com

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.

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.

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.

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.

© Aitor Freije Pastur 2024
UX/UI Designer & Product Designer