CORPORATE
コーポレートサイト
ナレーター事務所
情報導線を整理し、事務所情報や所属タレントの
魅力が伝わるサイトへリニューアル。
ナレーター事務所である有限会社ワイワイワイ様のコーポレートサイトリニューアル案件です。
デザインからコーディングまで一貫して担当し、事務所情報や所属タレントの魅力が伝わる構成で実装しました。
レスポンシブ対応や軽微なアニメーションも含め、ユーザーが必要な情報をスムーズに閲覧できる設計を意識しています。
担当範囲Scope
- デザイン(Photoshop)作成
- HTML / CSS(Sass)によるコーディング全般
- レスポンシブ対応(モバイルファースト設計)
- スクロールアニメーションの実装
- 画像の書き出し・リサイズ対応
使用技術Tech
工夫・実装ポイント
ボイスサンプル導線の改善により回遊性を向上
各タレントのボイスサンプルページへの導線を整理し、
ユーザーが複数の音声をスムーズに確認できる構成に調整。
PC・スマートフォン双方での操作性を意識して実装しました。
スクロールアニメーションを自作で実装
ライブラリに依存せず、軽量なJavaScriptでアニメーションを実装。
表示速度への影響を抑えつつ、視認性と演出を両立しました。
Sass設計により保守性の高いCSS構造を構築
変数・mixinを活用し、色・フォント・ブレイクポイントを管理。
修正や追加対応がしやすい構造を意識して設計しました。