sepulveda-art.com
-
sepulveda-art.com⬈
2023
ケーススタディ
アーティスト オスカー・セプルブェダのウェブサイトのデザインと開発を行いました。
プロジェクトの期間
6ヶ月
主要スキル
プロダクトデザイン、アイディエーション、スケッチ、情報アーキテクチャ、ユーザーインターフェースデザイン、インタラクションデザイン、プロトタイピング、ウェブサイト開発
「ウェブサイトにはスペイン語と英語の両方が必要です。」
問題
オスカー・セプルブェダはウェブプレゼンスのないアーティストです。彼は作品を一般に公開するためにソーシャルメディアに頼ってきましたが、よりプロフェッショナルな方法を求めていました。
プロジェクトのビジョン
InstagramやFacebookのアルゴリズムの制限に直面したオスカーは、より専門的なウェブプレゼンスが必要でした。最終的なプロダクトは、英語とスペイン語の切り替えが可能であり、絵画とドローイングの実践を両方とも展示し、CVとコンタクト情報をすぐに表示できる必要がありました。
プロジェクトブリーフ
私は、オスカー・セプルブェダの新しいウェブプレゼンスを通じて彼をオンライン上で代表するという課題に取り組みました。まず最初に、競合するアーティストのウェブサイトを調査し、使いやすさとアクセシビリティのベストプラクティスについての堅固な理解を構築しました。デザインとプロトタイピングはFigma上で行い、クライアントとの効果的なコミュニケーションを図りました。ウェブサイトはWordPress上で構築され、カスタムのPHP、JS、CSS、HTMLを利用しました。
「私は複数のメディアで制作しており、具体的には絵画、ドローイング、インスタレーションです。どのように作品を整理すれば、論理的にまとまるでしょうか？」
調査
競合分析
成功したウェブプレゼンスを持ついくつかのプロのアーティストに対して競合分析を実施しました。
ターゲットオーディエンスの分析
Reddit、Craigslist、Facebookでターゲットオーディエンス分析を行いました。アーティストが自身のウェブサイトを紹介する投稿を、効果的で印象的なUXUIの実装を分析しました。また、有名なギャラリーウェブサイトのアーティストプロフィールページも標準化の観点から分析しました。
結果
分析結果はトレンドにまとめられ、包括的なユーザーの課題の文言としてまとめられました。
アーティストを探していますが、才能のある人をどのように見つければ良いかわかりませんので、以下の方法を検討しています：
・
Googleで検索を行います。
・
自身が魅了されるアーティストの作品を見つけるために、ソーシャルメディアプラットフォームとそれらのハッシュタグを活用します。
・
プロフェッショナルなウェブプレゼンスを持つアーティストを見つけます。
継続的に良い作品を制作するアーティストを必要としているため、彼らのウェブサイトで以下の要素を探します：
・
簡潔で印象的な履歴書（CV）
・
作品の詳細でプロフェッショナルなドキュメンテーション
・
展覧会の詳細でプロフェッショナルなドキュメンテーション
・
アーティストのステートメント
ユーザーの課題
「才能あるアーティストを探しており、オンラインで見つけるためのアシスタンスが必要です。」
解決策
オスカー・セプルヴェダは、次回のグループ展のためのアーティストです。または、ギャラリーのロスターに新たなアーティストとして加わる可能性もあります。
これにより実装する機能
・ シンプルで使いやすいサイトメニュー
・ 作品の写真ドキュメンテーションギャラリー
・ 展覧会の写真ドキュメンテーションギャラリー
・ お問い合わせページ
・ アーティストステートメント
・ 履歴書（CV）ユーザーテスト
目標
Figma上のプロトタイプのスクリーンショットとAI生成の画像、ストック画像を活用して、ユーザーエクスペリエンスのテストを作成しました。これにより、ウェブサイトの使いやすさとアクセシビリティに関するデータを収集しました。
プロセス
特定のデモグラフィックを対象にユーザーテストを実施しました。これには、アート界に入る修士課程の学生、新しいアーティストを探しているギャラリスト、大学の入試担当教授などが含まれます。これらのデモグラフィックに焦点を当て、プロトタイプを研究の基盤として活用することで、サイトのデザインを改善するための重要なポイントを見つけることができました。
結果
このプロトタイプを活用することで、ウェブサイトの使いやすさとアクセシビリティに関する貴重なデータを収集することができました。このテストは、ユーザーがインターフェースとどのように対話し、コンテンツをどれだけ簡単にナビゲートできるか、デザイン要素が直感的で視覚的に魅力的かどうかについての洞察を提供しました。このユーザーテストの結果は、将来の改善と最適化に関する示唆を提供し、ウェブサイトの全体的なユーザーエクスペリエンスを向上させるための指針となります。
MVP（Minimum Viable Product）/ワイヤフレーム
ワイヤフレーム
ワイヤフレームは、MVPを洗練させ、重要なレッドルートを確認するために作成されました。
プロトタイプ
プロトタイプは、より高い忠実度のモデルに近づけるために洗練されました。
「ウェブサイトのデザインと流れは、私の作品を専門的な方法で展示するために重要です。」
UIデザイン
スタイルガイド
実装と開発
アーキテクチャ
オスカーのウェブサイトのアーキテクチャは、ユーザーセンタードのデザインアプローチに従い、訪問者にシームレスで直感的なブラウジング体験を提供することを確保しています。ユーザーのニーズを優先し、効率的な情報の取得を重視することで、オスカーのウェブサイトのアーキテクチャは、専門知識を効果的に紹介し、エンゲージメントを促進するユーザーフレンドリーなプラットフォームを目指しています。
スタック
プラットフォーム：WordPress
データベース：MySQL
バックエンド：PHP（WordPressの管理画面をCMSとして使用）
フロントエンド：HTML / CSS / JS
デジタルアセット管理：WordPress メディアライブラリ統合（プラグインなど）
ヘッダー/フッター/投稿インジェクション（Stefano Lissaによるプラグイン）
レスポンシブ ライトボックス＆ギャラリー（dFactoryによるプラグイン）検索エンジン最適化（SEO）
SEO統合
Yoast SEOを使用してウェブサイトのSEOスコアを評価し、パフォーマンス向上のために変更が行われました。
メタディスクリプション
アーティスト | コンテンポラリーアート | スタジオアート | ドローイング、ペインティング、インスタレーション – ニューヨーク、NY＆ブルックリン、NY。
キーワード/フレーズ
美術
アーチスト
コンテンポラリーアーティスト
コンテンポラリーアート
ギャラリーアーティスト
新進アーティスト
スタジオアーティスト
アートワークアートポートフォリオ
ビデオ アート
インスタレーション アート
ドローイング
絵画
彫刻
3D アート
アニメーションアウトカム
達成事項
最終成果物のスクリーン録画はこちらからご覧いただけます。
オスカー・セプルベダのプロジェクトにおける包括的なウェブデザイン、ウェブ開発、およびSEOの取り組みにより、重要な成果を達成し、主要なマイルストーンを達成しました。全体として、私たちの共同の努力は、オスカーを信頼性のある、プロフェッショナルで才能あるアーティストとして位置付けるのに貢献しました。
ウェブプレゼンスの刷新
ウェブデザインに関して、私は視覚的に魅力的で使いやすいウェブサイトを作成しました。これにより、オスカーの作品、展覧会、および資料を効果的に紹介することができました。シームレスなウェブ開発の実装により、さまざまなデバイスでのスムーズなナビゲーションと最適なパフォーマンスが確保されました。
検索エンジン最適化（SEO）
戦略的なSEOの取り組みにより、オスカーの検索エンジンの順位が向上し、有機的なトラフィックが増加し、オンラインでの可視性が向上しました。これにより、広範な層にリーチし、高い変換率を実現しました。
