LoginSignup
0

More than 5 years have passed since last update.

アイスタイルのデザイナーって何してるの?

Last updated at Posted at 2017-12-23

みなさん、こんにちは。
今年の9月からアイスタイルにジョインしたデザイナーの新井です。
この記事は、「アイスタイル Advent Calendar 2017」24日目の記事です。
今日はクリスマス・イヴですね:santa_tone2:

はじめに

女性で@cosmeを知っていたり、利用している人は割と多いと思うのですが、
男性の方だと知らない方がいたり、またアイスタイルと聞いてすぐに@cosmeと結びついている人は、まだまだ少ないのではないかなと思います。

また、@cosme=口コミサイトといった印象も強いのではないでしょうか。
(私も、転職する前まではそう思っていました。)

しかし、実際には口コミ以外にも@cosmeのリアル店舗や通販、サロン予約や化粧品業界の求人など、美容に関わる様々なサービスがあります。

デザイン部では、それらサービス別にデザイナーがいて運用をしたり、チームを組んで新規開発などを行なっています。

今回は簡単ではありますが、私が入社してからの業務を3つに分けてお話したいと思います。

1.マークアップ

入社して最初の作業はマークアップでした。
内容はcssの修正で難しくはありませんでしたが、前職ではデザイナーとフロントと完全に分業されていて、久しく触れていなかったので少し不安でした。

また、この時に初めてGithubを使いました。
まずは基本の使い方など教わり、ブランチを作ってプルリクしてと一連の作業をしたのですが、その頃は手順を覚えるのに必死で、はっきり理解できていなかったと思います。。

しかも、自分が黒い画面でコマンドを打つ日が来るとは、想像もしていなかったのでびっくりでした。
(黒い画面が怖いのは、デザイナーあるあるだと思います。)

2.ディレクション

運用案件では、既存ページのリニューアルと新規ページのデザインをしました。

今後のステップアップとしてアートディレクターを目指しているので、サポートを受けつつ、ディレクションも担当させてもらいました。

スケジュール確認や、ワイヤー、画面設計書の作成、デザイナーへの指示など、想像以上に考えなければいけない事が多く、
またコミュニケーション力もこの短期間でアップしたように思います。

3.デザイン

今は新規プロジェクトのデザインを担当しています。

今回の案件で初めてAdobe XDを利用しました。

XDの良いところは操作が軽いところと、PhotoshopやIllustratorなどの連携です。
例えば、KVなどの画像はCCライブラリに入れておく事で、後に修正が発生した場合でも、psdを修正し保存するだけでXDにも反映されます。

また、デザイン→プロトタイプ→共有までの一連の流れを、XDだけでできてしまうのも魅力的です。

これまでカンプ一覧はhtmlで作っていて、デザインの修正があるたびに画像の書き出しをしていましたが、
XDのプロトタイプやコメント機能を利用することで、確認や修正などスピーディーに対応する事ができました。

また、違うパターンのプロトタイプを作りたい時は、「新規リンクの作成」で何パターンも簡単に作れる事ができるのも便利です。

ディレクターがワイヤーを作る時にも使えば、デザイナーがパワポから文字を1つずつコピペするといった、地味に面倒な作業も減るので、今後社内でも幅広く活用できたらなと思っています。

最後に

この3ヶ月間で、デザイン以外の業務に携わる事が多かったので、そこをピックアップして書いてみました。
それがアイスタイルの良さでもあると思います。

また、サービスを横断してクリエイターがナレッジ共有をしたり、ヘルプで案件に入ったりと、横軸でつながる機会もあるので、スキルアップにも繋がると思います。

アイスタイルに興味がある人の参考になれば嬉しいです。
最後までお読みいただきありがとうございました。

明日は@sugat1679です!

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0