XD prototype
Year
2021
Project type
App Design
Skills
UX/UI | Illustration
Welcome to Oll'coco, the home of chocolate lovers. This app is your gateway to satisfying all your chocolate cravings and desires. In the first part of the project, I designed a series of icons inspired by chocolate workshops. In the second part, I created an app exclusively for chocolate enthusiasts, incorporating the chosen icons from the initial phase.
-poster-00001.jpg)
Through a thorough analysis of existing route planning apps and user interviews, the research identified that users were looking for more control over their routes and a more personalized approach to route planning.
To achieve this goal, the project had the following objectives:
Design a UI supporting and balancing different types of uses, allowing efficient daily use and full customization.
Provide users with additional data about their routes, improving their experience and giving them more control over their transportation choices.
The process began with a thorough analysis of existing route planning apps (Read more in CA research tab).Then, I conducted user interviews to gain insights into the pain points of the users and the problems of the existing solutions (Read more in Personas & User Flows tab).
The research concluded that most of the existing apps are limited in their ability to customize routes, leaving users with few options to optimize their route according to their preferences.
Daily use:
This is the basic, repetitive use of the app that is intended for everyday usage. It is designed to be efficient and quick, allowing users to quickly access the information they need, such as bus routes, schedules, and arrival times. This type of use is ideal for commuters or people who rely on public transportation on a regular basis, and need a quick way to plan a route.
Advanced use:
This is a more specific and customizable use of the app that allows users to plan and customize their routes. It is intended for users who want to make specific adjustments to their route according to their needs, plan combined routes or explore alternative options. This type of use is ideal for people who want more control over their route planning.
One of the main challenges was designing a user-friendly and intuitive interface that allows advanced route customization.
To solve this challenge, I introduced the route construction interface through a drag and drop function.Drag & drop makes the process of customization more intuitive and user-friendly, as it allows users to visually construct their route, provides users with a sense of control, and enhances the user experience by making the app more interactive and engaging.
Another main challenge was to design an app that caters to both daily uses and advanced uses. The app needs to provide a fast and efficient flow for daily/regular use, and a full customization flow for users who need to create a new route.
One of my approaches to solve this challenge is an initial onboarding stage, where users are asked to set their preferences on certain aspects of route planning. Using this data, the app is able to provide better and more personalized route suggestions, without the need for full customization, resulting in an efficient daily use experience.
The second approach to solve this challenge is the progressive disclosure approach, design that gradually reveals more information and features as needed, in order to prevent users from feeling overwhelmed. This technique can be used to support both novice and expert users, by providing a simple initial interface with advanced options available if needed.
In Yump, when a user searches for a route, they receive top suggested options based on their set preferences, as well as a tabs bar with general filtering options (Best option, fewest transfers, least walking). When a user wishes to further customize their route suggestions, they can select a suggested route and click "Edit". This leads to an advanced editing screen, enables users to easily construct their route by dragging & dropping, and adjusting various options.
One of the pain points I identified in relation to lack of control, is the lack of information provided to users about their routes.By providing users with more information, they can feel more in control of their decisions, and make educated choices when selecting from a few options.Which leads to another challenge - What information should the app provide, and how does it get that data?
Based on my research, I designed a set of features aimed at providing users with more diverse data about the routes.
These features included:
- Social data reports system: Live bus congestion level, Reliability of buses.
- Route live navigation and real-time arrival estimation
Live bus congestion levels
Based on a social report system, encouraging users who got on their bus to send live reports to help others, the app can provide real-time information about how full the bus is at a given time. Information that can help users who dislike very condensed bus environments choose a different route to their destination, or wait for the next bus.
Bus arrival reliability rates
Based on a social report system, encouraging users to send reports if a bus is running late or doesn't arrive at all, the app is able to provide information about how reliable a specific bus line is. Information that can help users choose a route that is more reliable over more efficient, to avoid the chance of the bus not arriving or being late.
that elevates the festival experience, capturing the attention and interest of the participants, while promoting environmental awareness and encouraging better habits, such as recycling and sustainability.
to support the needs of the participants during the festival, enriches their experience, and reinforces the event's eco-friendly approach by reducing printable materials.
To create a memorable experience for kids and their families, I began by developing a compelling theme and storyline for the festival. Drawing inspiration from various online computer games, I created an imaginary narrative centered around the planet of Laksy, together with unique characters I designed to help immerse participants in the story.
As an environmentally-conscious festival, I wanted to ensure that we minimize waste and reduce our ecological footprint as much as possible. With this in mind, I decided to create a mobile app that would serve as the primary point of interaction for participants. By offering features like the ability to purchase food and drinks, access the festival schedule, and get real-time updates on the activities and game progress, we could significantly reduce the need for printed guidance materials and minimize the overall impact. Additionally, I saw an opportunity to create a more immersive experience for the kids, who are often drawn to mobile games and digital interactions. By designing the app with a fun and engaging user interface, with features like points, leaderboard, team progress bar and more, I hoped to enhance their experience and deepen their engagement with the festival.
The main need points the app tackles are:
Onboarding upon arrival and introduction to the festival
Food and drinks purchase
Individual and team game progress tracking
Live guidance through the festival's games
Home page
Leader Board
Login
Onboarding
Food purchase flow
Drinks purchase flow
App Prototype
Festival Posters
Festival snacks & drinks packaging
Made from recyclable ecological plastic and paper.
Festival Flyers
Introduction Cards
Stickers & Visual assets
The goal of Oll'coco is to be the ultimate app for chocolate enthusiasts. To discover and customize their chocolate journey, find the best places to eat and experience chocolate.
The goal of Oll'coco is to be the ultimate app for chocolate enthusiasts. To discover and customize their chocolate journey, find the best places to eat and experience chocolate.
In the first part of the project, I focused on conceptualize a theme and designing a series of icons centered around it. These icons became the core visual elements of the app brand language. My selected theme was chocolate, with focus on chocolate consumption and experiences.
I set out to create a series of icons with a delicious and chocolate-inspired aesthetic, using a clean vector style. My objective was to design icons that not only visually represented the world of chocolate but also cleverly incorporated their functional purpose. By skillfully combining these elements, the icons became both visually appealing and effective in communicating their intended function.
One of the challenges I faced was achieving a cohesive and harmonious style and language for the icons. Through iterative experimentation, I successfully arrived at a final result where all the icons seamlessly work together as a unified series, exuding a sense of visual harmony. Additionally, adapting the icons to function effectively in smaller dimensions posed another challenge. By fine-tuning the stroke widths and adjusting the detail level in each icon, I ensured the icons appear clear and easy to understand, even in smaller dimensions.
In the second part of the project, I was required to design an app using a few of the icons made in part one. The app is aimed at a captive audience in the chosen theme, which had to be connected to the icons theme. I decided to create an app for chocolate lovers revolving around the chocolate experience in the city.
My first step was research, through conversations with the audience, case study exploration and online research I was able to draw conclusions about the content required in such an app. First, it was very important that it would have the same tasty chocolaty feel as the icons. On the first page the users receive suggestions for popular places, they can scroll down to view the categories and read about the app. The menu bar allows the users to navigate between different options at all times.
Many of the research audience noted it was very important to find places around you, since often the need to find a fitting place is spontaneous. Therefore, a “near me” option was a must, but how will it look?
Some said it should be a map, other said a list is much more fitting for this context. This presented a challenge, which I decided to solve by allowing the users to choose the option they prefer - by switching between a list and a map.
Further insights from my research revealed the users' desire for a comprehensive list or map feature, enabling them to compile and conveniently access their favorite places while also allowing for easy sharing. To address this need, I incorporated a dedicated "Favorites" page where users can curate and manage their preferred locations.
Based on my research, I recognized the need of a "Cravings" page, enabling users to filter places based on their current desires, preferred experiences, and unique preferences.
Furthermore, it was crucial to ensure a seamless and informative restaurant business page, providing users with essential details such as distance, atmosphere, popular recommended dishes, and an overall smooth browsing experience.
Created on Webflow
© 2023 by Heli Markman