ShellWebサービスの会社で働くデザイナーが、デザインやライフハックについてゆるく書き連ねるブログです。少人数でのWebアプリケーション開発において、デザイナーはどのようなワークフローでデザインすればよいのでしょうか。従来ならば、「デザインはデザイナー。エンジニアリングはエンジニア。マーケティングは...」と、自身の職種の範囲で完結することもあったかもしれません。昨今では、デザイナーもデータ構造やインタラクションの実装、エンジニアもUIデザインの知識が求められています。お互いがお互いの領域だけで完結していると、いわゆる「見た目はオシャレだけど全然使えないアプリ」ができてしまいます。ならないために、プロジェクトに横断的に関わり、デザイナーとプログラマーが密接に議論を重ねながら開発することが、イケてるWebアプリケーションを生み出す鍵となるのです。今回は、デザイナーサイドのワークフローについて紹介します。仕様を確定させるワイヤーフレームに落とし込みモックアップ作成フロントエンドの実装ゴールの共有まず、職種を問わずチームの皆がゴールとなる絵を明確に描けていることが大切です。わたしたちが作ろうとしているアプリケーションは何ができるのか。