top of page
一目でサービス内容がすぐわかるようなイラスト性をもたせつつ、視認性を損なわないように意識して仕上げました。修正なしの1発でこちらが採用されました。タイポグラフィーは、UQのロゴをベースに制作。
![UQ_iphone1.png](https://static.wixstatic.com/media/0dedb3_4291199e110a4ee790c1341d04e73c62~mv2.png/v1/crop/x_2,y_0,w_1058,h_1366/fill/w_600,h_776,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/UQ_iphone1.png)
WEB版、Android / iOSアプリ版 UIデザイン・アプリ訴求ブランディング
UQのニュースアプリ「UQ LIFE」の全UIデザインをWEB版、Android / iOSアプリ版と同時進行で制作。サービスロゴやアプリ訴求のためのキービジュアルも全て担当させていただきました。制作に必要なリサーチの内容の可視化から全体像を損なわないカラー想定、ロゴやイメージ画像まで一貫して制作することで、ブランドイメージをより強固なものに仕上げるように意識しました。
サービスロゴ
![UQ_life_logo.png](https://static.wixstatic.com/media/0dedb3_a19f5ff4ce7346c7b9fe0e11ee19f196~mv2.png/v1/fill/w_402,h_243,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/UQ_life_logo.png)
![UQ_ui.png](https://static.wixstatic.com/media/0dedb3_556d95644ff143618c89392333e9b4c3~mv2.png/v1/fill/w_981,h_566,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/UQ_ui.png)
ユーザーインターフェイス
デザインガイドラインを作成し、コンポーネントごとの要素にまとめてUIを構築していきます。
![UQ_app.png](https://static.wixstatic.com/media/0dedb3_17749be0e46644c39a75d40de7a7cb25~mv2.png/v1/crop/x_0,y_160,w_1546,h_1057/fill/w_471,h_322,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/UQ_app.png)
Web / Android / iOSのデザイン同時進行
AndroidとiOSそれぞれのプラットフォームのデザイン思想の違いを理解し、各OSのデフォルトUIのデザインガイドラインに沿って制作しています。
![UQ_proto.png](https://static.wixstatic.com/media/0dedb3_c22d3b61a357436aa969980eb10b7579~mv2.png/v1/crop/x_48,y_118,w_1493,h_1051/fill/w_470,h_331,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/UQ_proto.png)
プロトタイピング
プロトタイピングを繰り返し検証し、ユーザー目線から確認しながら、UI/UX双方向のアプローチでデザインを構築していきます。
bottom of page