As the main catalyst for the rise of online classes, the pandemic brought several noticeable changes. With the introduction of various platforms and online courses, lack of options ceased to be a problem. Now, we face the issue of engagement, where many people enroll in numerous courses but fail to complete them or interact meaningfully.

In this project, developed during the UX/UI course at EDIT, we were tasked with finding an effective solution to this engagement problem. This led to the creation of LECTURE: a gamified online education platform tailored for the artistically inclined, which also offers the support of an expert mentor to guide learners throughout their educational journey.

Vision statement.

Proto persona. https://www.figma.com/board/mRZCaa6UE7EdyE5Md4v5dv/Proto-persona?node-id=0-1&t=QnhQhg2YWsQqRa9V-1 (In portuguese)

User interviews. https://www.figma.com/board/sGFQaix72ikypub1yGIAoP/Research-Goals%2C-objectives%2C-interview-questions%2C-competitive-research?node-id=0-1&t=PM7iAoiWtkW95XUX-1 (In portuguese)

Competitive research.

Affinity mapping. https://www.figma.com/board/D44mw9Vd3k4RzI9cRWeilN/Affinity-Mapping?node-id=0-1&t=h9AAVuF2ZDcVcwID-1 (In portuguese)

Qualitative persona.

User journey. https://www.figma.com/board/nK4aDOJZ5ajagdHLCIFCnX/User-journey?node-id=0-1&t=xy0Kdm2oFj7TM4sG-1 (In portuguese)

POV statement. https://www.figma.com/board/MN1pkJG8xYYKrWLP88pwPx/Problem-statement-%26-How-might-wes?node-id=0-1&t=cUrF3nMpt75xZwBp-1 (In portuguese)

How might we. https://www.figma.com/board/MN1pkJG8xYYKrWLP88pwPx/Problem-statement-%26-How-might-wes?node-id=0-1&t=cUrF3nMpt75xZwBp-1 (In portuguese)

Benchmark

6-UP and storyboard. https://www.figma.com/board/MN1pkJG8xYYKrWLP88pwPx/Problem-statement-%26-How-might-wes?node-id=0-1&t=ZNagQTB6AsNsI5Eb-1 (In portuguese)

Content strategy and Information architecture. https://www.figma.com/board/PKAy0Fp6AixYB1kiFNiqiB/Information-Architecture-and-content-strategy?node-id=0-1&t=amx3iI6kayxTFSXB-1 (In portuguese)

User flow. https://www.figma.com/design/6JVY3RjxM8IZkz1rwVpoMp/User-flow-and-Information-architectural---final?node-id=0-1&t=HkF4lsnM77PPDUf4-1 (In portuguese)

Sketches and Wireframes.

Low and high fidelity Mockups.

Low-fi usability testing. https://www.figma.com/board/tGlkKGay58DzfHnIWQ6a8K/Testes-de-usabilidade?node-id=0-1&t=67ZfvPqGqNw16xL7-1 (In portuguese)

Figma prototype

With many existing options and little differentiation, we needed to find a way to stand out in the market. We focused on targeting a niche audience—the artistically inclined—and used gamification to enhance engagement and enjoyment.

Ensuring seamless integration of the buddy program was challenging due to its complexity. We aimed to simplify it as much as possible, ensuring all elements were harmonized and interconnected for a smooth, supportive learning experience.

Our project for the UX/UI course provided valuable experience in addressing real-world design challenges. Through LECTURE, we refined problem-solving skills, exploring market differentiation and integration complexities.

Leveraging gamification and user-centered design principles, we enhanced engagement and user experience. This project demonstrates our ability to apply theoretical knowledge to practical design solutions, preparing us for future endeavors in the UX/UI field.