Case Study for Editorial Design

Intro

I worked with Albert Shaper to design a responsive online platform for a magazine, newspaper, or blog directed to meet the needs and goals of the presented User Persona. This project is visual-design-focused but we all know better research better products. So we decide to adopt the whole steps of designed thinking into our process from Empathize to Prototype.

Deliverables :

The Challenge

1. Define the right user, our brand personality & marking position through research & analysis.

2. Define our target user’s needs.

3. How our platform interacts with our…


Website for “ Festival der Riesendrachen”

Festival der Risendrachen

Introduction

This project is about to design a website for “Festival der Riesendrachen”. This festival happens every September in Berlin Tempelhofer Feld. It has no website but only a few posts in the U-Bahn station & newspaper. But it’s so famous that almost every Berliner knows.


How to solve a wicked problem by using Design Thinking

Photo by Merakist on Unsplash

This is a team project/challenge, I teamed up with Amada, Dustin and Ipek. The goal is to adopt the Design Thinking process to solve one of the wicked problems in 4 days.

We chose “Conscious Information Consumption” as our wicked problem because is related to almost everyone with a modern lifestyle also include us. As our solution, we create an app called “Bellence” that focus on reducing users’ social media content consumption by using positive reinforcement.

The wicked problem overview

Modern lifestyle and technology usage has led to more and more people feeling overwhelmed (consciously or not) by the amount…


Freeman Games

“Think global, act locally.”

Project -Local business

Challenge

I team up with Tobias Nusser, Moritz Ramm and Magdalena Panas. We’ll be designing an E-Commerce website for a local business in 5 days. Our goal is to help local shops improve their online presence to be more competitive in the market.

Our project includes 3 main parts: research, solution & Future work.

About “Our store” Freeman Games, It’s a retro video game store, based in Berlin-Kreuzberg since 2005. The owner named Gulaga Celik, he has no website only Facebook page and Instagram account.


UX/UI challenge — Add a feature

I create a new feature in NetFlix called “Netflix projects”

Introduction

This is a 5 days challenge for me to learn about how to find a way to incorporate new features into the existing platform base on a “shareholder’s” proposal. In my case, my task is to add a polite voting feature into the Netflix app.

Challenge

Analyze the Netflix app and culminate in a high- fidelity prototype that reflects my best path base on research, iteration and test.

Research

According to “pilot voting feature” my research divided into 3 parts. One is users(film creators) can upload “shorts” to Netflix, another one is the…


Photo by JESHOOTS.COM on Unsplash

In the Challenge I did 3 apps Usability evaluation and Site redesign, my goal is to design an app for travelers.

User type

Young group — 20–40 y/o

You and your friends have decided to invest and spend some quality time together. You are planning your trip one year in advance to really make it happen and accommodate everybody’s schedules and needs. You’d like to share as much time together and plan for a lot of fun. You’re interested in a mix of culture and leisure. …


Start applying the Design Principles to your daily routine

“Design principles are fundamental pieces of advice for you to make easy-to-use, pleasurable designs”

So what I understand is: what makes good design good. So the first thing get in to my head is good Usability. The ISO 9421–11 standard on usability “ The extent to which a product can be used by specified users to achieve specified goals, with effectiveness, efficiency and satisfaction in a specified context of use.”

In the easy way :

Usability = Easy to use + User Satisfaction

Jakob Nielsen, Ph.D. provides a useful summary of definitions for key terms within user experience:

Utility = whether it provides the features you need

Usability…


How I did Wireframe

The 2d Challenge of my pre-work in Ironhack is to pick an app and choose a user flow of 5–7 screens, then wireframe the screens and put together a prototype using Invision.

For this challenge I picked BlaBlaCar. BlaBlaCar is a French online marketplace for carpooling.Its website and mobile apps connect drivers and passengers willing to travel together between cities and share the cost of the Journey.The reason I picked is, I used it before long time ago when I traveled in the villages of France. …


Here is my first sketchnote. I watched Ted talk from Ivan Poupyreu about “Everything around us can be a computer”.


Practice UI design with Sketch. My 1st Sketching!

Cause in these days I’m looking for a pair of skateboard shoes, that why I decide to pick Nike app. I took 5 screenshots from Nike app import them into sketch and start mimicking.

screenshots from Nike app

Jiao Wang

UX/UI designer base in Berlin // thejiao.com

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