top of page
Kittag_banner-01.png

Project Overview

Kittag

“Enjoy a whole new cooking experience on both visual and taste”

 

Project Nature: HKDI Final Year Project 

My Role: Visual Design, Interface Design, Prototyping

Background

Kittag is a free local creative recipe sharing platform, designed for food enthusiasts and creative thinkers.

Join the amazing cooking journey with us

Objective

  • To promote more creative ideas on cooking 

  • Inspire people’s interest and curiosity to cook and explore more creative recipes 

  • With hashtags technology to find out recipes faster

  • A Recipe Application designed with food lovers & cooking enthusiast in mind.

 

Features

  • Slick interface and user-friendly to use

  • update the creative recipes every wee

  • Powerful search function with HASHTAGS so user can easily search for creative recipe

Logo

The concept of the logo design is presenting our brand name: “Kittag”, in typography. The twisted fork is designed as “Kit” to express fun and creative atmosphere. The tag icon is applied into “Tag” to bring the concept of hashtag. 

kittag_logo_工作區域 1.png

Color Scheme

The design style of Kittag is warm, harmony and passionate. We have Chosen yellow and brown colours as our color scheme

colorscheme_kittag-02.png

Icons

Tab Bar: In order to make the user interface of Kittag more Characteristic, a set of icons have been designed for the tab bar

Recipes: Those icons are the index for each part of the recipe 

icon-04.png

Tab Bar

Recipes

Home

Search

User Profile

Step

Ingredient

Cooking Time

Features

1. Feed 

The feed page displays recipes in row, there is showing the recipes’ details including hashtags, creators’ name and

uploaded date. 

工作區域 1_2x.png
工作區域 2_2x.png
工作區域 4_2x.png
工作區域 5_2x.png
工作區域 3_2x.png

2. Search function - hashtags 

You can maximally type three keywords into the searching bar to search the recipes. 

The searching result will be the corresponding recipes which contained with at least one of the keywords.

Each of the result will display the cover photo with hashtags, difficulty and duration.

工作區域 6_2x.png
工作區域 8_2x.png
工作區域 9_2x.png
工作區域 12_2x.png
工作區域 9_2x.png
工作區域 10_2x.png

3. User Account Login

The third button on the tab bar links to the user profile. If user have not registrated yet, the user may just login with their facebook account. 

工作區域 11_2x.png
工作區域 13_2x.png

In the user profile page, the user details such as recipe status and bookmark are all shown in this page. There is also a upload button for user to upload their own recipe. 

工作區域 14_2x.png
工作區域 18_2x.png

4. Upload Function

This the uploading page, users may insert the ingredient list under the cover photo. Also, users can set the ingredient as hashtag

by entering “#(ingredient)”. After that, they can upload the process with text description clearly and upload the images step by step.  There is an “add” button for adding more steps. 

工作區域 14_2x.png
工作區域 17_2x.png
工作區域 16_2x.png
工作區域 32_2x.png
工作區域 33_2x.png

Bella Tsang 2024 ©All Rights Reserved 

bottom of page