ハンドメイド作品のポートフォリオサイトのサムネイル

ハンドメイド作品のポートフォリオサイト

  • 担当: デザイン / コーディング / WordPress構築
  • 使用ツール: Figma / Illustrator
  • 使用技術: HTML / SCSS / JavaScript / PHP / WordPress

目的

学習本を参考にクラフトバンド作品を作り続けている母のために、過去の作品を振り返ることができるポートフォリオサイトを制作しました。

工夫した点

カテゴリー分類を設けることで、種類ごとに作品を一覧で確認できるようにし、目的の作品にたどり着きやすい構成にしました。また、作品詳細ページでは複数枚の写真を掲載し、さまざまな角度から作品の質感や細部が伝わるように工夫しています。

デザイン面では、クラフトの温かさが伝わるよう、柔らかいフォントとナチュラルな色合いを採用しました。文字間や余白を広めに取り、ゆったりとした印象になるよう設計しています。

ロゴにはクラフトバンドをイメージした丸みのあるモチーフを取り入れました。写真は、長年使用している道具を使用することで生まれる素材の味わいが伝わるよう意識しています。

技術面

  • ・WordPressオリジナルテーマで構築
  • ・カスタム投稿タイプを実装し、作品を整理できる設計に
  • ・JavaScriptでオープニングアニメーションを実装(sessionStorageを用いて初回訪問時のみ再生)

a.craft: https://xs577117.xsrv.jp/a-craft/

サイト閲覧用のIDとPasswordです。
下記を入力してください。