デザインチームの業務を詳しく紹介します!ユーザーフレンドリーなデザインを追求する

株式会社コントロールテクノロジーでは、さまざまなチームが互いに協力しながら予約システム「RESERVA」の開発・運営を行っています。

当社には、RESERVAのデザイン全般にわたる業務を担当するWebデザイナーが所属しています。
UI/UX設計や情報設計などを担当するUIデザイナー、コーポレートサイトや採用サイトといったホームページのデザインなどを制作するWebデザイナー、HTML/CSSコーディングを担当するマークアップエンジニアなど、さまざまなスキルを持ったメンバーが活躍中です。

今回の記事では、「どんな方にも使いやすいユニバーサルデザインを作り上げること」をミッションに掲げるデザインチームが普段どのような業務を行っているか紹介します!

目次
  1. 1.ホームページデザイン制作
  2. 2.ノベルティ制作
  3. 3.ロゴ制作や画像加工
  4. 4.HTML/CSSやJavaScriptのコーディング
  5. 5.UI/UXの情報設計
  6. まとめ

1.ホームページデザイン制作

デザインチームでは、主にエンドユーザーが操作するRESERVAの予約画面のデザインを担当しています。

RESERVAの予約画面

RESERVAは個人事業主から自治体、大学まで、老若男女多くの方々に使っていただいている予約サイトです。そのため、実際に予約サイトを訪れた訪問者が「この予約サイトは見やすい!」「わかりやすくて操作もかんたん!」と感じてもらえるように、ページデザインやフォントなどを含む視覚的なUI(User Interface)、読み込みの速さや導線の分かりやすさといったユーザーの体験UX(User Experience)を改善していきます。

導線がわかりやすいシンプルなデザイン

RESERVAのUI/UXのほかに、RESERVA予約システムの公式サイトやオウンドメディア、コーポレートサイトの制作、各種バナーや広告制作もWebデザイナーの仕事です。
RESERVA関連のWebサイトは複数あり、それぞれコンセプトが異なります。見た目の美しさはもちろん、そのサイトのコンセプトに合ったデザインを意識しています。

当社が運営するオウンドメディア「予約DX研究所

このように、より使いやすい/、見やすいRESERVAへと成長させていくのが当社のWebデザイナーの役割です。個人のデジタルリテラシーの高さにかかわらず、直感的に操作していくと、いつの間にか予約が完了している、ストレスを感じさせない操作性を目指しています。

2.ノベルティ制作

当社ではノベルティグッズを制作しています。
こちらは今年作製したステンレスタンブラーです。保冷・保温性もあり、オフィスのデスクの横に置けて、持ちやすく、作業時にはちょうどよいサイズ。落ち着いたネイビー色に「RESERVA」のロゴが入っています。デザイン過程では、まず「RESERVA」の前に「R」の丸いマークをつけて目立たせて、さらに下の行には当社の掲げるメッセージ、「予約の未来を創る」を入れることにしました。ロゴはタンブラーを使っていくうちに文字が消えないようにレーザー彫刻のプリント仕様にし、愛着のあるノベルティに仕上がりました。

また、当社オフィシャルクラブパートナーの湘南ベルマーレさんとのコラボカレンダーも作製しています。カレンダーは、その見やすさはもちろん、湘南ベルマーレの選手やサポーターの写真が盛りだくさんで、日々の業務にも熱が入ります。オフィス内の各ミーティングテーブルや自身のデスクに置いている社員もいて、重宝しています。

3.ロゴ制作や画像加工

ノベルティグッズのロゴのほか、当社コーポレートサイト、各種ロゴを作成するのもデザインチームの業務です。

当社が運営するオウンドメディア「予約DX研究所

たとえば、当社のオウンドメディア「予約DX研究所」のタイトルデザインや、各種ロゴ、画像加工を行っています。デザインを担当する際には何パターンも候補をつくり、社内で議論しながらよりベストなデザインにしていきます。周囲のリクエストを聞き、デザイナー自身も試行錯誤しながら制作していく点が醍醐味です。

アジアの旅行情報をお届けしている「Your Trip公式チャンネル」のロゴを作成しました!

4.HTML/CSSやJavaScriptのコーディング

当社では、RESERVAに実装しているHTML/CSSやJavaScriptのコーディングにデザイナーチームが関わることもあります。

「デザイナー」という職種だけで考えると、JavaScriptのスキルは必須ではありません。ただ、HTML/CSSに加えてJavaScriptを自在に操れることで、フロントエンド領域もすらすらとコーディングできるデザイナーとしての活躍範囲も広がり、スキルアップが見込めます。

RESERVAのデザインに関わる業務を幅広く担当できる点も当社のデザイナーの特徴です。実際にデザイナーとして働く阿部さんのインタビューを公開しているので、そちらもあわせてご覧ください。

5.UI/UXの情報設計

UI/UXデザイナーは、RESERVAの開発に参画し、Web/タブレット/モバイルアプリのUIデザイン、プロトタイピング等を担当します。デザイナー同士、エンジニアチームと議論しながら、ベストなUIデザインを作り上げていきます。

RESERVAは自社開発のプロダクトであるため、自分のアイディアを直接反映でき、自分のデザインに対するユーザーの反響を見ながらさらに改善することができます。
また、当社のUI/UXデザイナーは、デザインとコーディングのどちらかにかたよることなく、双方のスキルを伸ばせます。

まとめ

当社コントロールテクノロジーのデザインチームは、3000万人以上のエンドユーザーにご利用いただいている、業界ナンバー1のSaaSプロダクトのUI/UXデザインを担っています。

また、プロダクトのデザインの美しさだけではなく、ユーザーの使いやすさも意識する必要があり、デザイナーとしての能力を高めることもできるチームです。今後も多くの人の目に触れるRESERVAのよりよい操作性を追求し、常に最新のデザインへとアップデートしていきます。

他チームやそれぞれの職種の紹介は後日ブログでお知らせします。

ぜひご覧ください!