使用スキル
ejs / Sass / WordPress / jQuery / JavaScript / Figma / Photoshop
CSS設計手法
BEM
概要
全6ページ
本ポートフォリオです。
デザインからコーディングまで自身で作成・実装しました。
WordPressのオリジナルテーマで実装しました。
• デザイン
・スッキリと見やすく、また、誠実さが伝わるような配色とデザインを心がけました
・安心感を持っていただけるよう、楕円や角丸で要素をあしらい、優しい印象にしました
・見ていただいた方に少しでも自分らしさや楽しんでコーディングをしていることが伝わるよう、自身の原動力である存在の猫様に登場していただき個性を演出しました
• トップ
・メインビジュアルはスライダー表示
・制作実績を取得し、スライダーで表示
• 制作実績
・投稿を取得し、カスタムフィールドを使用して中身を表示
・最新の投稿1件にNEWを表示
• お問い合わせ
・Contact Form 7を使用し、フォームを設置
・内容を送信すると、サンクスページに遷移
・メールが正常に送信されると、確認メールが届く
• 家族
・カスタム投稿を取得し、カスタムフィールドを使用して中身を表示
・個々の特性をパラメータで表示
・遊び心を前提としたおまけ要素が強いページのため、遷移ボタンは表示を限定的にする