Image for post
Image for post

A UX & UI Case Study

My last client project at RED Academy was to team up with my fellow classmates Seol Ah and Allan to redesign the current CanMed website for our client — the local entrepreneur named Vafa. Vafa is a retired pharmacologist who turned his part time hobby into main business —vitamins and supplements export.


Image for post
Image for post

My recent client project is for Jeremy and I to work with the UI team (Matt and Jimmy) to redesign the current IntraFitness website for our client — the local entrepreneur named Paul Wadsworth. Paul is a personal trainer and life coach. He’s trying to share his passion for health and fitness in order to inspire others around the world to live healthier, happier and more fulfilling lives.


Image for post
Image for post

The Very First UX Client Project

Background

For our 3rd project into the program, my classmate Kate and I got sorted into a team to work with 2 other UI students, we’ll be working on our first real client project. We have 3 weeks to finish this project and complete all 5 UX process include research, planning, design, testing and prototype (Mid Fidelity). The client we have is Main Street Brewery and our task is to create an app to track their customer growlers loyalty stamps.


P2 — Veronika’s Cakeland

Image for post
Image for post

Background

This is our second project in to the program, 3 other students and I got sorted into a group. We were given a task to design a ecommerce website. We have two weeks to finish this project and complete all 5 UX process include research, planning, design, testing and prototype (Mid Fidelity). Though we got sorted into a group, this is a personal project to showcase our design conept at the end of the process. We were required to do research phase together. A briefing document was given to us to simulate real-life projects.

The goal of the project is to create an e-commerce store for cakes, the concept is to sell cakes online with no physical store on the street in the first place. We will only be designing an desktop website as mobile devices such as smartphones are not being targeted. …


Project 5- Tourism Campaign

Campaign Goal

The goal of this project is to create a responsive website design and campaign for a selected city or area. In this project, I decided to create a website for the city Copenhagen, concentrating on the fairytale lifestyle of this magical city. The time given to complete this project is 3 weeks, we need to apply our knowledge that we learned in past 3 months with applications and skills.

1. Research

1.1 Why Copenhagen? Why fairytale life style?

Image for post
Image for post
Nyhavn, Copenhagen

The Danes are known to be the happiest people, their quality of living continuously rated as the best in the world. Beside the lifestyle side, Copenhagen has always been a personal dream destination since I was a little kid. Like many other girls, I grew up reading the Andersen’s fairy tale books and hoping one day I would live in my own fairy tale life. As I grew older, achieving this goal became harder and seems a little too far off, however visiting the born place of the fairy tale books is more like a dream comes true. The royal castles, the food, the cultural tours, the historical buildings, the modern Nordic design styles, visiting Copenhagen is a perfect way to experience cultural differences and experience different lifestyle.


UI Design — Responsive website

Image for post
Image for post

1.1 Background

Flywheel Digital is a digital marketing company providing 6 services include SEO, CRO and Analytics. This company is founded by Michael Steele whom has been in digital marketing field for 10 years and has a huge passion for it. As a start up company, Flywheel doesn’t have its own website yet, so Michael came to RED hoping to have responsive website designed for both desktop and mobile.

1.2 The Team


P3 Case Study

  1. Project Gravity Studio

Three weeks ago, UX and UI classmates are divided into three groups to work on three different projects. My teammates are Richard from UI design, Hunter and Tim from UX design. The project we were given is called Gravity Studio created by James Strieb. We will design an app for iOS phones, the app is an event creating app that’s map based.

Gravity Studio Original Design

Image for post
Image for post

2. Initial Client Meeting

We conducted initial client meeting with James to see he’s vision of this app and what we can do to realise those requirements and achieve that ultimate vision. For James, he came up with the idea of creating an map-based event app that connects friends and family, at the same time the app should be easy to use and non-addictive. …


Image for post
Image for post
  1. Project Rewind

This project here is for me and my team member to design an iOS music app which can convert personal playlists into actual old school cassette audio formats and mail it to loved ones as gift. With this app, the user can search any songs and listen to music. The target audience are15–25 yo female students whom are extraverts, passionate, social, stylish, creative and love music. The key words are music, vintage, 80s, 90s, mix tapes, walkman, fun, hipster and power ballads.

The wireframes we designed must contain pages include:

· Sign up/login

· Navigation/search

· Now playing

· My mixtapes…


Image for post
Image for post
  1. Project Typeface

The Project here is for everyone to create a typographical specimen for the chosen typeface which is Lato for me in this case. We need to look at the history of this typeface and showcase of its usage, application and fonts.

2. The Research

About

Veronika Xiao

Hi, I’m a UX / UI Designer based in Vancouver.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store