Works
制作事例
![](/_astro/OfficialSite_Thumbnail.CxR_5MCq_1863wY.webp)
2024.7.13
PeaCH 公式サイト
Period
制作時間
2023.12-2024.07
Member
制作メンバー
Design
sh.0_0.
FrontEnd
ReyoKatsu
co36
Kenty
himarupi
co36
Kenty
himarupi
BackEnd
ReyoKatsu
Language
使用言語
HTML CSS TypeScript JavaScript
Software
使用ソフト
Astro Vue3 Figma
Tag
タグ
#Webサイト制作
概要
弊サークル設立後、初めてのチーム開発企画の1つとして弊サークルの公式サイトを制作しました。
制作に参加したメンバーはこの規模のサイトの開発経験がありませんでしたが、それぞれがこれまでに得た知識をもとに開発を進めました。
私たちが目指したサイトとなりましたが、まだまだ改善する点やさらに楽しめるページの追加などがあると思いますので、随時アップデートを行なっていきます。
ポイント
デザイン
様々な方にPeaCHについて知っていただきたいという思いから、見ていて楽しくなるようなサイトデザインを目指しました。
メインカラーに柔らかなピンク、アクセントカラーに鮮やかなピンクと、弊サークルのイメージカラーであるピンクを多用し、さらに動きのあるカード型UIとすることで、飽きのこない見ていて楽しいサイトが実現できたと思っています。
フロントエンド
こんにちは,ReyoKatsuです.
今回の制作では,軽量かつ扱いやすいサイトを構築することを目指して技術選定からコーディングまで進めました.軽量化のために,Astroの便利機能にはすごく助けられました.
できるだけライブラリに頼らず車輪の再発明をしながら制作を進めていたので苦労することも多かったですが,訪問者さんのストレスが溜まりづらいサイトを作ることができたのではないかと思っています.
サンプル
![](/_astro/OfficialSite_Image01.kxrFS-Ux_bg7KU.webp)
![](/_astro/OfficialSite_Image02.CfgLv2xM_oJYWT.webp)