El Grocer

Designing an IOS App and a Website for a Home Delivery Grocery Company

Team

2 Designer

Duration

2 Months

Scope

IOS Application, Website

Pace

Extreme

Price

$2000>

Result

Implemented into functional products

Overview

El Grocer is an online grocery app that :

  • Enables you to make the service better by requesting stores, brands and even individual items
  • Delivers from the store of your choice, be it a local shop or a large supermarket
  • Has an in-app item replacement system (no calls from customer service to replace a missing item)
  • Has the same prices as you get in the physical store
  • Delivers immediately or at your desired time for maximum convenience
  • Tracks your order in real time and keeps you up to date with our in-app customer service live chat
  • Uses a high precision location picker and multiple locations per users
    delivers in under 60-minutes, by working with a wide variety of shops so you can choose the closest option to you if you’re in a hurry

Benefits

  • Client engagement
  • Multiple analogous applications
  • Access to the product to see its full functionality

Challenges

  • Limited time and budget
  • Limited time for user research
  • Mostly Email communications 

We were very pleased to win this project because this topic felt close to us. There were already many apps and websites with such goals, which allowed us to understand the problem more. We searched for inspiration, did a competitors’review and of the other products with the same functionality.

Basically, we conducted a study in the area, on what solutions work and what don’t. Also, we created a User Journey Map which helped us put ourselves in the user’s shoes and describe their experience. We identified the main groups of users (user personas) and then determined what questions they ask at each stage of interaction with the app.

Wireframes

We started with discussing the main concept and complexities of the future application.

Our main task was to arrange a large number of products with information about them on one screen so that the user could easily find what they need without scrolling. Also, there had to be an easy way to place or cancel an order, replace the product and track the order. Our team agreed that the best solution would be to divide all products into categories and show up to 3 products from each category with the ability to increase this list.

We also had to determine what information about the store will be shown in the app. We have decided to show a store name, a logo, work time and delivery time.

UI versions

We have offered many UI concepts, several color schemes, card styles, buttons, etc. Some of the concepts are shown below.

Result

    The client chose the green application style. In this way, the brand color was chosen as green. As a result, we created a beautiful design for about 80 screens.

Web App

After launching the application in stores, it became necessary to create a website that would contain slightly less information and limited functionality.


Using the site the user should be able to view information about the store and its products, order products from stores, pay for orders etc. The upcoming site was to contain the following sections: About, Shop, Blog, Contacts. We had to create a design for different types of extensions: for computers, tablets, and phones.


In order to adapt the already created application design for the website, we had somewhat to change the typography, the proportion of cards and the menu.


We created the design for various types of extensions: for computers, tablets, and phones. It’s worth noting that the website for phones looks a bit different than the app.

Testimonial

Cieden team has been a great extension of our team. Besides their well-polished skills, we love working with them for their flexibility and positive attitude. We look forward to continued partnership with them on our key projects.

avatar

Ader Amiri

Founder & CEO

Start your project with us

We are looking for ongoing collaboration where designers are like your team members

What are you looking for?

Choose the field you are mostly interested in:

What is your design budget?

Estimate your expences for design:

Connect with us

Other case studies

Long Tail Pro

Improving existing software for Long Tail Search to increase efficiency and conversion rate