初めてのブロックパターンプラグイン制作どたばたカウントダウン日記

by noraneko5628

Slide 1

Slide 1 text

初めてのブロックパターンプラグイン制作〜汗と涙とスリルの物語〜どたばたカウントダウン⽇記

Slide 2

Slide 2 text

Asuka 株式会社mgn（Web制作会社）⾃⼰紹介 Webデザイナー

Slide 3

Slide 3 text

ブロックパターンプラグイン Snow Monkeyテーマの拡張プラグイン第1弾（ベータ） : コーポレートサイト向け https://rui-jin-en.com/

Slide 4

Slide 4 text

8⽉か9⽉ 10⽉末 11⽉ 12⽉1⽇〜発案ティザーサイト公開⽅向性決定作るパターン決定デザイン作成パターン開発配布⽅法の検討配布サイト作成アップデートの仕組み整備 etc 12⽉末ベータ版リリース発表 12⽉25⽇ベータ版リリース

Slide 5

Slide 5 text

主に関わったメンバーただし全員、ガッツリ受託案件兼務社⻑エンジニアプロダクトリーダーエンジニアエンジニアデザイナー

Slide 6

Slide 6 text

12⽉1⽇

Slide 7

Slide 7 text

12⽉末ベータ版リリースの旨を発表作成決定した全16パターンのデザイン開始開発スタート

Slide 8

Slide 8 text

ベータ版リリースまであと 18⽇

Slide 9

Slide 9 text

12⽉9⽇

Slide 10

Slide 10 text

何もないところからいきなりパターンを作るのは困難「類⼈猿パターンの組み合わせで1サイト作れる」が⽬標統⼀感⼤事パターンデザインにあたって

Slide 11

Slide 11 text

全体的なデザインの⽅向性を決めた（パターンそのもののデザインはまだ）ムードボードを作成

Slide 12

Slide 12 text

ベータ版リリースまであと 12⽇

Slide 13

Slide 13 text

12⽉14⽇

Slide 14

Slide 14 text

- ベースのテーマの構造を変えずに、いかに違うものを作るか - 幅のバリエーション（普通・幅広・全幅）を意識 - 中のブロックの組み合わせが変わるという想定 - テーマカラーをどこに反映するかパターンデザインで気をつけたこと

Slide 15

Slide 15 text

普通にサイト制作する時ですらレスポンシブで幅が変わった時にどうなるかとか⽂字数変わった時にどうやって綺麗におさめようかとかなけなしの想像⼒で頑張ってるのにユーザーが⾃由にブロックとコンテンツを増やしてテーマカラーもそれぞれで幅のバリエーションもあるブロック（パターン）をデザインするって⼀体どこまで何を考えたらいいんだよーーーーーーーー（デザイナーの⼼の声）

Slide 16

Slide 16 text

初めてのパターンデザイン5種

Slide 17

Slide 17 text

ある程度は弊社の優秀なエンジニアに任せることにして（おい）デザインを連携、パターン開発スタート

Slide 18

Slide 18 text

ベータ版リリースまであと 9⽇

Slide 19

Slide 19 text

12⽉18⽇初めてのパターン完成！！！ 12⽉21⽇（残り5⽇）（残り4⽇）パターン合計4つ完成この間、もうただ必死に全16パターン完成に向けてデザインし続ける（あまり記憶がありません）その後の進捗

Slide 20

Slide 20 text

12⽉23⽇

Slide 21

Slide 21 text

全16パターン分のデザイン完成

Slide 22

Slide 22 text

この時点でパターン 9つ完成実装側も

Slide 23

Slide 23 text

ベータ版リリースまであと 2⽇

Slide 24

Slide 24 text

12⽉24⽇

Slide 25

Slide 25 text

残り1⽇でパターンのデモサイトを作るが、なぜか架空企業のブランディングにハマる社名の由来 : 「X」は未知数を表します。また、DXといったワードで使われるXは、「交差する、横切る」（transformation）という意味でも使われます。我々は⽇々「未知」と向き合い、それを超えていく必要があります。未知のものであるXを、この⼿元に引き寄せて現在進⾏形（ing）にするのが我々の仕事です。未知だからと恐れず、常に未来を⾒据えながら現在知りうる情報をかき集め、⾃らが持てる技術⼒で突破していく。その姿勢と決意を社名に込めました。未来志向最新技術の追求合理性・効率重視弛まぬ⾃⼰研鑽⾃⽴と⾃律技術者集団プロフェッショナルとしての⾃負妥協しないシャープな視点スピードと品質の両⽴デモサイト作成 Iʼm Jeffery!!

Slide 26

Slide 26 text

いいからはよ進めろあと1⽇だぞ

Slide 27

Slide 27 text

実はガッツリブランディングしたことで中⾝作るのが楽になったりしました世の中に無駄なことなんて 1つもないできた

Slide 28

Slide 28 text

⾃分がデザインしたパターンが編集画⾯で動くようになって

Slide 29

Slide 29 text

ちちょょ涙ぎれ

Slide 30

Slide 30 text

ベータ版リリースまであと 1⽇

Slide 31

Slide 31 text

12⽉25⽇

Slide 32

Slide 32 text

ベータ版リリースまであと 0⽇

Slide 33

Slide 33 text

パターンのデバッグと修正各サイトのブラッシュアップリリース準備リリース当⽇の作業

Slide 34

Slide 34 text

そして…

Slide 35

Slide 35 text

12⽉25⽇ 19:00

Slide 36

Slide 36 text

リリース

Slide 37

Slide 37 text

予定16パターン中、 12パターンをリリース

Slide 38

Slide 38 text

2020年納まった…

Slide 39

Slide 39 text

難しかったけど、修⾏になったブロックパターンデザインでした。ありがとうございました。