マイベストにJOINして6ヶ月。振り返ってみました

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

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

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

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

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

マイベスト開発チームのスゴい所ベスト3 | Engineer
こんにちは!マイベストのデザイナー鈴木です。 マイベストではサービスのUI/UXデザインや ロゴのリニューアル など、デザイン全般の仕事をしてます。 今回は入社して4ヶ月くらい経ったので、自分的『 マイベストの開発チームのスゴいところ 』を紹介出来ればと思います。手前味噌なのでちょっと恥ずかしいですが。。😅 チームで今期OKRの議論をしているところ マイベストの開発チームは2018年9月時点で、サーバーサイドエンジニア / フロントエンドエンジニア / デザイナー、3人の小さなチームです。 このチームにプ
https://www.wantedly.com/companies/my-best/post_articles/133326

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

マイベストに入ってまず必死になったのがコードベースの開発。
いわゆる「黒い画面」、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を一緒に作っていくデザイナー/エンジニアの方を募集しています。まだ小さなチームですがこの環境を一緒に楽しんで成長出来る方をお待ちしております!

UI/UXデザイナー☆
月間1500万UU突破!急成長WebメディアのUI/UXデザイナーを募集!
弊社は国内最大級のおすすめ情報サービス「mybest」を開発・運営しています。取り扱っているジャンルは、日用品からコスメ・家電・食品までオールジャンル。 インターネットを使って何かを”選ぶ”ときに必ず使われる、生活インフラとなるサービスを作りたいと考えています。 すでに8ヵ国(アメリカ・中国・タイ・インドネシア・台湾・ベトナム・ブラジル・イギリス)で海外展開も行なっており、急成長中のベンチャー企業です。 ◎注力していること 現在は商品のデータベース作りに注力しています。世の中に売られている全ての商品を実際に購入し、比較検証した結果をデータベース化しています。
株式会社マイベスト
フロントエンドエンジニア☆
月間1500万UU突破!急成長メディアのフロントエンドエンジニアを募集!
弊社は国内最大級のおすすめ情報サービス「mybest」を開発・運営しています。取り扱っているジャンルは、日用品からコスメ・家電・食品までオールジャンル。 インターネットを使って何かを”選ぶ”ときに必ず使われる、生活インフラとなるサービスを作りたいと考えています。 すでに8ヵ国(アメリカ・中国・タイ・インドネシア・台湾・ベトナム・ブラジル・イギリス)で海外展開も行なっており、急成長中のベンチャー企業です。 ◎注力していること 現在は商品のデータベース作りに注力しています。世の中に売られている全ての商品を実際に購入し、比較検証した結果をデータベース化しています。
株式会社マイベスト
サーバーサイドエンジニア☆
月間1500万UU突破!急成長WebメディアのRubyエンジニアを募集!
弊社は国内最大級のおすすめ情報サービス「mybest」を開発・運営しています。取り扱っているジャンルは、日用品からコスメ・家電・食品までオールジャンル。 インターネットを使って何かを”選ぶ”ときに必ず使われる、生活インフラとなるサービスを作りたいと考えています。 すでに8ヵ国(アメリカ・中国・タイ・インドネシア・台湾・ベトナム・ブラジル・イギリス)で海外展開も行なっており、急成長中のベンチャー企業です。 ◎注力していること 現在は商品のデータベース作りに注力しています。世の中に売られている全ての商品を実際に購入し、比較検証した結果をデータベース化しています。
株式会社マイベスト
株式会社マイベスト's job postings
21 Likes
21 Likes

Weekly ranking

Show other rankings
If this story triggered your interest, go ahead and visit them to learn more