アイキャッチ画像は10月1日から入居した新オフィス『THE TERRACE TSUKIJI』フリースペースの様子。

こんにちは！マイベストのデザイナー鈴木です。

マイベストではサービスのUI/UXデザインやロゴのリニューアルなど、デザイン全般の仕事をしてます。

10月で入社して6ヶ月経ちました、今回はこの半年間でやった事、特に新しく出来る様になった事にフォーカスして振り返ってみようと思います。マイベストのデザイナーが普段どんな事をやっているのか伝わると嬉しいです。

ちなみに開発チームはデザイナー、フロントエンドエンジニア、サーバーサイドエンジニアの3人。どんなチームなのかはこちらの記事に書いてみました。

コードベースの開発を頑張った💪

マイベストに入ってまず必死になったのがコードベースの開発。
いわゆる｢黒い画面｣、GIT、HTMLテンプレートエンジンなどなど、、

ずっと苦手だった黒い画面も克服

苦手意識で逃げていた事をとても後悔しましたが💦
開発チームのエンジニアに助けてもらいながら、今では何とか出来るレベルにはなりました。

マイベストで黒い画面を使う機会は、主に以下ふたつ

1. ローカル環境のサーバーを起動させる時
2. gitを操作する時

特にgitの操作に関してはGUIに慣れていたので、Sourcetreeを使おうと思ったのですが、なぜか設定が上手くいかず。｢じゃあこの機会にコマンドに慣れちゃいましょう😀｣と。

今となってはありがたい機会をもらったと笑えますが、慣れるまでホント大変でした😅

チームメンバーに何回も同じ質問をしないように、よく使うコマンドはAlfredにSnippet登録。上から開発の工程順に並べてます。

slim

マイベストのバックエンドはRuby。テンプレートエンジンにはslimを利用しているので、強制的に業務で利用することに。HTMLテンプレートエンジンはいつか学習したいと思っていたので、こちらも大変良い機会でした。

今では分岐やループ、includeなども使える様になり、めちゃくちゃ便利です。もはやベタなHTMLを書くのが面倒だと感じてます😎

githubを利用したコードレビュー

デザインがメイン業務でだったので、書いたコードをがっつりレビューしてもらう経験は初めて。デザインのレビューと違いとても合理的で新鮮でした。

デザイン制作にもabstractの様なツールが浸透しつつある流れも納得です。

LGTMを知らなくて、、はじめて見た時は必死にググりました😅

データ×デザイン頑張った💪

数値の可視化

日々のデータチェックはチームメンバーが各々GoogleAnalyticsをチェックしたり、週次の定例MTGで確認していたのですが、全員が同じ数値をストレスなく確認出来る様にオフィス内にGoogleデータスタジオを使ったダッシュボードを作成、数値の見える化って大事ですね。

施策と共に日々変化する数値にチームで一喜一憂

7-9月期のチーム目標はサイトの表示速度高速化、打った施策と共に高速化していく様子をダッシュボードを中心に共有出来たのはとても良かったです。

数値の可視化2.0。redash→slack連携

ダッシュボードでも数値確認ツールとして十分機能していたのですが、データからコミュニケーションへの発展を促進させるべくredashからslackに数値を流す様に設定。

redashではSQLを利用する必要があり、簡単なSQLは書けるようになりました😄

毎日slackに流れるグラフ。ここから新たな施策が生まれたりしました。

A/Bテストツールを使った数値グロース

サイト内の重要なUIに関しては、数値を見ながら細かく調整。

ABテストにはGoogleOptimizeを利用してテスト。

いろんなデザインワーク頑張った💪

コードだ、データだ、とデザイナーっぽくないですね。。デザイナーぽい案件もピックアップ。

mybestロゴリニューアル

アートディレクションを担当しました。

またロゴリニューアルに伴いノベルティも沢山制作。まだまだ沢山作りたい。

• 名刺
• Tシャツ
• ステッカー
• 焼き印

記事内の商品パネルデザイン改修

mybestサイト内で必ず登場する、商品を表示するパーツのリデザイン。
情報を整理することで縦幅圧縮とメリハリを出すことに成功。

また制作の過程で複雑な動きがあったのでProtpieを使ったインタラクション表現にもチャレンジできました。

番外編

• 💪出来た
  • 社内外の勉強会でLTした回数5回
  • 業務後&通勤中に、必ず学習する習慣を作った
  • 毎週1回、社内の海外メンバーと英語でのコミュニケーション時間を作った
• 💦頑張り中
  • 週3回、ランチ時間を利用して近隣ジムでスイミング

開発メンバー募集中です！

長くなりましたが、mybestの開発チームやデザインワークの雰囲気が伝われば幸いです。またmybestを一緒に作っていくデザイナー/エンジニアの方を募集しています。まだ小さなチームですがこの環境を一緒に楽しんで成長出来る方をお待ちしております！