デザイン的なお話

フラットデザインがこれから流行るかどうかという時期に行った前回のリニューアルから3年が経ち、フラットデザインの一歩先を行く（？）マテリアルデザインが出てきたり、アウトラインアイコンが流行ったりと、相変わらずデザインのトレンドは移り変わっています。

リパレードは自社サイトという性質上あまりコストを掛けられないというか、どうしても後回しになってしまうこともあり、極力古くなりにくいシンプルなデザインを意識しました。

ただ、本当はトップページに動画やSVGアニメーションなんかも使いたかったので後々追加できるようスペースだけ作り、伸ばし伸ばしにしていたAfter EfectsやBlenderの勉強をのっそりはじめました。
詳しい方ぜひ教えてください。

コーディングのお話

あまり掘り下げるところはないのですが、新し目のCSSを多めに使ってみました。
個人的にはCSSだけで実現した追従するヘッダー、スマホ版のドロワーナビや制作実績の無理やりスクリーンショットをはめ込んだiMacあたりが見所です。
（ドロワーナビのアニメーションが若干もっさりしているのは今後の課題ということで……。）

また、CSSの設計にFlocssを採用しました。
component と project の使い分けがなかなか悩ましかったものの、あまり悩んでもいられなかったのでざっくばらんな対応となっております。

あと、いまもっとも*鬼がかっていると評判の単位「rem」*も多めに使っています。
いままであまり活用していませんでしたがなかなか便利です。

あ、あと禁断の游ゴシックにも手を出しました。メイリオ大好きなので断腸の思いです。