Other Projects

Cuppuccino Cafe App

My DES 396 projects require me to redesign the brand logo of an actual café, and create an app based on the logo theme. I know the owner of the café and I have her permission to use the cafe's name for my project.

Moodboard Research

Research is required for me to understand what kind of theme I want to create for the café app. I googled a few café apps and compile the images together to form the mood board.

Competitors Research

I also did a few researches on the different restaurants/food delivery apps that I can find to find out the different themes that are being used by different F&B companies.

Flowchart and Low Fidelity

I interviewed the person who own Cuppuccino café and create the flow chart based on the interview. The sketches are created so that I can plan out the different elements for each page.

Style Guide and Final Mock Up

The style guide was created before I design the final mockup for the app. The style guide allows me to keep track of the different elements that I plan to use for my final design.

DES 260 Educational Game UIUX App

DialectNation.SG App

The concept app that my group created was DialectNation.SG. It is an educational, language learning app where you can play different games to learn new languages.

Below is the individual UIUX design that I came up with for this project.

Chosen 5 Pages from My Paper Prototype.

These are the 5 chosen pages that I used to design my high-res prototype for my individual assignment. The pages were taken from the previous assignment that I did with my group.

Overview and Art Style Research

The art style here contains the selected font, colour set and icons used for my high-res prototype.

Atoms and Molecules Research

I needed to sketch out the atoms and molecules that I've used for my previous paper prototype, and re-design them again in a skin version. This skin version is a necessary step to plan out the final design for the prototype.

Wireframe Sketches & Final Design

These are the comparison between the sketches and the final design concept that I did for my project.

DES 365 Game UXUI Project

C.O.V.E.R.T PC Game

Covert game is a game concept idea that I came up with during my project for DES365. It is not an actual game but rather an idea for me to kick-start my UI/UX project.

Research

I did research on the font type, UI feedbacks, Users Experience and Cosmetic feel for my prototype based on these games: Monaco, Invisible Inc. and Mask of the Ninja.

Wireframe & Flow Chart

Below are some of the flowcharts and wireframes that I created for my initial design of the prototype. A few changes has been made since these wireframes and flow charts were created, however this was the initial design flow and layout of my prototype idea.

Style Guide

I created the style guide to compile the design for the UI elements that I plan to use in the game. The style guide that I made here is more detailed then the rest of the style guide that I did in my other assignments due to the requirements.

Final Design

Below is a video showcasing my final prototype. You can take a look at the different screen and the interactable elements in this video.

DES 270 Web UXUI Project

School Moodle Website

A project where each group would need create a new UIUX platform based on our school website.

Research and Interview

My group decided to focus on students as our main target users for our prototype. The heuristic evaluation was done to identity possible issues with the website.

These are the research, interview goals, script, and questions that we used to ask our users. The improvement that we made afterward was done based on our user's response about the issues they experience with the previous portal.

User Task and Wireframes

The user task list is used to validate our design decisions, while the user task flow helps to illustrate the steps needed to complete our task better.

Final Prototype

The final prototype was done through Figma. You can click on the image below to access the prototype.

Note: the interaction in the prototype is done based on the user task list that we created. Thus, not all of the buttons are interactable.
‍

Hello. Salaam. Nihao. Namaste.

I Am

Brina Chia

About Me

Design With Passion

My Design Projects

UXUI & Others