アイキャッチ画像は10月1日から入居した新オフィス『THE TERRACE TSUKIJI』フリースペースの様子。
こんにちは！マイベストのデザイナー鈴木です。
マイベストではサービスのUI/UXデザインやロゴのリニューアルなど、デザイン全般の仕事をしてます。
10月で入社して6ヶ月経ちました、今回はこの半年間でやった事、特に新しく出来る様になった事にフォーカスして振り返ってみようと思います。マイベストのデザイナーが普段どんな事をやっているのか伝わると嬉しいです。
ちなみに開発チームはデザイナー、フロントエンドエンジニア、サーバーサイドエンジニアの3人。どんなチームなのかはこちらの記事に書いてみました。
マイベストに入ってまず必死になったのがコードベースの開発。
いわゆる｢黒い画面｣、GIT、HTMLテンプレートエンジンなどなど、、
苦手意識で逃げていた事をとても後悔しましたが💦
開発チームのエンジニアに助けてもらいながら、今では何とか出来るレベルにはなりました。
マイベストで黒い画面を使う機会は、主に以下ふたつ
特にgitの操作に関してはGUIに慣れていたので、Sourcetreeを使おうと思ったのですが、なぜか設定が上手くいかず。｢じゃあこの機会にコマンドに慣れちゃいましょう😀｣と。
今となってはありがたい機会をもらったと笑えますが、慣れるまでホント大変でした😅
チームメンバーに何回も同じ質問をしないように、よく使うコマンドはAlfredにSnippet登録。上から開発の工程順に並べてます。
マイベストのバックエンドはRuby。テンプレートエンジンにはslimを利用しているので、強制的に業務で利用することに。HTMLテンプレートエンジンはいつか学習したいと思っていたので、こちらも大変良い機会でした。
今では分岐やループ、includeなども使える様になり、めちゃくちゃ便利です。もはやベタなHTMLを書くのが面倒だと感じてます😎
デザインがメイン業務でだったので、書いたコードをがっつりレビューしてもらう経験は初めて。デザインのレビューと違いとても合理的で新鮮でした。
デザイン制作にもabstractの様なツールが浸透しつつある流れも納得です。
LGTMを知らなくて、、はじめて見た時は必死にググりました😅
日々のデータチェックはチームメンバーが各々GoogleAnalyticsをチェックしたり、週次の定例MTGで確認していたのですが、全員が同じ数値をストレスなく確認出来る様にオフィス内にGoogleデータスタジオを使ったダッシュボードを作成、数値の見える化って大事ですね。
7-9月期のチーム目標はサイトの表示速度高速化、打った施策と共に高速化していく様子をダッシュボードを中心に共有出来たのはとても良かったです。
ダッシュボードでも数値確認ツールとして十分機能していたのですが、データからコミュニケーションへの発展を促進させるべくredashからslackに数値を流す様に設定。
redashではSQLを利用する必要があり、簡単なSQLは書けるようになりました😄
毎日slackに流れるグラフ。ここから新たな施策が生まれたりしました。
サイト内の重要なUIに関しては、数値を見ながら細かく調整。
ABテストにはGoogleOptimizeを利用してテスト。
コードだ、データだ、とデザイナーっぽくないですね。。デザイナーぽい案件もピックアップ。
アートディレクションを担当しました。
またロゴリニューアルに伴いノベルティも沢山制作。まだまだ沢山作りたい。
mybestサイト内で必ず登場する、商品を表示するパーツのリデザイン。
情報を整理することで縦幅圧縮とメリハリを出すことに成功。
また制作の過程で複雑な動きがあったのでProtpieを使ったインタラクション表現にもチャレンジできました。
長くなりましたが、mybestの開発チームやデザインワークの雰囲気が伝われば幸いです。またmybestを一緒に作っていくデザイナー/エンジニアの方を募集しています。まだ小さなチームですがこの環境を一緒に楽しんで成長出来る方をお待ちしております！
/assets/images/2975398/original/9edc0a01-5b7d-4a76-ba7b-580fcab24feb?1532395330)
