Portfolio
ポートフォリオサイト
サイトを見る
- 担当範囲：
- HTML CSS JavaScript (jQuery) WordPress Design
- 制作期間：
- コーディング 1ヵ月 デザイン 1ヵ月
- 使用ツール：
- Figma
- 実装機能：
-
- レスポンシブ対応
- WordPressオリジナルテーマ化
- カスタム投稿タイプ（制作実績）
- ACFによる投稿管理
- Contact Form 7によるお問い合わせフォーム
- パンくずリスト
- header / footerの共通パーツ化
- ヘッダーの上部固定
- スクロールダウンアニメーション
- Aos.jsを使用したスクロールアニメーション
- slick.js を使用したカードスライダー
- jQuery.ripplesによる水面エフェクト
- keyframesを使用した装飾イラストのアニメーション
- 404ページの実装
- 制作概要：
-
ファーストビューには水面エフェクトを実装し、波をモチーフとしたデザインを取り入れることでサイト全体に統一感のある世界観を表現しました。
FLOCSSをベースとしたCSS設計を採用し、パーツの再利用性や保守性に配慮しながら制作しています。
WordPressのオリジナルテーマとして構築し、カスタム投稿やACFを活用することで更新しやすい運用を意識した設計を行いました。
Contact お問い合わせ
Web制作、既存のWebサイト修正、
更新のご依頼など、
どうぞお気軽にご相談ください。