WORKS
WebサイトのFV画像

クライアントワーク

木岡様ポートフォリオサイト

案件概要

日本画家、木岡史様のポートフォリオサイト。
炎に関する作品が多いため、温かみのある印象に仕上げました。
現在、制作中です。
こまめにテストサーバーにアップロードしているので、ぜひ下記ボタンからご覧ください。

Figmaを
見る

設計の詳細は
こちらから!

ここが一味違う!

「Webサイトで鑑賞体験」

  • 下層ページでは作品写真をメインビジュアルに使用
  • 大きく画面いっぱいに配置
  • 美術館に足を運ぶように視界いっぱい作品を鑑賞する
  • ぼかしを使用し、炎のぼんやりとした明かりを印象付けるような加工

ターゲット

美術作家・美術愛好家(40代〜60代男性)
美術に強い関心があり、美術館やギャラリーにも頻繁に足を運ぶ。 SNSを使いこなしている訳ではなく、webサイトから情報を得ることが多い層。

目的

  • ・展覧会への集客
  • ・年配のターゲットからの信頼の獲得
  • ・作家への周知

構成のポイント

作品数が多く、同じ題材でも画面の差別化が出来ているのが強み。一度に目に入る作品数が多くなるよう構成しました。 作品紹介はソートできるようにし、題材や制作年がわかるように。 作家のこだわりや一貫性が伝わるような設計を目指しました。

使用ツール

Photoshop

Illustrator

Figma

VScode

デザインコンセプト

「没入感を与え、物思いにふける。小さな変化を日常に。」

静かで湿度感があり、芯が強く感じられる印象。 作品を際立たせるために色数や装飾は少なめにデザイン。 スッキリしているけれど細身すぎない明朝体フォントを選定。 フォーマルな印象に寄りすぎないようにボタンに遊びを持たせる。

芯が強い

しっかり

静謐

湿度感

淡い

朝焼けの爽やかさ

炎の暖かみ

コンセプトカラー

#F2F2E8

#DDC444

#4A4A3D

制作期間

ヒアリング・分析

ワイヤーフレーム

デザイン

コーディング

10日間

3日間

7日間

20日間

2025年2月時点

デザイン完成図

デザインイメージ図 デザインイメージ図 デザインイメージ図 デザインイメージ図 デザインイメージ図 デザインイメージ図 デザインイメージ図 デザインイメージ図 デザインイメージ図 デザインイメージ図 デザインイメージ図 デザインイメージ図 デザインイメージ図 デザインイメージ図 デザインイメージ図 デザインイメージ図 デザインイメージ図