UI / UX PORT FO LIO. Yinchi Weng
Hello! I’m Yinchi Weng.
MY SPECIALITIES
Web Design
User Research
Problem Solving
Prototyping
Business Modeling
Service Design
Story Mapping
Adobe XD Adobe Illustrator Adobe InDesign Adobe Photoshop Sketch Flinto
LANGAUGE SKILL Mandarin English Taiwanese
User Interface
Information Architecture
DESIGN SKILL
I am a designer who has the courage to try new things and full of curiosity, and one of my hobbies is to think something interesting and make it real. From fine art to innovative design. “How to make design resonate with people?”. And how can I make my ideas and aesthetics work and play a role in users? These are the goals that I desire to achieve.
Design Thinking
Fine Arts
CURRICULUM VITAE WORK EXPERIENCE Tsai-Yi Technology International (Digital Marketing Agency) Location: Taipei Position: UI / UX Designer Role: - Communicate with front-end engineer team and customer side - Develope E-Commerce system: UX research, UI / UX wireframe, backstage & forestage UI / UX design - Website design: UX research, UI / UX wireframe, UI / UX design - Optimize Tsai Yi Technology UI / UX system
03/2018 - 09/2018
Barefoot Chic (Global Fashion Consulting Company) Location: London Position: Fashion Marketing Assistant Role: - Assist the marketing manager in all tasks - Design business invitation cards by MailChimp - Tracking customer’s orders / products / terms via Joor & AirTable - Arrange the display room and exhibit the clothing samples. - Participate in the fashion market in London and Paris, and take the role as a marketing assistant and model dressing configuration. - Co-working with different nationalities colleague, and completed all kinds of tasks.
08/2017 - 01/2018
EDUCATION Goldsmiths, University of London Location: UK Degree: MA Design and Innovation
09/2016 - 09/2017
Taipei National University of the Arts Location: Taiwan Degree: BA Fine Arts (Major) BA Animation (Minor)
09/2011 - 06/2016
Academy of Fine Arts, Prague Location: Czech Republic Degree: BA Fine Arts (Exchange program)
09/2014 - 02/2015
Projects
E-Commerce Platform
01
Fans Play Shop - Backstage UI / UX design
Platform Description This is a platform that provides a place for small shop owners to open an online store. The dierence between other online shopping stores, Fans Play Shop is a landing page store, from review products to see comments and check out, customers could all done in one page. Shops owners could easily publish their products and don’t need to spend lots of time and money to manage their online store.
Brainstorming & Mockup Discuss
Frontstage Information Architecture 訂單查詢(訂單編號+電話進入查詢) 貨到通知查詢(email+代碼)
menu bar
本檔優惠
加入購物車
商品規格選擇 與 購買按鈕
商品介紹
商品banner 與 輪播
商品頁面
中肯評價
留言/評分/圖片
線上客服
組合選購
貨到通知我 已售完 圖片分享曬照
組合商品 商品總覽按鈕(可上架的10件商品)
折價券/無折價->導去遊戲頁面
購物車
輸入通知FB 或 Email
串聯玩粉絲遊戲
運送方式 訂購資料(可FB/Google帶入資料)
Backstage Information Architecture 商店資訊 儀表板
訂單資訊 報表
1. 2. 3. 4. 5. 6. 7.
統計資訊 到訪人數曲線圖 商品銷售排行榜 營業額月報表 營業額曲線圖 付款方式曲線圖 運送方式曲線圖
商店設定
訂單管理 評價管理
付款設定(綠界/PayPal) 運送設定(綠界/實體門市取貨/一般宅配/貨到付款/國際快遞)
商品列表 快速更新(即時編輯庫存/價位) 訂單列表/訂單狀態彙整區
訂單明細(顧客/付款/運送/商品/發票資訊)
前台設定(炒熱氣氛/顯示商品總覽/顯示庫存功能) 展示商品(建立商品/設定規格價位) 展示商品庫存(設定商品狀態/庫存) 組合商品(建立組合商品/設定規格價位) 組合商品庫存(設定組合商品狀態/庫存)
評價設定(過濾/檢舉功能)
內容編輯(banner編輯排版)
分潤功能(曬照/快說功能)
商品優惠(全館/單品優惠設定) 加值廣播點數(點數可進行推播)
廣播吧! 帳務管理
通知設定(訂單提醒/商品缺貨提醒/評價留言提醒)
全館優惠設定(免運/折扣優惠)
商品維護 金流首頁
基本設定(商家資訊/地區/語言/貨幣)
缺貨通知名單(Email/FB路徑通知) 金融請款
E-Commerce Platform
Fans Play Shop - Backstage Final UI
Store setting backstage interface
Store Setting Backstage Interface
Fans Play Shop - Frontstage Final UI
E-Commerce Platform
Desktop UI
App UI
Pop Up Screen UI
02
Duroyal x Deadpool 2 Campaign Website As Deadpool 2 is coming out, Duroyal, a famous ice cream company, tries to do some advertisement to increase customers’ buying desire. This is a campaign website where customers can get prizes by buying Duroyal ice creams and upload their products.
Website Design
Visit Website
Campaign Description
1
Campaign 1 - Upload Invoice & Draw Prize
2
Campaign 2 - Humor Conversation
This campaign is to let the customers upload their invoice number that buys Duroyal ice cream. One invoice number is one chance to draw the prize, the more you upload the more chance you get.
Choose any Deadpool 2 image that has an uncompleted sentence, and try to ďŹ ll in your creative humor words to make it more vivid and funny. Also, any image you create is a chance to draw prize, the more you upload the more chance you get.
Information Architecture
Tab
首頁 登錄發票窗口
Tab
Tab
Tab
Campaign 1:
Campaign 2:
登錄發票抽獎 惡搞圖好好玩
活動辦法＆個資說明規定 圖片總覽
Tab
單一圖片
首頁 Tab
產品介紹頁 Campaign 1
Tab
獎品說明
得獎名單
Tab
杜老爺官網 杜老爺粉專
活動說明＆獎品介紹
Switch
Campaign 2
活動說明＆獎品介紹
Campaign 1
得獎者
Tab
下載 分享
個資規定內容 獲得抽獎機會
Link
Link
杜老爺官網 杜老爺粉專
雙倍巧克力介紹 高級甜筒介紹 焦糖香草介紹 介紹
O’Black
草莓甜筒介紹
Switch
Campaign 2
Tab
活動辦法內容
淇淋巧酥介紹
Menu Bar
Tab
獲得抽獎機會
得獎者
抹茶甜筒介紹
UI / UX Wireframe - RWD Show Home page Option 1
Option 1
Campaign Description
Campaign Rules Event discription
Tab
Logo
Option 1
Campaign Name
Tab
Option 2
Option 2 Option 3 Option 4
Tab
Option 5 Option 6
Name
Phone
Phone
Address
Address
Invoice Number
Invoice Number
Campaign Description
Add New Invoice
Option 7 Campaign Description
Name
Campaign rules description & rules agreement.
Tab
Tab
Add New Invoice Event rules description & rules agreement.
Submit
Option 8
Submit
Tab
Option 1
Option 2
© 2018 FOX. MARVEL © 2018 MARVEL.
© 2018 FOX. MARVEL © 2018 MARVEL.
© 2018 FOX. MARVEL © 2018 MARVEL.
Tab
© 2018 FOX. MARVEL © 2018 MARVEL.
© 2018 FOX. MARVEL © 2018 MARVEL.
Tab
Tab
Tab
Option 3
Option 4 Tab
Tab
Date of campaign
Date of draw
Date of announcement
Option 4
Option 5
Option 6
Date of campaign
Date of draw
Date of announcement
campaign 1 Campaign Description
campaign 1
description
campaign 2
description
campaign 1
description
Website Design
- Campaign 1 -
campaign 2
description
- Campaign 2 -
Product
Phone
Prize 1
Prize 1
Name
Number
Name
Number
Name
Number
Name
Number
Name
Number
Name
Number
Name
Number
Name
Number
Name
Number
Name
Number
Prize 2
Prize 4
Product Share
Prize Name
Prize 5
Prize Name
campaign 2
Name
Prize 3
Dowload
campaign 1
Prize
Product
Change
campaign 2
Prize Invoice Name Phone
Campaign Description
Campaign Description
Option 6
Number
Name
Number
Number
Name
Number
Number
Name
Number
Number
Name
Number
Number
Name
Number
Number
Name
Number
Number
Name
Number
Number
Name
Number
Number
Name
Number
Number
Name
Number
Prize 2
Prize 3
Prize 4
Prize 5
Campaign Description © 2018 FOX. MARVEL © 2018 MARVEL.
© 2018 FOX. MARVEL © 2018 MARVEL.
© 2018 FOX. MARVEL © 2018 MARVEL.
© 2018 FOX. MARVEL © 2018 MARVEL.
Product
© 2018 FOX. MARVEL © 2018 MARVEL.
© 2018 FOX. MARVEL © 2018 MARVEL.
Link to Duroyal’s official website Link to Duroyal’s Facebook fans page
Option 1
Campaign Name
Logo
Campaign Description
Name
Campaign Description
Phone E-mail Address Invoice Number
Movie Character
Products
Add New Invoice Campaign rules description & rules agreement.
Submit Option 1
Option 2
Option 3
Option 4
Option 5
Option 6
Option 7
Option 8
Option 1
Option 2
Option 3
Option 4
Option 5
© 2018 FOX. MARVEL © 2018 MARVEL.
© 2018 FOX. MARVEL © 2018 MARVEL.
Option 2
Option 5
Option 6
Option 7
Option 8
Campaign Description Product
Movie
Character
Campaign Description
Movie
Character
Product
Campaign Description Product
Campaign Description Option 1
Option 2
Option 3
Option 4
Option 5
© 2018 FOX. MARVEL © 2018 MARVEL.
Option 6
Option 7
Option 8
Option 1
Option 2
Option 3
Option 4
Option 5
© 2018 FOX. MARVEL © 2018 MARVEL.
Option 6
Product Option 7
Option 8
Final UI - RWD Show
Event Platform
03
Animal Studio
Project Description Animal Studio provides various animal activities and events that allow people to help endangered animals and understand the situation. This is also a platform combining industries and charities, as well as a promotional space for businesses and as an event co-organizer for the charities. The aim of the Animal Studio is to show that everyone can play the role.
Background: Issues In Our Society
Wildlife Population Decline Between 1970 And 2012
58% -38%
Terrestrial Species
-81%
Freshwater Species
-36%
Marine Species
Overall decline in wildlife population BY WWF
Main Purposes 1. How can we stop wildlife vanishing? 2. How can people engage with the activities?
Research & Analysis Hedgehog has seen a harsh decline in the last 70 years. In1950 there were an estimated 36milion hedgehogs in the UK. Sadly, reports suggested that had dropped to just one million in 2013, and the experts believe that there are less than a million right now. 2001
105
2002
1950
100 110
2003
36
97 100
2004
94 92
2005
96 86
2006
101
81
2007
103
77
2008
101
71
2009
92 67
2010
Number of hedgehog 1 million
2013
1
84 63
2011
2017
Under 1
76
2012
60
Hedgehogs seen in urban areas Hedgehogs found dead on road By WWF
Brainstorming
Stakeholders Relationship
Marketing
Education The General Public
Other Related Companies: natural material company, pet foods company and etc.
Event Platform
Other Charities
Core Stakeholders Related
Charities
Companies
Website Developer
Program Organizer Service Manager
How It Works For General Public: Animal Studio collect all kinds of the events about animals, which from different organizations. For Business Company: Sponsors/ companies could supply the tools, materials, foods, products and any kinds of stuff that regarding endangered animals and environment, whilst they will gain the chance for branding promotions. For Charity: Animal Studio is not only the platform offers event but can also be co-organizer to organize activities.
Animal Association / Organization
Sponsor
nd sa Pro d
uct
Pro
nts
Eve
Ma
ter ial,
le op
Pe As A Co-organizer To Set Up Events
mo tio
n
etc
.
EVENTS
Animal Studio - Business Relationship Charity side Charities can set up an event on this platform or cooperate with Animal Studio for organizing an event. In this way, charities could have another opportunity to promote their event, whilst gain more attendees to understand the content of activities and raise the awareness of the ecosystem conservation.
Business side
Event Platform
Animal Studio is focused on the industries that related to wildlife, natural, ecosystem, environment, and species protection. Those companies offer products and materials that can support the activities, such as mealworms for birds and hedgehogs, could use this platform to attract more customers during the event. Animal Studio provides not only the related companies a space to promote their brand but also helps them build the positive image. Therefore, companies that join Animal Studio will be asked to provide related supplies or materials and will have the opportunity to create a positive image and promote the product.
Related Companies
Build Brand Image
Charities
Material for Event Access to Market: More People
Profil & Animals Event Service Fee
£
Access to Market: More Customers
Profil & Request
£
Service Fee
Interview Interview with Emily Wilson from People’s Trust for Endangered Species
Four Mainly Elements During Interview People
Events
People are an important element for charities to push their purpose further. People who engage in the charities activities could be the funder side as well as the promotion side. In addition, people who have been educated by the PTES’s event will be educator to spread the concept of environmental protection and conservation to more and more people. This is the ‘Power of the people’.
PTES set up several animal event and activities for educating people the ecofriendly idea and training them not to harm the land. The experts from PTES usually teach the public some top tips that can quickly do the help for animals in their garden. Thus, people attend the event is not only learning the practical things but inspiring them to care more things and change their behavior.
Organizations
Animal Studio
The situation for charities in the United Kingdom is usually combining several units and work together. Each unit has different attributes and is also responsible for different professions, but their division of labor is committed to achieving a same goal.
After introduced my project, Animal Studio, PTES is highly willing to join the platform and expect to have more opportunities to promote their event and activities. However, the most difficult challenge for PTES and other charities is organizing the events. Therefore, Animal Studio as an event co-organizer will be a big help for them. In the other side, PTES’s participation is a great support for Animal Studio; besides, Animal Studio must listen to a wide range of comments and feedback in order to build a good operating system.
Application Final UI
Event Platform
Animal Studio This is a application that you can explore the wildlife where ever you are. Not just to explore those beautiful creatures around you but you also could find ways to help the animals that need your help!
Amazing search tool! Compared to other search tools, Animal Studio is more human and emotional. Here you can search for any area by geographical icons, you can find the right environment just what you want to explore! And depends on your time location, it will change the day/night mode automatically, you don’t need to worry about the sight and lights may disturb your adventure.
Event Platform
Buy & Keep, Life Is So Easy. Wherever you go, just open Animal Studio, your tickets will be kept in your phone 100% safety, unless‌ you lost your phone :( You don’t need to remember to bring that piece of paper that you might always forget, just enter Animal Studio, we will keep it for you! Also, you could check your event schedule and history, we will happy to make your life easier and happier :D
Thank you.