🔙

09後編: デザインデータのリファクタリングとプロジェクトのKPTと - ゲスト: 花 咲希(@_pstsb) 堤 健太郎(@kntrttm)

image

前回に引き続き、私 @takejune がつくっている「B/43」というサービスのデザインデータをリファクタリングするプロジェクトに副業という形で参加していただいた、株式会社ワンキャリア デザイナーの花 咲希(@_psts)さん、LINE Fukuoka株式会社クリエイティブ室アシスタントマネージャーの堤 健太郎(@kntrttm)さんをゲストにお招きしました。

※ポッドキャストの内容を一部書き起こしています。全編はぜひ音声でお楽しみください!

このインタビューに出てくる人

icon

takejune このブログの書き手。6月生まれのサービスデザイナー。「家計簿プリカ B/43」を運営するスマートバンク社の創業者のひとり。PodCast初心者。 Twitter / Blog / Portfolio

icon

花 咲希 ONECAREER デザイナー。Candle ▸ AppBrew(LIPS・teleful) ▸ 現職

icon

堤 健太郎 LINE Fukuoka株式会社 クリエイティブ室アシスタントマネージャー

大変だったポイント

icon

takejune そんな感じでうまくいったことありましたが、大変なことやうまく行かなかったこともありました?

icon

花 咲希 アイコンなどの「実装側で画像を持っているデータ」をFigma側でどう持つかっていうのは悩みましたね。エンジニアさんとも話させてもらいましたけど。

icon

takejune 今後も実情に合わせて考えていかないといけないですね。

icon

花 咲希 あとは「リスト」ですかね〜。

icon

堤 健太郎 2点目はそれですよね。B/43のユーザー向けの見せ方はリスト中心になっているので、それをどう表現するかは二人でかなり悩みましたね。

icon

takejune B/43はシンプルにするために、アイコンとテキストを縦に積んでいく「リスト」を多用してUI赤経しているんですよね

icon

花 咲希 それ自体はすごくいいことだと思います

icon

堤 健太郎 どう表現するか悩みましたね〜

icon

花 咲希 汎用性の高さと、人数が増えてきたときにイレギュラーが発生しないよう制限することのバランスについては結構議論が長くなりましたね

icon

堤 健太郎 Slackで長くなりすぎたので「直接話しますか」という(笑)

icon

takejune おかげさまで完成したコンポーネントは、かなり表現力の高いコンポーネントになりました。

プロジェクトを振り返ってみて

icon

takejune 振り返ってみてどうですか?特に良いこと言わなくても良いんですけど(笑)

icon

花 咲希 まず感想でいうとめっちゃ楽しかったです。うまくいった点でいうと、よくでてくるページ単位のUIを作業用ファイルの中にコンポーネント化したっていうのはあります。

icon

takejune あれは使いやすいですよ〜。他の会社のデザイナーの人はパクったほうがいいですね。

icon

花 咲希 今回、つくったコンポーネントをUIに適用させていく時間がほんとに長かったので、実際にUIを作る人と同じ気持ちで効率化できたと思います。

icon

堤 健太郎 僕はまあ、咲希さんすげえなあという一言に尽きますね

icon

takejune 僕も全く同じこと思いました(笑) この推進力はどこから来るんだろうと

リファクタで気をつけた方が良いこと

icon

takejune こういう案件を受けるときに気をつけたほうがいいことあります?

icon

花 咲希 コンポーネントを作ったあとにデータをマージさせていくタイミングですかね...

icon

takejune 今回ぼくがまだFixしてない状態でUIへの反映を始めてしまったのでそれが良くなかったですね

icon

花 咲希 作業が終わったと思ったコンポーネントでも、全体の整合性をとっていくと「見た目は変わらないけどデータの構成が少し変わったり」といったこともあるので、あとから手戻りが発生しないようにFixするまでマージしないよう気をつけたほうがいいかもしれないです。

icon

takejune 堤さんはレビュワーとしてはどうですか?

icon

堤 健太郎 依頼者が望んでるものを最初に確認したことですかね。水鉄砲が欲しい人に機関銃を作ってないかみたいな、ズレがないように最初に確認したのはよかったかなと。

採用情報

LINE Fukuoka採用情報

業務内容 LINE LIVE、LINE チラシ、Lacore、LINE MOBILEなどLINE関連サービスのUIデザイン、マーケティングプロモーションに必要なクリエイティブ制作といったデザイン領域全般を担当していただきます。 サービスがかかえている様々な課題をデザイン的視点で解決し、プロダクトの成長に貢献することがデザイナーのミッションとなります。 【具体的な業務内容】 ・エンジニア、マーケター、プランナーとの要件定義 ・競合調査、市場調査 ・サービスUI設計 ・iOS/Andoroidアプリのデザイン ・LINEサービスのWeb、CMSなどのサイト(PC/スマートフォンなど)のデザイン ・各種ランディングページのデザイン ・マイクロインタラクションデザイン ・開発主導案件のデザイン品質管理 ■仕事の魅力 ・サービスを利用するユーザー数が多いため、担当した案件が多くの方々の目に触れる ・普段日常で使われているサービスのデザインを行うため、サービスに貢献していることを実感しやすい ・提供サービスが多岐に渡るため、幅広い業界のデザイン制作に携わることができる ・制作において自身のアイディアも取り入れながら業務ができる ・チーム全体の業務に対し、メンバーと議論しながら改善していくことができる ■キャリアプラン ご入社後、まずは研修やOJTにてキャンペーンサイトのデザインから業務に必要な知識を習得していただきます。 その後、スキルや業務への理解度に応じて、WEBサイトのデザインやアプリのUIデザインなどを行っていただきます。 能力や成長を鑑み、ゆくゆくはデザイン面だけでなく、業務フローの構築/改善や他メンバーへのアドバイスなど、チーム全体の業務に携わっていただくことを期待しております。 応募資格 【必須の経験・スキル】 ・UIデザインの実務経験 ・アプリのデザイン経験 【歓迎する経験・スキル】 ・大規模なウェブサービス開発のデザインディレクション経験 ・サイトデザイン、コーディングまでの実務経験がある方 ・スマートフォンサイトのデザイン・制作経験がある方 【歓迎する人物像】 ・主体性を持って積極的に新しいことを吸収する意欲のある方 ・モノ創りが好きで自分のデザイン感覚を生かした制作ができ、熱い情熱をお持ちの方 ・インターネットやWebサービスに興味がある方 ※応募時に、ポートフォリオをご提出ください 勤務地 〒812-0012 福岡県福岡市博多区博多駅中央街8-1 JRJP博多ビル12F JR九州・JR西日本・福岡市営地下鉄「博多駅」と直結 待遇 / 福利厚生 ■休日/休暇 ・完全週休2日制(土・日)、祝日、年末年始休暇、有給休暇、慶弔休暇、リフレッシュ休暇制度(勤続5年で10日間) ■給与 ・年俸制(保有されるスキル・経験・能力により優遇、相談の上で決定)  ・年俸の12分の1を毎月支給。  ・別途、インセンティブプラン有(※1) ・給与改定:年2回 ・諸手当:交通費支給、LINE Pay Card Benefit Plan(※2) (※1)年俸額の他に、会社・本人の業績、評価に応じ、年2回インセンティブを支給することがあります。 (必ず支給されるものではありません。また、支給日に在籍している場合に限り支給対象となります。) (※2)社員の「健康維持増進」「自己啓発」「次世代育成」を目的として給与とは別に支給する手当です。 ■各種保険 ・雇用保険、労災保険、健康保険、厚生年金保険 ■福利厚生 ・通勤手当(当社規定に基く) ・社会保険完備(雇用保険、労災保険、健康保険、厚生年金保険) ・定期健康診断 ・インフルエンザ予防接種  ・ライフイベント時の特別手当支給 ・社員専用カフェ/マッサージルーム ・社内サークル制度 ・LINE Family Day(社員家族参加イベント) ・入社支援制度あり(当社規定に基きU/Iターン希望者のみ) ・各種研修制度(語学、職責者研修等) ・LINE Pay Card Benefit Plan ・LINEサービス利用支援(LINE STOREクレジット支給) ・LINE MOBILE利用サポート(サービス基本料金の会社負担) ・VISA申請支援 ■受動喫煙防止措置の実施 ・屋内原則禁煙(屋内に喫煙室あり) ※応募時の注意点 エントリーの際は、履歴書・職務経歴書のご提出が必須となります。 フォーム内該当欄に書類添付をしたうえで、エントリーください。

LINE Fukuoka採用情報