400万人が利用する会社訪問アプリ
ピクスタ株式会社 / 開発部 デザイナー
ここでは、デザインに対する心がけを書かせていただきます。 私はユーザーのサイト利用体験が「サービスはよさそうだけど、使いにくいし、わかりにくかったなぁ」で終わらないようにすることを第一にデザインをしています。 どれだけ魅力的なプロダクトであろうと、それをユーザーに届ける時に不快感を感じさせてはユーザ
デザイナーとエンジニアを繋ぐ役割を担い、自分のやることが人の生活水準向上に役立ち、生活にゆとりをもつ時間を提供できるような仕事をしていきたいと思っています。
/assets/images/2590/original/4e435162-28d0-4ed5-b910-459b348f229d.jpeg?1429923531){kind=avatar}
デザインコーディング (HTML / SCSS / JSX / Rails) の管理 / レビューを任されており、デザインシステム作成にも参加。
概要： デザインシステムを社内で導入。 プロダクト内の全ページ洗い出しと整理やフロントエンドコーディングに関わる部分を担当。 社内での役割分担が複雑なため、まずはデザイナーのみが使える（理解できる）ものを最終目標として作成。 担当業務： • プロダクト内の全ページ洗い出しと整理 • デザインパーツ作成（Figma） • DOM構築 • SCSS構築 業務具体例： プロダクトで使われているUIパーツを全ページで確認し整理。 ボタンなどのDOM / SCSSを統一し、使用されている全ページに渡って置換作業も行った。 また、置換作業後、デザインタスクで作成した共通化パーツが使用されている場合、デザインシステムで作ったものが利用されているかのレビューも行った。
概要： リピートユーザーからの依頼を受けたフォトグラファーが、該当ユーザーの過去案件へたどり着くために手間がかかっていた。 以前の撮影情報を元にリピートユーザーとコミュニケーションをとりたいというフォトグラファーからの要望がヒアリングできたため、UX向上のために機能開発を行うこととなった。 担当業務： • UX / UIデザイン •フロントエンドコーディング 業務具体例： タスクの目的は定まっていたが、それをどうやって実現するか、ある程度の施策方針が決まっていないところからのスタートだったため、まずは誰に向けた施策から整理。 ユーザーアクション分解とそこから考えるべき施策案をユーザー目線だけでなく、開発者目線のものも準備。 チーム合意に至るよう何度か話し合う場を設け、デザイン・実装・リリースまでを担当した。
概要： HTLM/SCSSに関わるコーディングレビューの責任者を担当。 デザインシステム構築を見越してDOM / SCSS（class名を含む）を統一して実装、JavsScriptを用いずに実装できる動きのあるコンテンツの実装（アコーディオンメニューやカルーセルギャラリーなど）、クオリティを担保しつつ実装工数の削減ができるような提案、コーディング観点からデザイナーでもエンジニアでも気づきにくい工数がかかる点に対してデザインレビューなど、管理・アドバイス・提案を行っている。 担当業務： • DOM構成レビュー • SCSS記法レビュー • Railsを用いたパーシャル化レビュー • コーディング観点からのデザインレビューと提案 業務具体例： スマホ用のデザインカンプのみが用意されている案件で、カルーセル機能を使った写真一覧コンテンツに対し、「人員が限られている中でPCだと写真の表示枚数的にもカルーセル機能をJavaScriptで実装するのは工数がかかるため、スマホではHTML/SCSSでオーバースクロールできるように実装し、PCでは通常通り全て静的に見せてはどうでしょうか？」と、費用対効果の問題点とユーザーの体験も損なわない別手段を提案し採用される。 結果、当初よりも３営業日分の工数を圧縮して、リリースすることができた。
アサインされたプロダクトのデザイン・コーディング、デザイナーの評価制度作成、面接、新人教育などを担当
概要： 社内のマーケティング部から「大量のLPを工数をかけずデザイナーの手を借りず作成し、LPごとの微細な数値の違いを検証したい」という要望があり、メインイメージやテキストなど、どうしても変更を必要とする部分以外の変更をしないCMSを社内で開発することになった。 担当業務： • UX / UIデザイン • フロントエンドコーディング 業務具体例： 大量に生成する上で変更希望のでてくる箇所はLPのどの部分か、システムを扱う上でマーケティング部メンバーはどこまでの操作が可能なのか、などをヒアリングし、実際に使用するメンバーを見越した上で作成する設計段階から携わった。
概要： 作成中となっていた評価制度作成に入社後から関わることとなり、デザイナーのスキルレベル言語化などを担当した。 またデザイナーの面接担当や後輩のコーディングスキル教育を受け持っていた。 担当業務： • 言語化 • 評価制度作成メンバーへのプレゼン • 面接対応（募集要項作成を含む） • コーディングアドバイス 業務具体例： 新卒で入社が決まっていたメンバーにプレ入社いただいて、入社後すぐに戦力となってもらえるよう基本的なコーディングを外部オンライン学習サービスを利用する形で教育した。
サブカルチャーが日本に与えた影響をテーマにしたゼミに在籍。 卒論は「PEANUTS」が心理学や医療で活用された背景についてを書きました。
ピクスタ株式会社 / 開発部 デザイナー
概要： リピートユーザーからの依頼を受けたフォトグラファーが、該当ユーザーの過去案件へたどり着くために手間がかかっていた。 以前の撮影情報を元にリピートユーザーとコミュニケーションをとりたいというフォトグラファーからの要望がヒアリングできたため、UX向上のために機能開発を行うこととなった。 担当業務： • UX / UIデザイン •フロントエンドコーディング 業務具体例： タスクの目的は定まっていたが、それをどうやって実現するか、ある程度の施策方針が決まっていないところからのスタートだったため、まずは誰に向けた施策から整理。 ユーザーアクション分解とそこから考えるべき施策案をユーザー目線だけでなく、開発者目線のものも準備。 チーム合意に至るよう何度か話し合う場を設け、デザイン・実装・リリースまでを担当した。
