Momentfood

Research, Customer Journeys,

Wireframes, Development (HTML, CSS, Javascript, PHP)

A responsive multi-brand food pick up and delivery website.

This included the ability to find branches nearby, options for delivery or in-store pick-up, and elements that emphasized what the company wanted to push to customers.

About

While I was a Software Developer for The Moment Group, one of the most successful group of restaurants and establishments in the Philippines, I was tasked with designing and developing their multi-brand food pick-up and delivery website.

Problem

The website had to encourage customers to browse menu items from various restaurants and make it clear the option to choose between delivery and pick up was possible.

It also needed to be responsive in case users accessed it using phones or tablets.

Solution

Developing the website's responsive design with flexible grids, collapsible sections, and resizing fonts and buttons

Emphasizing the information that the company wanted to push to the users without overwhelming them

Design Process

Research

Researched on user friendly designs for websites with large amounts of data and ideal programming languages to use.

Design

Created and presented customer journeys, mock ups and wireframes before beginning development.

In this phase, the workload was divided into sprints.

Develop

Used PHP, HTML, Javascript, and CSS to develop initial structure and afterwards, more detailed elements per sprint.

Test & Improve

Presented sprint outputs and designs for the upcoming sprint and identified possible improvements through testing. Continuously improved and made changes until we were ready to move on to the next sprint.

Customer Journey

Wireframes

Designed wireframes to visualize the

page structure and user flows

Initial Structure

Developed an initial responsive prototype with placeholders to explore possible layouts and interactions

Final Prototype

A responsive website with organized elements that emphasized information the company wanted to push to customers. This included showcasing multiple brands, option to deliver or do store pick-up, and ability to find branches nearby current location.

PHP, HTML, CSS, and Javascript were used to bring the designs to life. Autocomplete for addresses and map utilized Google Maps API.