A digital illustration of a smartphone displaying a logo with a black outline of a fork, knife, and spoon on a yellow circle background. The phone is partially visible on the right side of the image, with a website layout showing the word 'Mosaic' and text about Italian cuisine, along with sign in and sign up buttons.
Screenshot of a document titled 'Problem Statement' discussing challenges of maintaining work-life balance and proposing a digital solution, with a section titled 'The Goal' about designing a mobile app.
Design process infographic with five steps: Discover, Define, Ideate, Prototype, Test. Each step includes icons and descriptions for user interviews, personas, user flow, wireframe, usability testing, and feedback.
A presentation slide showing data on user research in the discover phase. It includes pie charts with percentages and text about user preferences for fresh food, ordering food multiple times a week, and using coupons.
Yellow background with icons representing frustrations, lack of nutrition info, lack of time to cook, and coupons. Text describing food ordering habits and preferences.
A woman smiling outdoors with long blonde hair, wearing a denim jacket.
Slide titled 'Define Phase' with a graphic of a human head outline, a target, and a light bulb, and a paragraph about building personas based on user groups.
A smiling woman with long brown hair, wearing a red top, standing in front of a blurred cityscape.
Close-up of a young woman with reddish hair and blue eyes, partially visible, with a light blue sky background.
Illustration of two women with speech bubbles. The woman on the left has dark wavy hair, glasses, and a yellow top, with a pink leaf graphic behind her. The woman on the right has short, orange hair, sunglasses, and a blue top, with a pink leaf behind her. The speech bubbles contain text about customer needs and food shopping.
A chart illustrating a user journey for a restaurant app, showing steps: select restaurant, browse menu, place order, complete order, pick up order, with associated task lists and user feelings.
A screenshot of a presentation slide titled 'Ideate Phase' with a graphic of a mobile device and documents. The slide discusses product values including accessibility, professionalism, reliability, and flexibility, with brief descriptions and icons representing each value.
Illustrated storyboard showing people using a food app to order, customize, pick up, and receive food delivery, with scenes of individuals interacting with mobile devices and food supplies.
A flowchart diagram titled 'Information Architecture' showing multiple categories and subcategories for a website or app. The categories include Start, Homepage, Menu, Profile, and various subcategories like Sign up, Sign in, Create account, Login, and more, all connected with lines indicating navigation paths.
A flowchart illustrating the user flow for an app, starting with opening the app, then options to sign in or sign up, creating an account, logging in, reaching the homepage, selecting an item, adding to cart, making payment, delivery/pick up, reviewing order, and tracking.
Collection of wireframes for a food ordering mobile app, showcasing screens for login, sign up, home, food menu, cart, payment, delivery addresses, order confirmation, tracking, rewards, profile, and app settings.
A style guide page for an app named Mosaic, focusing on Italian cuisine. It includes a yellow circle with a line drawing of cutlery and text sections labeled 'Style Guide', 'Logo', and 'Mosaic' with a subtitle 'Italian Cuisine'.
Colorful circular diagram labeling various colors including Sunset Yellow, Cyan-Blue, Black, Grey, Red Flamingo, and Green Eucalyptus with sections of yellow, blue, gray, red, and green.
A style guide showing typography options with different fonts and sizes, and a row of icons at the bottom for various functions and social media.
Illustrations showing people using their phones, shopping, and carrying keys, with various objects like a large key, a safe, and a shopping bag around them.
Screenshot of a food ordering website displaying various pizza options, including Four Cheese Pizza and Pasta all' Amatriciana, along with prices, discounts, and payment details.
A review of two user studies on usability. The image shows text in two columns, each with insights and quotes from study participants, with highlighted sections in yellow. The studies focus on issues with online ordering processes, such as confusing interfaces and unnecessary steps.
A presentation slide titled 'Accessibility consideration' with three icons and descriptions. The first icon shows a heart, music note, camera, and lightning bolt, with text about help with navigation. The second icon is a picture, with text about detailed imagery for all users. The third icon shows two overlapping squares with letter icons, with text about access in three languages.
Sequence of mobile app screens displaying a food delivery app, including signing in, creating an account, browsing menu, selecting food, reviewing order, payment, and delivery address input.
Screenshots of a food delivery app interface, showing order confirmation, delivery tracking, menu items, user profile, and payment screens.
Previous Case
Next Case