イラストレーターのポートフォリオサイト デザイン・実装

S.Yamakawa
フリーランスデザイナー・Webエンジニア
OVERVIEW

Webデザイン・WordPressテーマ制作

YEAR 2023

概要

イラストレーター まくらたみ さんのポートフォリオサイトを制作しました。

＊実装途中のためリンクはありません。完成後リンクを追加します。

テイスト：クリーン, シンプル

仕様：WordPress テーマ実装、ログイン画面カスタマイズ


実装内容

  • ヒアリング、要件定義
  • ドメイン取得代行
  • ページデザイン（XD）
  • WordPress テーマ実装（HTML, SCSS, JavaScript, PHP）
  • WordPress ログイン画面カスタマイズ（PHP）、マニュアル作成


デザイン

作品が映えるようなシンプルな実装です。

イラストレーターの少しレトロで温かみのある作風を活かしながら、サイト訪問者の目が疲れないように、背景は真っ白ではなくわずかに薄いグレーを敷いています（#fcfcfa）

テーマカラー・ヘッダーアイコン・ロゴ・フッターの意匠はイラストレーターの名刺と同じデザインを施し、ブランドイメージを表現しています。


イラスト一覧


イラスト個別ページ

作品タイトル・詳細（自由記入）のほか、イラスト用ポートフォリオに必要な「投稿日」「制作時間」「画材・使用ソフト」のカスタムタクソノミーを追加しました。


モーダルウィンドウはスマートフォンでのアクセシビリティに優れる Lightbox with PhotoSwipe プラグインを使用しています。

モーダルウィンドウをコーディングする時は、アクセシビリティの点から基本的に PhotoSwipe を採用しています。