Graphic Design
Motion Graphics
UI / UX
Miscellaneous
Contacts
NoteNook
Website Tool Design 2024
NoteNook is a design space for designers during the research phase, before starting actual design work. Unlike scattered tools, it consolidates everything into a single "desktop" webpage where users can take notes, save links with nicknames, upload images, and draw sketches. Current tools disrupt workflows with fragmented interfaces, but NoteNook provides a seamless, organized space to capture, store, and manage design inspiration. It functions as a personal desktop, with resources stored centrally for easy access.
Key features include the ability to save links with customizable nicknames, a canvas for quick sketches, and a dedicated space for text-based notes. All content seamlessly syncs to a centralized website for easy organization and future reference. The project is built using HTML, CSS, and JavaScript. Throughout the design process, multiple rounds of usability testing are conducted, incorporating feedback to refine the website. This tool encourages mindful internet use by minimizing distractions and helping designers stay focused and organized, offering a user-friendly interface that supports an efficient workflow.
Notes FunctionThis feature allows you to type and save notes directly on your desktop, providing a convenient space for jotting down ideas, reminders, or to-do lists. The notes are easily accessible and can be edited or deleted as needed, ensuring an organized and clutter-free workspace.
Link FunctionThe link storage feature enables you to save and quickly access important links without the hassle of searching through bookmarks or browsing history. You can assign custom nicknames to each link for better organization, making it easier to recognize and retrieve relevant web pages at a glance.
Image FunctionThis feature allows you to type and save notes directly on your desktop, providing a convenient space for jotting down ideas, reminders, or to-do lists. The notes are easily accessible and can be edited or deleted as needed, ensuring an organized and clutter-free workspace.
Sketches FunctionThis feature allows you to type and save notes directly on your desktop, providing a convenient space for jotting down ideas, reminders, or to-do lists. The notes are easily accessible and can be edited or deleted as needed, ensuring an organized and clutter-free workspace.