- My Role
- Direction, Development
- Technology
- Vue.js, Stylus, Pug, Webpack, Gulp, Azure Server
サービスのデザインリニューアルを機に、フォントや色、余白、ボタン、その他要素を定めることでWEBサイトに一貫性をもたらすことを目的としCSSフレームワークとスタイルガイドを作成。
CSSフレームワークというとそのプロジェクトの根幹となる設計に紐づく物が多く、実際に開発を行っていると既存のプロジェクトに影響を及ぼさないCSSフレームワーク（UI component）がほしいということが頻繁にあった為、自作することに。
フレームワークの殆どがextendとmixinで構成し、好きなclassだけを自分が使いたいclass名でimportできるように設計した。
また、一般的によく使われているBootstrapなどを参考にデザイナーでも使えるようにCSSファイルを読み込むだけで使える軽量版CSSフレームワークも作成。
CSSフレームワーク作成と並行してフォントサイズや色、余白サイズなどの意味付けを行い、スタイルガイドに落とし込んだ。