経歴書を見る

Alvin Kuo

デザインリード&クリエイティブテクノロジスト

Alvin Kuo — デザインリード&クリエイティブテクノロジスト

オープニングを準備中

サウンドはオフです

昼の風景を選択中

デザインから実装まで

インターフェースの設計から機能の実装まで アイデアを使えるプロダクトに

こんにちは ヴェネツィアの運河沿いにいる Alvin Alvinです

これまでの歩み

ブランドとビジュアルの設計から AIを活用した制作へ そしてプロダクトの設計と開発へ

制作ツール

デザインや映像表現からインタラクティブなWebサイトまで 10年間ツールを学び続けてきました

今はAIも活用し これまでの経験をプロダクトの構想と開発につなげています

デザインや映像表現からインタラクティブなWebサイトまで 10年間ツールを学び続けてきました

Adobe
CC

制作ツール

Figma

UIデザイン

Cinema
4D

3D・モーション

Blender

3D制作

Unreal
Engine 5

リアルタイムの仮想空間

Webflow

ビジュアル開発

Framer

インタラクティブWebサイト

Java
Script

プログラミング言語

Three.js

3Dライブラリ

GLSL

シェーダー言語

GSAP

アニメーションライブラリ

今はAIも活用し これまでの経験をプロダクトの構想と開発につなげています

課題を
解決する

リサーチ・探索・インサイト

優先順位を
定める

戦略・ロードマップ・計画

体験を
わかりやすく

UX・UI・プロトタイピング

ブランドを
育てる

ブランディング・VI・アートディレクション

プロダクトを
届ける

デザインシステム・開発・テスト

Alvin

Alvin のスタジオポートレート

クリエイティブ
テクノロジスト
クリエイティブテクノロジー

これまでの歩み

ドラッグして見るスワイプして見る

Venus IP World — 浮遊する島と Venus のシンボルを見渡すマント姿のマスコット
星空の背景と Universal Money Markets を使った Alvin の Venus ウェブデザイン
マリーナベイの上にマスコットを配置した Venus TOKEN2049 シンガポールのビジュアル詳細
Alvin がデザインした青と白の Venus クレーンゲーム
供給、借入、リスク指標を表示する Venus Stats の UI

Venusのあらゆる一面を デザインでつなぐ

プロダクトのUIからキャラクターやイベント体験まで さまざまな接点でVenusらしさを形にしていますプロダクトのUIからキャラクターやイベント体験まで さまざまな接点でVenusらしさを形にしています

Venus Protocolの制作事例を見る
クリエイティブな空間をつなぐ Aicowork のインタラクティブな街
建物の外から見た Aicowork の 3D ウェブギャラリー試作
ウェブデザインの参考を一か所で探せる Aicowork のライブラリー
Aicowork の My Studio で使う緑の部屋のビジュアル
ウェブサイトを空間展示する Aicowork のギャラリー試作の内部
参考資料と要件をつなぐ Aicowork のプロジェクトブリーフ画面

Aicowork インスピレーションから協働へ

Aicoworkの共同創業者としてプロダクトの設計と開発を担当 デザインの参考資料 AIを活用した提案 フリーランサーとのマッチングを一つの体験につなげています

Aicoworkの制作事例を見る
Venus Protocol — プロダクト UI の概要
Venus Protocol分散型金融

Venus ProtocolのUI キャラクター キャンペーン インタラクティブ体験

Aicowork — プロダクト UI の概要
Aicoworkクリエイティブプラットフォーム

参考資料 AIを活用した提案 協働をつなぐクリエイティブプラットフォーム

Alphanomics — Alvin の現在の作品カバー
AlphanomicsWeb3・ブロックチェーンデータ

ブロックチェーンのデータを整理し わかりやすく伝える暗号資産分析UI

Beam+Lab — Alvin の現在の作品カバー
Beam+LabWeb3・フィンテック

バーチャルアイドルを生み出すWeb3プラットフォームのブランド戦略とモーション表現

Crypto.com — Alvin の現在の作品カバー
Crypto.comWeb3・OTC

Crypto.comのWeb3ブランドに向けたWebデザイン NFTビジュアル アニメーション

Harmonygroup.eu — Alvin の現在の作品カバー
Harmonygroup.euITソリューション

ITソリューション企業のブランドとWebサイトを刷新

Ink-dagger — Alvin の現在の作品カバー
Ink-daggerタトゥー

ブランドの世界観とオンライン予約をつなぐタトゥースタジオのWebサイト

Kemhome — Alvin の現在の作品カバー
Kemhome家具

ブランドデザインとWebflowで構築した家具のECサイト

Konwlian — Alvin の現在の作品カバー
KonwlianAI教育

AI教育プラットフォームのブランドとWebサイトのデザイン

Mcgroup — Alvin の現在の作品カバー
Mcgroupフィンテック

Webとモーションを通じてMagic Compass Groupの統一したブランド表現を構築

MCMARKETS — Alvin の現在の作品カバー
MCMARKETSフィンテック・CFD

CFD取引プラットフォームのブランドデザイン Webデザイン 3Dアニメーション

Pancakeswap — Alvin の現在の作品カバー
PancakeswapWeb3・DeFi

PancakeSwapのDeFiプラットフォームのUI刷新とIPバナー制作

Shefs-edge — Alvin の現在の作品カバー
Shefs-edgeキッチン用品

商品探しと学びのコンテンツを組み合わせたキッチン用品ブランドのShopifyサイト刷新

Sugarfishsushi — Alvin の現在の作品カバー
Sugarfishsushi飲食

シンプルなUIとブランドストーリーを組み合わせた寿司レストランのWebサイト

TheTradeFund — Alvin の現在の作品カバー
TheTradeFundプロップトレーディング

プロップトレーディングプラットフォームのブランドとWebサイトを刷新

Veritas — Alvin の現在の作品カバー
Veritas飲食

歴史 味わい イベントを伝えるワイン販売店のShopifyストア

制作ノート

Webデザインの観察とAI映像制作の実験から得た学び

近日公開

新しい記事を準備しています

近日公開

新しい記事を準備しています

戻る

POTOの体験

最初のログインから 日々の参加まで

キャンペーンとクエスト

ブランドのキャンペーンを ユーザーが実行できるアクションへ

コミュニティ型プロダクトへ

キャンペーンのコンテンツと継続的な会員の活動をつなぐ構成です

ログインとアカウント

複数の参加方法を 一つのわかりやすい入口に

Web3のオンボーディングへ

ウォレット接続と使い慣れたアカウント操作を共通のUIにまとめました

登録フロー

画面をつくるだけでなく 画面同士のつながりも設計します

プロダクトの計画に

共通のフロー図で分岐を可視化し 個々の画面や開発タスクに落とし込む前に検討できます

ビジュアルの統一

アートワークとUIをつなぐ 一貫した世界観

ブランドらしさを保つ

アートディレクションによってキャンペーンとイラストに共通の表現を与えながら 各企画の違いを際立たせます

POTO · キャンペーンとクエストの概要

POTO のキャンペーンとクエストの UI 全体
戻る