Anynote: Innovative Board Reshaping Teaching Methods

Experience multimedia teaching at its best. Whether sketching, writing math equations, creating curves, or presenting charts, AnyNote redefines traditional whiteboard use with enhanced fun and versatility.

Client
YEARS
2024
Anynote Hero

about the project

The Client

AnyBoard stands as a smart device provider in Indonesia, offering an all-in-one whiteboard that puts everything — projector, processor, speaker, storage, memory, visualizer and more — inside one simple, stylish enclosure.

Challenge

In a case study of this digital product, we need to create a phase-2 Whiteboarding design and annotation tool on unique hardware and software functions that have been previously established without changing many interactions in the existing system that has been established.

Our Solution

We want to make AnyNote a learning tool that helps and facilitates learning and teaching activities in school.

So it requires a good user experience and an interface that is easy to read for teachers and students. Moreover, they also use special devices that can only use certain software.

Designer’s Words

Working directly with the mastermind on this project was an invaluable experience. Executing a program that was not only conceptually new to me but also involved a proprietary device required an extra layer of hands-on validation. Live design sessions, periodic previews, and thorough internal testing were essential to delivering a product that surpasses existing solutions widely used in accredited schools.
Adi Pramudya
Adi Pramudya
Senior UI/UX Designer
Anynote UI 1Anynote UI 2Anynote UI 2Anynote 3 UIAnynote UI 4Anynote UI 3

Iconic Design, Advance Engineering

Multimedia teaching ready. Write your drawing, math equation, curve, or chart on Anyboard. It is more fun than your traditional whiteboard.

UI/UX Revamp Journey

Our team crafted a seamless and intuitive user experience. Featuring a streamlined interface, the new design focuses on simplicity without compromising functionality. This can be compared to their previous UI which required several improvements so that users could use it easily.

Anynote Before JourneyUI Before Revamp

The revamped design prioritizes accessibility, ensuring that educators and
students alike can easily access resources, annotate lessons, and share content across devices.

With enhanced usability and visual clarity, "AnyNote" sets a new standard in digital teaching tools, empowering educators to inspire and engage them in innovative ways. Fostering a more interactive and immersive educational experience.

Anynote UI After RevampUI After Revamp

The Challenges

Creating the UI for "AnyNote" presents several unique challenges due to its exclusive compatibility with AnyBoard devices. This necessitates thorough testing to ensure seamless integration and optimal performance across all supported devices.

The platform's reliance on AnyBoard also introduces challenges related to the screen resolutions of these devices. Designers must carefully adjust component sizes and layouts to ensure clarity and functionality, particularly on devices with smaller screens. This involves optimizing UI elements to maintain usability and readability without compromising the user experience. 

Anynote UI CollageAnynote UI Collage

Visual Style

The new "AnyNote" platform boasts a distinctive visual style and clean color scheme tailored specifically for its school-based users. Understanding the importance of a conducive learning environment, the design focuses on simplicity and clarity.

mandy
#E65353
mine shaft
#262626
aqua deep
#FFFFEB
cornflower blue
#6687FF
white
#FFFFFF
TYPOGRAPHY
Inter
HEADING FONT
Aa
Bb
Cc
Dd
Ee
Ff
Gg
Hh
Ii
Jj
Kk
Ll
Mm
Nn
Oo
Pp
Qq
Rr
Ss
Tt
Uu
Vv
Ww
Xx
Yy
Zz
01234567890!@#$%^&*()_+

Components

In this project, we customize elements to match our requirements and accelerate developers' workflow. This efficient method guarantees the seamless development of digital products, backed by consistent integration of components.

Anynote UI Component