AnyHow

PROJECT OVERVIEW

Duration

2024 Sep - Dec

Position

UI/UX Designer

AnyHow_Logo

AnyHow is a web platform with bite-sized guides to help busy people and creators quickly learn or share knowledge on any topic. Currently, most platforms are niche-specific, focusing on areas like coding, finance, or design. They usually operate on subscription-based models, forcing users to subscribe to multiple services to access a broad range of knowledge. This approach results in added costs and inconvenience for learners who want to explore multiple fields in one place.

Anyhow
AnyHow_logomark

Challenges

A major factor we address is the increasing difficulty people face in maintaining focus for extended periods, due to the popularity of short-form content like TikTok and YouTube Shorts. Traditional learning platforms tend to rely on long-form content, which can be a challenge for modern learners used to quicker, more digestible forms of media. 

AnyHow_logomark

Solutions

Our platform is designed to adapt to these changing consumption habits by offering short, focused learning modules alongside more comprehensive content, allowing users to engage at their own pace.


AnyHow will not rely on expert-led courses. Instead, we empower users to produce and share their own content, creating a community-driven ecosystem. This approach not only makes learning more accessible but also encourages collaboration and the sharing of diverse perspectives. The user-generated content model enables learners to contribute their knowledge and skills, enriching the platform with a wide variety of educational resources that evolve over time.

AnyHow_logomark

User Flows

AnyHow_useflow
AnyHow_logomark

Branding

Values: At the core of AnyHow are three values: Dynamic, Informative, and Focused. These values shape how our brand interacts with users. Offering quick, to-the-point educational content that is always relevant and targeted.

|

Concept: AnyHow aims to create a seamless learning experience with short-form educational content, designed for busy people who want quick, meaningful learning opportunities.


AnyHow_Logo
AnyHow_logo_ver.1
AnyHow_logo_ver.2
AnyHow_logo_ver.3
book_final_2

Icon


Features a book with a bite to represent bite-sized learning, sitting on a squircle for balance and structure.


A dynamic logo animation is used during content loading states. It showcases the Anyhow icon (a book flipping its pages while gently floating in the air) adding personality and keeping users engaged during wait times.

AnyHow_workmark

The wordmark


The brand colors create a dynamic contrast, while the tagline highlights our mission of delivering quick, focused knowledge.

AnyHow_color

Color selection

Our color palette features Green AnyHow, a vibrant, energetic neon green, which pairs with AnyHow Dark Purple, a sophisticated shade that brings balance. These colors were chosen to evoke energy and trustworthiness, perfectly aligned with our values.

AnyHow_typeface

Typeface

We chose Satoshi as our primary typeface. It's modern, clean, and perfectly suited for our focus on clarity. The simplicity of this font ensures that our users are never distracted from the content they came to see. 

AnyHow_logomark

Wireframes

Home
Desktop / Mobile

104 _ 48 _ 126
home_mobile

Search results
Desktop / Mobile

search_D
Search_M

Study Guide
Desktop / Mobile

StudyGuide_D
Study Guide_M

Dashboard
Desktop / Mobile

Dashboard_d
Dashboard_M

About us
Desktop / Mobile

about us_d
about us_m
AnyHow_logomark

Mockups

Home
Desktop / Mobile

Home_Logged
24 _ 16 _ 25

Search results
Desktop / Mobile

SearchResult
24 _ 16 _ 24

Study Guide
Desktop / Mobile

Study Guide
Mobile
AI QA

Ask Any 

Users will be able to ask AI assistant questions regarding the learning material.

Highlight

Users will be able to highlight and save it.

Highlights

Create study guide
Desktop / Mobile

Guide- Input Content_Desktop
Guide – Input Content

Generate quiz 
Desktop / Mobile

Quiz generating_Desktop
Generated Quiz

Dashboard (Creator)
Desktop / Mobile

Content Creator Dashboard
Content Creator Dashboard(Mobile)

Dashboard (Learner)
Desktop / Mobile

Learner Dashboard
Learner Dashboard(Mobile)

About us
Desktop / Mobile

Desktop_About us
Mobile_About us
Group

ABOUT ME

WORK

CONTACT

instagram
email
fa-brands_linkedin-in
View