HELLO.
NICE TO MEET YOU
4
LANGUAGES
QUADRILINGUAL
11
YEARS
EXPERIENCE
ABOUT ME
香港出身、香港育ちで2015年9月にワーキングホリデーで来日し、現在日本国籍に帰化しました。母国語は広東語で、日本語、英語、中国語が話せます。専門学校と大学を卒業し、香港で約2年間webデザイナーとして勤め、その経験を活かし、現在は日本の大阪でUIデザイナーとして勤めさせていただいています。
Hey there! I'm Kai Usui. I was born and raised in Hong Kong. I came to Japan in September 2015 and now neutralised as a Japanese. I am a quadrilingual person who can speak Cantonese (Mother tongue), English, Japanese and Chinese. I have a Higher Diploma degree in Advertising, Packaging and Branding and a bachelor degree majoring in Marketing and Public Relations. I have 2-year working experiences as a web designer in my homeland. I wanted to fully utilize my skills so I moved to Japan. Now i am living and working in Osaka, Japan.
DESIGNER
1
DIRECTOR
1
PROGRAMMER
4
Members involved In this project
MONTHS
6
Duration
CASE 02
商品の既存ラインアップページをリニューアルし、よりユーザーが使いやすくLPを制作しました。リニューアル通して達成したいゴールは各商品の比較のしやすさをあげ、カテゴリは2つの商品があるため、このページ内で行き来が可能にしたいとなります。また、商品の詳細の下層が大量にあり、モジュールを作成しコーダーさんと連携した展開をしました。リリース後はCV率が上がり、社内とお客様からにも好評をいただきました。そして、日本語以外も30言語以上の展開をしました。（守秘義務のため、商品とテキストもダミーのものになります。）
Renewing our client's product line-up page, I was assigned to design a page in order to increase the usability. The goal of the page is to higher the ease of comparison of the products and user can easily change and view the categories of the products. (As there is a confidential disclosure agreement between my company and my client, the demonstrated products or texts in the image is in dummy version.)
accredit the author:
iphone accredit the author:
DESIGNER
1
2
WEEKS
Duration
Members involved In this project
自主制作の仮想商品、クレジットカードを連携できる電子マネーサービスとページをデザインしました。サービスをユーザーに勧めるため、特徴、メリットをわかりやすくユーザーに伝えるページです。
This is an exercising page which objective is to promote the product named as YES Pay. The goal of the page is to increase the CV rate (user to download and install the application) and to deliver the benefits to the users.
CASE 03
従来の商品と違って、進化したところをこのセクションでよりユーザーがわかりやすくするため、実際現場で作業し測定するような動きを加えて紹介します。ユーザーが①のナビで特徴1から4を選んでもらい、②測定物が入れ替わり、そして商品がスキャンすると、③各特徴の説明文と測定画面が切り替えます。
メインビジュアルの背景はAI搭載してる売りを強調し,テクノロジー感の演出があるparticle waveでアピールします。
DIFFERENCES
MVからAIを連想する動画を配置し、タイトルや商品の置き方はダイナミックでよりユーザーに印象残ります。
前のバージョンは緑系の色を使ってましたので、青近い色に選択しました。
MAIN COLOUR
KEYWORD
・明るい
・AI
・賢い
・クール
このシリーズの商品は業界にかなり有名で、前のモデルから認知度が高く、今回4代目に進化され、さらにAIの機能が追加されますので、このページでぜひユーザーに知ってもらいたいです。
商品の外観は前のバージョンとあんまり変わらないので、ページに入った瞬間に新鮮感を出すため、全体色からセッションの変換し方また特徴の見せ方などを工夫し、ビジュアルで既存のページと明確に区別させることにしました。
This series of products has been highly recognized since the previous model. This time our client has released the 4th generation with a Built-in AI, therefore, the main idea is to deliver the message to the users that the product has reached a new level.
The appearance of the product has not much differences from the previous version, so in order to distinguish the page with the others, and create a "new" feeling when users enter the page. I have decided to change the way of showing visual and use different tone and manner from the existing page.
CONCEPT
お客さんの新しい商品がリリースされ、その商品を特化したLPを制作しました。
一ページのLPで、商品が4代目の製品+新しい特徴-AIができた売りを強調し、新規お客さんを獲得しながら、既存のユーザーにバージョンアップを勧めるページになります。リリース後はCV率が上がり、社内とお客様からにも好評をいただきました。（守秘義務があるため、商品とテキストもダミーのものになります。）
Our client released a new product and I was assigned to design a landing page for the new product. The page is designed to introduce the features of the 4th generation product and new released AI technology in order to attract new buyers and users to upgrade their models. (As there is a confidential disclosure agreement between my company and my client, the demonstrated products or texts in the image is in dummy version.)
CASE 01
Duration
2
MONTHS
Members involved In this project
1
PROGRAMMER
1
DIRECTOR
1
DESIGNER
CONCEPT
商品が多く、縦が長くてスクロールしないと辿り着かない、比較し難いのは既存のページの問題です。今回のリニューアルで見やすさを改善し、商品の探しやすさを改善し、詳細見て次の商品と比較しやすいのを考えてみました。ページに入った瞬間に、商品のサムネイルを大きくアピールし、1列2個から4個に増やして、ファーストビューから多く数の商品を見せたいデザインにしました。
There are various products displaying in the page. However, user cannot compare the products easily if they don't scroll and could not notice the products at the bottom as the page was very long. I decided to modify the size of thumbnail, the number of the products in first view etc, in order to improve the ease of use of the page.
・シンプルで洗練
・外観で区別
・より見やすい
KEYWORD
MAIN COLOUR
お客さんのイメージに合わせ+
商品を目立たせたく、薄いグレーで全体落ち着くトーンにし、カレントは青で強調します。
既存のページにサイト全体ナビなど、ユーザーには要らない情報をとり、商品の見せ方を改善し、より早く欲しい情報に辿り着くレイアウトをデザインしました。
DIFFERENCES
既存のページは左右両方にサイトのナビがあり、情報が多すぎてユーザーがこちらの商品に集中しにくいです。また、テキストをメインにし、早く商品を探したいですが、文字読むに時間がかかります。
見せ方を改善し、より多く数の商品を並び、商品の外観ですぐ区別でき、ユーザーが興味ある商品はすぐ押してもらい、比較しやすいページになりました。要らないナビをとり、上にビジュアルでユーザーにこのシリーズの商品を見てることを明確し、左のタブで商品の二カテゴリの切り替えもできるように改善しました。
Product accredit the author:
MY OTHER PROJECTS
ビジュアルでクレジットカードがスマートフォンの中にあるイメージして、管理しやすく、記録もあり、安心して使える、より想像しやすくユーザーに伝えます。
文字のみよりアイコンを使い、パッと見た瞬間にユーザーがこの商品のいいところを理解し、ダウンロードを誘導します。
商品のブランドカラーに合わせ、全体明るい印象を与えます。
MAIN COLOUR
・メリットが多い
・安全感
・わかりやすい
KEYWORD
スマートフォン一つだけで全て完結できる！という考えから始まり、便利さ、管理しやすく安心で使えるイメージキャッチコピーとメインビジュアルで表現し、メリットもいっぱいで設定は簡単で誰でも使える商品とユーザーに勧めるページと考えます。
To deliver the measure "You can do all the things within you smartphone", the visual and copy of the page is bring an image of convenient, easy to manage and secure to the users. Recommending the product by telling users everyone can easily use it.
CONCEPT
MY WORKS
HOW TO FIND ME
Feel free to contact me and I am happy to show you more of my works.
Please contact me at kaijo.gary@gmail.com or LinkedIn account below. Thank you.