Works

制作事例

2024.7.13

PeaCH 公式サイト

Period

制作時間

2023.12-2024.07

Member

制作メンバー

Design
sh.0_0.
FrontEnd
ReyoKatsu
co36
Kenty
himarupi
BackEnd
ReyoKatsu

Language

使用言語

HTML CSS TypeScript JavaScript

Software

使用ソフト

Astro Vue3 Figma

Tag

タグ

#Webサイト制作

概要

弊サークル設立後、初めてのチーム開発企画の1つとして弊サークルの公式サイトを制作しました。
制作に参加したメンバーはこの規模のサイトの開発経験がありませんでしたが、それぞれがこれまでに得た知識をもとに開発を進めました。 私たちが目指したサイトとなりましたが、まだまだ改善する点やさらに楽しめるページの追加などがあると思いますので、随時アップデートを行なっていきます。

ポイント

デザイン

様々な方にPeaCHについて知っていただきたいという思いから、見ていて楽しくなるようなサイトデザインを目指しました。
メインカラーに柔らかなピンク、アクセントカラーに鮮やかなピンクと、弊サークルのイメージカラーであるピンクを多用し、さらに動きのあるカード型UIとすることで、飽きのこない見ていて楽しいサイトが実現できたと思っています。

フロントエンド

こんにちは,ReyoKatsuです.
今回の制作では,軽量かつ扱いやすいサイトを構築することを目指して技術選定からコーディングまで進めました.軽量化のために,Astroの便利機能にはすごく助けられました.
できるだけライブラリに頼らず車輪の再発明をしながら制作を進めていたので苦労することも多かったですが,訪問者さんのストレスが溜まりづらいサイトを作ることができたのではないかと思っています.

サンプル