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