本文へスキップ
KUREHO KINUMOTO
← 02 — GRAPHIC / CLIENT WORK
Wexpats のメインビジュアル

2019情報設計 / グラフィックデザイン / UI 設計 / フロントエンド

Wexpats

Overview

日本に関心のある海外在住者向けサービス Wexpats の立ち上げに、デザイナー兼プロダクトマネージャーとして参画。狙う市場は決まっていた一方、ユーザーが何に困っていて何を届けるのかが曖昧なままだったので、まずそこを言葉にするところから始め、ターゲット定義・情報設計・UI・フロントエンド実装まで担当しました。

Members

プロダクトオーナー1
SEO 兼プロジェクトマネージャー1
エンジニア(ディレクション)1
エンジニア3
デザイナー兼プロダクトマネージャーMe1
デザイナー1

Output

UX

ターゲット定義

誰の何を解決するサービスなのかを言葉にし、方向性を定義。以降の情報設計・UI の判断基準をこの段階で定めました。

担当:リサーチ / 分析 / 定義

ターゲット定義 1
ターゲット定義 2
UX

情報設計

サービス全体の情報構造と、目的の情報へ最短で届く導線を設計。ワイヤーフレームで全画面を定義しました。

担当:情報設計 / ワイヤーフレーム

情報設計 1
情報設計 2
UI

UIデザイン

情報設計を画面に落とし、プロトタイプで検証しながら UI を確定。

担当:UIデザイン / プロトタイプ

UIデザイン 1
UIデザイン 2
DEV

フロントエンド実装

デザインした画面を自分で実装。受け渡しがないため、意図をそのまま形にできました。

担当:HTML / CSS / JavaScript

フロントエンド実装 1
フロントエンド実装 2
フロントエンド実装 3
フロントエンド実装 4