APP UI/UX Design

“Teachify One” for Content Creators

I conducted below in this project
Brainstorming with UX Designer Record Observations of Research Assist UX Designers Information Architecture Lead of UI design Design Prototyping

Background

I participated in the "Teachify One" product design contest, a real-life business case challenge, which presented an excellent opportunity to apply my design skills within a simulated real-world environment. The "Teachify One" platform supports content creators by providing an all-in-one solution that simplifies sharing knowledge, selling online courses, operating a membership system, and hosting live events. This setup allows creators to efficiently manage their content and community, fostering growth and engagement.

  • The problem
    • Customer service issues remain unresolved
    • Product decisions take a long time
    • Payment system: Subject to numerous restrictions under Taiwanese regulations
  • The goal
    • Increase registration numbers
    • Boost file upload volume
    • Enhance digital file transaction volume

The Solution

Summary

Teachify One is a graphic and video application designed for beginners, combining the elements of a "platform," "tools," and "community." It aims to enhance creators' productivity and provides unlimited possibilities for them to explore and develop their creations.

Product Strategy - 4Ps
  • 1
    Product - Community Tools for Creators

    Over 1000 free templates with AI functionality that helps creators complete content in just a few seconds. It also offers an opportunity for creators to monetize their knowledge and sell it on the platform, generating passive income.

  • 2
    Price - Free Registration and Use

    The platform adopts a low-commission sales model, enabling creators to earn more when selling their content.

  • 3
    Place- Global Online Platform

    A global creative community that allows creators to interact, collaborate, and sell content without geographical limitations.

  • 4
    Promotion - Contests and Creator Events

    Offering special promotions, hosting contests, or providing free trials are effective ways to attract creators.

Project Overview

The issue that TeachifyOne wants to solve

How can we help creators sell digital files or content and give those interested in trying an opportunity to join Teachify One?

  • Target User
    • Individual creators
    • Users exploring the potential of selling digital products

    • Users unwilling to conform to platform policies or audience restrictions
  • Time
    • 7 weeks - UX & first version of UI Design
    • 4 weeks - Second version of UI Redesign
  • Team Member
    • 3 UX Designers
    • 3 UI Designers

Research

Competion Analysis
User Research

After conducting in-depth interviews with eight full-time creators, it was found that they commonly face issues such as uncertainty in content distribution, challenges in promotion, and limitations in time and resources. These findings provide a basis for developing targeted solutions.

The Pain Point
  • 1
    No Time

    The Battle Between Creativity and Time

  • 2
    No Resource

    Lack of Additional Manpower

  • 3
    No Rewards

    Lack of Extra Incentives

Persona

Starting Design

Wireframes

After completing all user interviews, our UX design team created wireframes based on functional blocks, dividing the entire process into three core parts:

Onboarding and Registration Process

One UX designer is responsible for designing the entire user experience from the first interaction with the app to registration and the homepage.

Uploading Content Process

Another UX designer focuses on how users can conveniently and quickly upload and manage their creative content.

Personal Page Features

A third UX designer is in charge of designing the personal page features, including profile editing and content display.

Each UX designer works closely with a UI designer to jointly develop and refine the interface, ultimately integrating everything into a cohesive and coordinated app design.

Design System

After multiple design discussions, we decided to use Teachify's original brand colors to reduce development costs. We also organized the components that will be used in the design. Since we are working as a team, this highlights the importance of overall consistency.

Usability Study

User Testing

After completing the initial wireframe, we organized a round of user testing, inviting target users to interact with our prototype. This testing helped us gain a deeper understanding of the issues users encountered during actual use. Based on their feedback, we made critical adjustments to the user scenarios and features to ensure the final product better meets user needs and enhances the overall user experience.

  • Before

      The content wall was intended to attract creators to create

  • After

      Adjusted to set the template wall as the main default screen

  • Before

      Forced redirection to input sales price

  • After

      Allow users to choose between selling their content or making it freely accessible to everyone

Accessibility considerations
  • 1
    Provide Dark Mode

    A dark background can significantly reduce eye strain and discomfort caused by bright light

  • 2
    Adhere to WCAG Colour Contrast Standards

    This helps users with visual impairments to better read and understand information on the interface, improving text readability

  • 3
    Optimize Search Filters and History

    Enhances the usability of the interface, considering users who may require less physical effort or cognitive load

Feedback

User Feedback

During our user testing phase, we gathered valuable feedback from users, which is crucial for the iterative improvement of our product. The actual experiences and suggestions from users helped us identify several areas for enhancement. This not only improved the product's usability and functionality but also increased overall user satisfaction. These positive feedbacks demonstrate our team's commitment to enhancing user experience and have guided subsequent design directions and feature optimizations.

Feedback from senior designer judges

During this design competition, our team received valuable feedback from senior designer judges. After the competition ended, I did not stop improving but continued to refine and optimize the design based on the judges' suggestions, aiming to further enhance the product's user experience. This process not only strengthened my design skills but also deepened my understanding of the nuances of user needs.

Takeaways

What I learned

In this project, I had the privilege of collaborating with designers from diverse backgrounds to develop a new product. Throughout the process, we worked closely together, held regular meetings to discuss progress, conducted user research, explored design styles, and performed competitive analysis. Each step not only deepened my understanding of teamwork but also enhanced my professional skills. Although we occasionally had disagreements during the collaboration, we always resolved them in a fair, reasonable, and rational manner. This experience has given me a profound appreciation for the power and beauty of teamwork.

Next Project arrow_forward

Pet Management App