WebDigital Wallet HP

https://www.digitalwallet.co.jp/

株式会社デジタルワレットHPリニューアル

期間

2019/01〜

チーム体制

外部委託webデザイナー1名・ディレクター（自身）１名・監修（CEO）１名

担当箇所

サイトデザイン、ロゴデザイン、デレクション（外部デザイナーへDrupal構築依頼）

制作環境・使用言語

AfterEffects、Illustrator、Photoshop

コンセプト・ポイント

見た人に安心感を持ってもらえるよう、クリーンなイメージの白を貴重にKVをデザインしました。会社ロゴカラーは信頼感を感じるベーシックな濃い青を基調としてデザインしています。Drupalでの構築を外部委託し、ディレクションも担当しました。サイト公開後の修正等は自身で担当しています。

WebmDMP HP

https://mdmp.app/

サービス立ち上げ・Webサイト作成

期間

2022/02〜

チーム体制

PL 兼 デザイナー（自身）1名・エンジニア2名・営業2名

担当箇所

プロダクトデザイン・ブランディング・ロゴ・PR活動・PL・web作成・プロモーション他

制作環境・使用言語

XD、Illustrator、Photoshop、AfterEffects

コンセプト・ポイント

新規サービス立ち上げから携わりプロダクトデザイン・ブランディング・ロゴ・PR活動・プレゼンなどさまざまな経験を積むことができました。2023年ローンチ予定のため今後グロースフェーズとなります。

WebInstant APP

http://instantapp.ee/

ノーコード開発アプリ紹介webサイト

期間

2020/04〜（制作２週間）

チーム体制

エンジニア1名・デザイナーコーダー（自身）１名・翻訳１名

担当箇所

WEBデザイン全般（ロゴデザイン、コンテンツ策定、WF、デザイン、イラスト）コーディング（WordPress Elementor使用、レスポンシブ対応）

制作環境・使用言語

Figma、XD、Illustrator、Photoshop、Elementor

コンセプト・ポイント

委託デザイナー巻き取り案件のためスピーディに作成（WordPressプラグインElementorを使用）しました。
ユーザーにとってイメージが湧きやすいアプリ画像をKVにし、際立つよう背景は白く余白を持たせました。開発せずにアプリを作れると言うコンセプトのため、ロゴはビジネスの信頼感を濃い青、トレンド感が伝わるようグラデーションを使用。安心できるイメージを与えるため、太いフォント、スピード感をイタリック体で表現しました。

WebUrban Sports

https://urbansports.app/

都市型スポーツアプリ（来場者QR、BLOG）リリースに伴うBLOGサイト作成

期間

2019/04〜

チーム体制

エンジニア1名・PM１名・デザイナーコーダー（自身）１名、代理店担当者２名

担当箇所

デザイン全般（アプリWF、デザイン、webコンテンツ策定、WebサイトWF、デザイン）コーディング（WordPress使用）

制作環境・使用言語

Photoshop、HTML、CSS、PHP

コンセプト・ポイント

アプリと連携したblog型サイトとなるため、WordPressにて作成しました。テーマは賢威の子テーマをを作成し、BMXやダンスなどアーバンスポーツの最先端のかっこよさを表現するためベースに濃いグレーを敷き、アクセントに蛍光オレンジを使用してデザインました。

Appマックスバリュ西日本アプリ「My-pi」

来店ポイント販促アプリ（ルーレット、QRコード、クーポン）

期間

2018/12〜

チーム体制

ディレクター１名・PM１名・営業１名・エンジニア３〜４名・デザイナー自身１名

担当箇所

WF、デザイン、バックオフィスデザイン、コーディング、ルーレットアニメ、ガチャアニメ）デザイン修正、提案など

制作環境・使用言語

XD、AfterEffects、Lottie、Photoshop、Illustlator、HTML5、SCSS、Git

コンセプト・ポイント

店舗内QRを読取り来店スタンプがついたり、ルーレットが回るなどのゲーミフィケーションが楽しいアプリのため、わかりやすく、女性や子供が楽しいカラフルな色あいでデザインしました。着せ替え機能もあり、テーマカラーの変更が可能となっています。

ガチャアニメ、スタンプアニメ制作では、アニメーションの心地よいスピード感と秒数を工夫しつつ作成しました。

Appイベント入場QR アプリ「URBAN SPORTS」

FISE広島 入場QRコード付き スポーツファンアプリ

期間

2019/04〜

担当箇所

WF、デザイン、コーディング、アプリテスト、進捗管理

制作環境・使用言語

AdobeXD、Photoshop、Illustlator、HTML5、SCSS

コンセプト・ポイント

入場者4万人ほどのイベントでのQR入場機能と、イベントの記事が見れるアプリ。
アプリ内からサイト記事を読込み記事を表示させているため、アプリ内とサイト内トンマナを同じにして構築しています。

QR入場管理システムはコロナ渦での運用として好評で、問診アンケート付随やBeacon連携させアプリを刷新しています。

AppMolly Fantsy DXアプリ

期間

2020/12〜

チーム体制

PM１名・エンジニア２名・デザイナー自身１名・広告代理店担当１〜２名

担当箇所

WF、デザイン、コーディング

制作環境・使用言語

AdobeXD、Illustlator、HTML5、SCSS

コンセプト・ポイント

イオンファンタジー来店ポイント付与のためのアプリで、リリーズ後ポイント購入機能や誕生日ポイントなども経て多くのユーザーに使っていただいています。カラフルなロゴに合わせて可愛く、かつシンプルな導線で使えるようにデザインしました。

Appイオンファンタジー
来店ポイントアプリ

イオンファンタジー来店時に端末でバーコード読取るとスロットが周り、ポイントが付与される

期間

2018/11～

チーム体制

営業２名エンジニア１名、デザイナーコーダー１名(自身)

担当箇所

スロットアニメーション、デザイン、コーディング

制作環境・使用言語

AfterEffects、Illustlator、ATOM、HTML5、CSS3、Bitbucket、ionic

コンセプト・ポイント

筐体の変更によりスワイプ方式にコードリーダーが追加され、ポイントカードが増えたことによるUI変更、アニメーションの変更の担当をしました（ルーレット→スロットアニメーション）。

子供が楽しめる、適切な長さのアニメーションを意識してデザインしました。

現在はMFDXサービスに伴い刷新（自身担当）を行っています。

Appリテールテック出品来店ポイントアプリ
（デモンストレーション用）

リテールテック出品アプリ「ipadを使用した安価な来店ポイントが付与できる」アプリ。

期間

2018/10～

チーム体制

営業１名・エンジニア１名・デザイナーコーダー１名(自身)

担当箇所

画面デザイン、イラスト、gifアニメ作成、コーディング（HTML、CSS、javascript）

制作環境・使用言語

Photoshop、Illustlator、ATOM、Bitbucket、ionic、HTML5、CSS3

コンセプト・ポイント

• 限られたスペースでのマーケティングということや、来場者の目的、年齢、職業などを考慮し季節感を出して桜が舞い散る仕様にしました。
• 「季節によって雪を降らせることも可能」と展開できるようデザインしました。
• ペルソナを女性や子供に絞り、動きがあり目を惹き、ピンクを基調としたクラフト調のテクスチャで優しい感じをデザインしました。