オマツリジャパン メディアサイト
担当領域：コンテンツ構成、UIデザイン、フロントエンド構築、バナー制作
制作期間：通年ルーティン
使用ツール/言語：Photoshop、Illustrator、XD、php(twig)、SCSS
案件概要
過去に運営していた、オマツリジャパンのメディアサイト。メイン業務として、当時主軸であった記事ページ、トップページなどのUI改善、新規サービス開始に伴うUIデザインとフロントエンド構築、営業案件のLP制作に携わりました。
課題/目的
- 専属デザイナー不在だったことに伴う、実装ルールの不備。
- フロントエンド管理体制の効率化
- 陳腐化したサイトデザインのフルリニューアル
制作における意図・ポイント
私が入社する前は、さまざまな外注デザイナーが担当していたこともあり、管理体制が整備されておらず、ファイルや記法などが煩雑化していました。
まず手始めとして、記事ページのUIリニューアル実施と同時に、CSSファイルの管理ルールも制定することとしました。
複数人体制で管理することも視野に、ファイル管理はFLOCCSを基本とし、命名規則はBEMを採用。
また作業効率化も踏まえて、SCSSへの統一化を図りました。
UIデザインに関しましては、ブランドカラーである赤をふんだんに使いつつも、背景色をなるべく入れずに白に統一することで、よりシンプルな仕上がりとなることを心がけました。