PROJECT DATE ///

Jun 9, 2023

AGENCY ///

Freelance

ROLE ///

UI/UX Design

ChatClass Website and YouTube Advertisement Development

In collaboration with ChatClass, a leader in AI-driven course and training development via Instagram and WhatsApp, I crafted the usability and visual direction for their new website, developed the flow and layouts in Figma, and brought the design to life using Webflow. The site features dynamic generative text and micro animations to reflect ChatClass's innovative approach. Additionally, a YouTube advertisement was created to highlight their unique AI-powered solutions.

Project Overview

I had the pleasure of collaborating with ChatClass, a pioneering company in AI-driven course and training development via Instagram and WhatsApp. My responsibilities included crafting the entire usability and visual direction for their new website, developing the flow and layouts in Figma, and bringing the design to life using Webflow. Additionally, I created a YouTube advertisement to showcase ChatClass's market leadership.

About ChatClass

ChatClass was founded by Jan Krutzinna, a Harvard graduate with a B.A. in Computer Science and Psychology and an MBA in International Entrepreneurship. Jan identified a gap in English fluency despite extensive study among students. To address this, he developed a course utilizing artificial intelligence to enhance students' speaking skills and fluency.

Webflow Development

  • Usability and Visual Direction: I designed a user-friendly and visually captivating website, focusing on seamless navigation and an engaging visual experience.

  • Flow and Layouts in Figma: I carefully designed the flow and layouts in Figma, ensuring an intuitive user journey and interaction.

  • Development in Webflow: After finalizing the design, I developed the website in Webflow, ensuring it was responsive and functional across various devices.

Visual Identity

Inspired by the concept of generative text as a visual trigger, I incorporated various micro animations throughout the site. Text elements like CTAs and headers appeared to be "generated automatically," enhancing the site's dynamic feel and reflecting ChatClass's innovative approach.

YouTube Advertisement

To further establish ChatClass's market presence, I developed a YouTube advertisement highlighting their leadership in the industry. The ad effectively communicated the unique value of ChatClass's AI-powered courses and training programs

© Jorge Junior

2025