Design - Fiori di latte responsive website

The product:

Responsive website of an artisan ice cream parlor in Codogno, near Milan. It has a smart additional module to support online orders.

Project duration:

January 2021 to February 2021.

The problem:

Realize a website to showcase the product of the ice cream shop and to give customers the possibility to place online orders and to review with comments.

The Goal:

Make a charming site to attract customers; study an ordering process simple to use by the customer and easy to manage for the owner.

My role:

UI/UX designer designing the responsive website Fiori di latte from conception to delivery.

Responsibilities:

Define user target with personas, creating the site map, mood board, digital wire-framing, and high-fidelity mockups and prototyping.

Understanding the user: target

Visiting the place I created a target audience for the shop:

Roles

Parents/grandparents (buying for their sons/grandsons)
Families/couples
Local people (lovers of local products)

Demographics

Education High school education
Occupations Housekeeper, retirees
Age 35 to 85
Location small Italian town (Codogno)

Psychographics

Personality & Attitudes habitual, quiet, middle social class
Values tradition, simplicity
Lifestyles family, love to walk around their town on Sunday, go to country fairs

Understanding the user: personas

To better identify the audience I created the profile of some user personas:

Defining website requirements

Content requirements

Images to show all the products (ice cream tub, ice cream sticks/cones, frozen cakes, bakery cakes).
Text describing all products (ice cream tub, ice cream sticks/cones, frozen cakes, bakery cakes), the size in which they are sold, and the price for each product/size.
Slide show to visualize dynamically the best products and some philosophy taglines.
Contact us page with all textual information like address, phone, email, opening hours, and delivery hours; also includes a navigable map.
Information on the delivery range.
A page quoting articles and interviews regarding the ice cream shop and its owners.
About us.
A section explaining the philosophy of tradition and creativity (About our project and partner): with images and text presents all the commercial partners who cooperate with the ice cream shop (suppliers of raw materials).

Functionality requirements

Form to place orders with the choice of product kind and product size, quantity, delivery address, and delivery date/time.
Anonymous comments (to be approved)
Product filter
Product display
Blog: particularly interesting to climb the rankings of search engines and to give additional information about philosophy.

Site map

Digital wireframes

Mobile home page

Home page

All products

Product detail

Contacts

Mood board

To create the mood board I took into account the suggestions given by the client regarding colors. The shop already had a brand identity. I also used their own logo.