Biscuit is a multi-platform, cloud-based dictionary developed by the South Korean startup Croquis, where I worked as a lead designer for about two years.
Biscuit appOur goal with Biscuit was to create a superior dictionary tailored for the mobile environment. While other dictionary apps concentrated on content, we prioritised the user experience.
Mobile app design
Mobile operating systems have improved recently, but when we started this project, checking the meaning of a word in a smartphone dictionary was a cumbersome process. Additionally, it always required unnecessary effort to learn vocabulary words later.
Biscuit dramatically reduces these steps by utilising the notification centre on iOS and providing a definition popup for Android. When Biscuit is running in the background, users can copy a word to instantly see its definition and hear its pronunciation.
An app should allow users to achieve their goals with the same amount of effort on any device. Therefore, it's reasonable to keep the core functionality as consistent as possible while adapting the app's structure to each OS's interface, ensuring users remain comfortable and familiar with it.
iOS and Android app designs
Logo design
The logo is designed to be simple, clear, and geometric, avoiding overly descriptive elements about the product or name.
Biscuit LogoThe team's goal was to cover as many devices as possible, so we invested significant time and effort to design and develop Biscuit for mobile, tablet, wearables, and desktop.
iPad app
Icons
App iconWe aimed to make the desktop version of Biscuit a seamless dictionary for reading articles. Therefore, we chose to develop a browser extension instead of a standalone application.
Chrome extentionThe desktop environment has more states than touch interfaces, such as hover and focus states. These subtle differences are crucial for designers to consider, as the understanding and proper use of these states can significantly impact the application's quality.
Chrome extention flow
