DESIGN NAME: UX UI & FED - Batchly
PRIMARY FUNCTION: Web Application
INSPIRATION: At Lollypop we are always inspired with everyday life and the strive to outdo ourselves. The power to ease the lives of others in itself is extremely motivating and when you are presented with an opportunity that required visualising huge amounts of numbers and working with business that you have never gotten a chance to, it is even more exciting.
The idea to work on a web application and the marketing website was enthralling because we had to understand the whole business module and interact with many users to understand their challenges. Another major inspiration was designing a dashboard and ensuring that we break the clutter and present the meaningful information in fraction of seconds.
UNIQUE PROPERTIES / PROJECT DESCRIPTION: Batchly had three major challenges; the most important was the usability to ensure that the app is easy to use and provides a seamless experience; this was achieved by grouping the various dispersed functionalities together at one place and editing was also enabled from single place itself. Second, was to ensure that administrators on the app could have an extremely visual and intelligent dashboard that was effective and time saving. And, the last one was the communication and positioning of Batchly through its marketing website.
OPERATION / FLOW / INTERACTION: Batch.ly is a multi-user system and has intelligently grouped the functionalities to enable commands from the control panel itself. All the inputs are majorly prefilled template to ease users in the process. All user editable elements support pristine, error and success state. All actions give feedback to users, provision for validations and message display are in the same page; controls are positionally static at all times including state change or message display.
PROJECT DURATION AND LOCATION: The Project started in September 2016 in Bangalore and finished in November 2016. We completed the UX, UI and FED for the website and Web app.
FITS BEST INTO CATEGORY: Interface, Interaction and User Experience Design
|
PRODUCTION / REALIZATION TECHNOLOGY: Our UX Team used focused group surveys, questionnaires for the research and Sketch app was used for wireframing. Adobe suite was used by designers. Our developers used js and css for development.
SPECIFICATIONS / TECHNICAL PROPERTIES: Though overall design in the website and app is flat , we have also introduced gradient design in spaces to communicate its USP and make it vibrant and cheerful.
TAGS: Flat Design, Gradient, Isometric Illustrations, Big Background Images, Navigation, Responsive
RESEARCH ABSTRACT: Post several meetings and UX questionnaire with the founders, we began with a focused group discussions for different set of users to understand their need, requirement and gap in the market. We also had user's questionnaires to gauge the suggestions. In hand we were conducting an in-depth competitor analysis to gauge how to craft a unique experience and communicate Batchly's USP of Cost -cutting.
CHALLENGE: Providing the bird view of the most relevant information in the first fold of the dashboard for a complete understanding at CTO level
ADDED DATE: 2017-03-05 17:52:06
TEAM MEMBERS (3) : UX Designer: Mishq Laliwala, UI Designer: Shiva Shankar and Illustrator: Preethika Asokan
IMAGE CREDITS: Lollypop Design Studio, 2016.
|