TCW

旧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への出典

    サイトのPWA化、Google Play Storeへの出典

  • Coding

    画像:particles.jsを使用した不規則に動くアニメーションの実装

    particles.jsを使用した不規則に動くアニメーションの実装

Other Works

里親探しサービス(開発中)

保護犬・保護猫を抱える団体様と里親希望ユーザー様をマッチングさせるサービスを個人で開発中です。

UIUXデザインはほぼ完成に近い状態になったので、イメージをご覧ください。

TCW Ver.2.0

フロントエンド、バックエンドに関する技術や知識を掲載したサイトの運営をしております。

自身のアウトプット用メモとして活用し、私のレベル感をご確認頂く際の参考にしてもらえますと幸いです。

Source Pack

論文などの出典リストを誰でも簡単に生成できるツールをPHPとVue.jsで開発しました。

こちらは一部未完成な部分がありますが、一般的な機能は既に利用できる仕様となっています。

Magnific-Japan

日本の「あまり知られていない現地情報」を海外へ発信することをコンセプに、個人で制作いたしました。

こちらはデザインからWordPressへの組み込み等、全ての作業を一人で行ったサイトとなっております。

Webサイト・ホームページの制作、業務委託等のご相談は
下記からお問い合わせください