自主制作プロフィールサイト

ひなナン工房

コスプレ活動を、世界観ごと届けるプロフィールサイト

Overview

制作区分: 自主制作（プロフィールサイト）
制作期間: 約1か月
担当範囲: 情報設計／Webデザイン／HTML・SCSSコーディング／WordPress構築／JavaScript・アニメーション実装／レスポンシブ対応／公開作業
制作体制: 企画・デザイン・実装を一貫して担当
使用技術: HTML SCSS JavaScript GSAP Figma WordPress

My role

担当したこと

サイトの企画・情報設計から、Figmaでのデザイン、HTML・CSS・JavaScriptによるコーディング、WordPressオリジナルテーマの制作、カスタム投稿・管理画面の設計、公開作業まで一貫して担当しました。

Project

コスプレイヤーとしての活動や、自作衣装・イベント情報などをまとめて紹介するためのプロフィールサイトです。

作品や活動の世界観を伝えるだけでなく、SNSや関連コンテンツへの導線を整理し、訪問者が必要な情報にアクセスしやすいサイトを目指しました。

また、継続的に情報を発信できるよう、更新しやすいWordPressサイトとして制作しました。

Point

コスプレ活動の世界観を大切にしながら、ページごとの役割に合わせてデザインやアニメーションを調整しました。

トップページでは視線を誘導する動きを取り入れ、記事や作品ページでは閲覧性を優先するなど、コンテンツの目的に応じて演出を使い分けています。

デザインから実装まで一人で担当したため、見た目だけでなく、更新性・保守性・運用面まで考慮する必要がありました。

共通パーツ化やWordPressの更新機能を活用し、デザインと実装の両立を意識して設計しました。

Result

企画・デザイン・実装・CMS設計まで一貫して制作したことで、見た目だけでなく運用面まで考えたサイト設計の重要性を学びました。

また、ページの目的に応じて「動かす・動かさない」を判断し、ユーザー体験を意識した演出設計の大切さを実感しました。