ポートフォリオサイト
Web
- 概要
- 自身の制作実績やスキルを分かりやすく伝えるために制作したポートフォリオサイトです。
- 制作目的
- これまで制作してきたWebサイトやデザイン制作物を整理し、閲覧者に自身のスキルや制作の方向性を伝えることを目的に制作しました。
作品ごとの詳細ページを設けることで、完成物だけでなく、制作意図や担当範囲、デザインの工夫も伝わる構成にしています。
また、転職活動や実務での自己紹介ツールとして活用できるよう、見やすさ・更新のしやすさ・自分らしい世界観の表現を意識しました。 - 担当範囲
- 構成設計 / ワイヤーフレーム / デザイン / コーディング / WordPress構築 / WordPress更新・調整
- 使用ツール
- Illustrator / Photoshop / HTML / CSS / JavaScript / jQuery / WordPress / Figma
- 制作期間
- 約1週間
- URL
-
https://shimpolio.com/
Visit Site
Design Point
デザインのポイント
作品が主役として見えるよう、全体はシンプルで余白を活かしたデザインにしました。
装飾を入れすぎず、画像や文章が見やすくなるようにレイアウトを整理し、閲覧者がスムーズに作品を確認できる構成を意識しています。
また、自身のデザインテイストが伝わるよう、色味やフォント、余白感に統一感を持たせました。
トップページでは第一印象に残るビジュアルや動きを取り入れつつ、作品一覧や詳細ページへの導線を分かりやすく配置しています。
WordPressのオリジナルテーマとして制作し、デザイン・構成・実装方針の検討から、コードの調整、表示確認、レスポンシブ対応まで行いました。
制作過程ではAIツールも活用しながら、必要な機能や見せ方を整理し、自分で調整・実装しています。
スマートフォンから閲覧されることも想定し、各ページで情報が読みやすく、操作しやすいレスポンシブデザインにも配慮しています。
装飾を入れすぎず、画像や文章が見やすくなるようにレイアウトを整理し、閲覧者がスムーズに作品を確認できる構成を意識しています。
また、自身のデザインテイストが伝わるよう、色味やフォント、余白感に統一感を持たせました。
トップページでは第一印象に残るビジュアルや動きを取り入れつつ、作品一覧や詳細ページへの導線を分かりやすく配置しています。
WordPressのオリジナルテーマとして制作し、デザイン・構成・実装方針の検討から、コードの調整、表示確認、レスポンシブ対応まで行いました。
制作過程ではAIツールも活用しながら、必要な機能や見せ方を整理し、自分で調整・実装しています。
スマートフォンから閲覧されることも想定し、各ページで情報が読みやすく、操作しやすいレスポンシブデザインにも配慮しています。