旧TCW
Design・Concept
フリーランスとして活動していた時に構築した、私個人のサイトです。
※今現在アクセスしているサイトと同一のWebサイトとなっています。
デザインテーマは「モダン」×「テクノロジー」となっています。
トップページにはそれを彷彿させるマトリックス風のメインビジュアルや、シンプルかつ見やすいシングルカラムレイアウトによるサイトデザインに仕上げました。
Marketing・Persona
ペルソナは自身のクライアントや業務パートナーとなっています。
トップページでは主に各ページへの導線を散りばめ、下層ページでは「サービス内容」や「業務実績」についてお伝えする仕様となっています。
Coding
コーディング面ではSCSS(リキッド)とFLOCSS設計を用いた仕様となっています。これにより、要素の使い回しや運用効率のアップを図りました。
最大の特徴として、Javascriptによる不規則に動くモーショングラフィックス(メインビジュアル)をparticles.jsというライブラリを用いて作成し、ユーザーの視認性を上げるUIなどを意識した作りとなっています。
また、PWAの導入によりサイトを疑似的にアプリ化し、Google Play Storeにもアプリとして登録しました。
Point
-
Technique
FLOCSS設計による運用に適したコーディング
-
Design
「モダン」×「テクノロジー」を意識したデザインコンセプト
-
Layout
サイトのPWA化、Google Play Storeへの出典
-
Coding
particles.jsを使用した不規則に動くアニメーションの実装
-
- Release Date
- 2021.11.01