FRONT-END.AI

Service
Art DirectionBrandingDigital DesignWeb
Date
Jan 2019 - Oct 2022
Client
Tsunagu.AI
View live site

01 / The Challenge

As the lead UI/UX Designer for "FRONT-END.AI," I was charged with creating a new service that assists coders by automatically converting design compositions from image files (JPEG, PNG, etc.) or Plugin files (JSON) into code.

Targeting coders with 1-5 years of experience, the service needed to significantly reduce their workload and streamline the preparation of numerous design comp pages.

「FRONT-END.AI」はjpeg/pngなどの画像データやデザインファイルをアップロードすることで、AIがアップロードされたデザインカンプを解析し、コードが自動で書き出されるといったコーダーの業務をサポートする新しい技術のサービスです。

私は立ち上げのメインデザイナーとしてUI/UXデザインとデザインシステムの設計を担当しました。サービスのターゲットユーザーは熟練のコーダーではなく、1~5年くらいのコーダーに設定し、作業時間の削減や大量のページを作る下準備として活用してもらえるよう、機能や使用感を見極めていく必要がありました。

02 / The Story

To meet these requirements, I first assessed the service's functionality and usability before crafting the UI/UX and overall design system.

Understanding the importance of aligning with actual coder needs, I initiated user feedback collection post-launch to refine the service's functionality. Through user testing, we pinpointed essential features and gathered insights on user preferences.

Incorporating this feedback, we rapidly introduced new features addressing user concerns, enhancing the service's practicality, functionality, and user-friendliness. My efforts resulted in a tool that effectively meets the needs of our target audience.

このサービスにおいては、実際のユーザーの声を吸い上げることに注力し、サービスをリリースしてからの機能の改善や補修に力を入れました。実際にターゲット層がどのような機能を必要としているのか、どうやって当サービスを使いたいのか、操作性や使用感はどうなのか、といった点をブラッシュアップするために、ユーザーテストを重ねました。

ユーザーからの要望を吸い上げて、解決すべき問題を解決し、新しい機能の実装も順次おこない、より良いサービス提供ができるよう、現在も取り組み続けています。

Send an E-mail