WEB-DESIGNWEB-DESIGN

リアルピース リアルピース
  • WEB-DESIGN
  • WEB-DESIGN
  • WEB-DESIGN
  • WEB-DESIGN
  • WEB-DESIGN
  • WEB-DESIGN
  • WEB-DESIGN
  • WEB-DESIGN
  • WEB-DESIGN
  • WEB-DESIGN
  • WEB-DESIGN
  • WEB-DESIGN
  • WEB-DESIGN
  • WEB-DESIGN
  • WEB-DESIGN
  • WEB-DESIGN
  • WEB-DESIGN
  • WEB-DESIGN
  • WEB-DESIGN
  • WEB-DESIGN
  • WEB-DESIGN
  • WEB-DESIGN
  • WEB-DESIGN
  • WEB-DESIGN
  • WEB-DESIGN
  • WEB-DESIGN
  • WEB-DESIGN
  • WEB-DESIGN
  • WEB-DESIGN
  • WEB-DESIGN

リアルピース 公式サイト

IN CHARGE担当
デザイン、コーディング
RELEASE DATE公開日
2022年9月
PRODUCTION PERIOD制作期間
1ヵ月半
CODING LANGUAGESプログラミング言語
HTML/CSS/Javascript/jQuery
DESIGN TOULデザインツール
Photoshop/illustrator/XD

アイドルグループ「リアルピース」の公式サイトのデザイン、コーディングを担当しました。
彼らはSNSで注目を集めており、中でもTikTokやYouTubeのショート動画で知名度を上げたグループなので、ショート動画のようなUIを提案させていただき、実装しました。
メンバーからの要望で、サイト背景を夜空にしてほしいという依頼があった為、Photoshopで夜空の背景画像を作成し、サイトカラーはそれに合うようオレンジと黄色をメインカラーに選択しました。
サイト全体にはThree.jsを使用し、ロゴマークを3Dで作成した物を散りばめ、サイトに立体感を出しました。

VISIT WEB SITE