MV

MENU

The Kenya Safari

役割

・フリーランスのウェブデザイナー兼デベロッパー
・プロジェクト全体を担当

タイムライン

2024年12月~2025年2月(6週間)

概要

ケニアでの本格的なサファリ体験の探求と予約をサポートするプラットフォーム。

詳細

2024年12月から2025年2月にかけて、私はベテランのサファリガイドであり、ザ・ケニア・サファリの創設者でもあるマニュエル・ムワロ・マンギとともに、彼の新しいサファリ・ベンチャーのためのデジタル・プレゼンスの開発に携わる機会に恵まれました。マニュエルは、サファリ・ガイドとしての深い経験を持ち、練り上げられたウェブサイトを通じて本物のケニア・サファリ体験を提供することで、世界中の人々に彼の活動の場を広げたいと考えていました。課題は、ケニアのサファリの独自性を反映するだけでなく、ケニアの野生動物や文化の美しさを探検し、体験することを熱望する多様な客層にアピールするオンライン・プラットフォームを作ることでした。

一人のフリーランサーとして、私はこのプロジェクトのあらゆる側面を担当し、最初のデザイン段階から最終的なウェブサイトの展開まで、すべての段階を監督しました。これには、ケニア・サファリのブランドの本質をとらえるロゴのコンセプト作りや、会社のサービス、パッケージ、価値を紹介する機能的なウェブサイトの構築も含まれました。その目的は、単に美しいだけでなく、ユーザーフレンドリーで、潜在的な顧客にとって有益なプラットフォームを作ることでした。

ウェブサイトは、ケニアのサファリの冒険心を体現しつつ、スムーズでプロフェッショナルなブラウジング体験を保証する必要がありました。私はマニュエルと緊密に協力して彼のビジョンを理解し、ウェブデザインのベストプラクティスと整合させながら、情報ハブとマーケティングツールの両方の役割を果たすウェブサイトを制作しました。デザインプロセスでは、さまざまなサファリ・パッケージと各体験の詳細情報を強調するレイアウトを作成しました。ケニアの風景や野生動物の雄大さを表現する見事なビジュアルを盛り込み、訪問者に冒険の旅が待っていることを実感してもらえるよう心がけました。

また、サファリというビジネスの性質上、顧客がパッケージについて問い合わせるためのシンプルかつ効果的な方法を組み込むことも重要でした。予約プロセスは自動化されておらず、会社との手動でのやり取りが必要だったため、ユーザーが簡単に詳細や予約の問い合わせができるよう、問い合わせフォームを実装しました。ウェブサイトはモバイル・ファーストではありませんでしたが、モバイル・デバイスでも快適にアクセスできるよう、さまざまな画面サイズに対応し、機能的であることを確認しました。

全体として、このプロジェクトはエキサイティングで意義深いブランドに携わる素晴らしい機会であっただけでなく、クライアントのためにエンド・ツー・エンドのソリューションを管理・提供する私の能力を証明するものでもありました。最初のロゴの作成からウェブサイト上の最終的なディテールの実装まで、すべての段階はThe Kenya Safariの顧客にシームレスで思い出に残る体験を提供するという目標をサポートするためにデザインされました。このコラボレーションは、私のポートフォリオのハイライトの一つであり、私のウェブ開発スキルの全範囲を示すものであり、それは私が非常に誇りに思っているプロジェクトです。

使用したプログラム

ケニア・サファリのウェブサイトの開発では、シームレスで効果的なデザインとコーディングのプロセスを保証するために、様々なツールと技術を採用しました。初期のデザイン段階では、Figmaを使用しました。Figmaは、詳細なワイヤーフレーム、プロトタイプ、忠実度の高いビジュアル・デザインを作成できる、パワフルで多機能なデザイン・ツールです。Figmaのコラボレーション機能によって、私はクライアントとデザイン案を共有し、フィードバックを受け取り、素早くデザインを反復することができました。このツールの直感的なインターフェイスのおかげで、レスポンシブ・レイアウトをデザインしたり、さまざまな配色やタイポグラフィ、ビジュアル要素を試したりするのが簡単になりました。

デザインが確定すると、私はVisual Studio Code(VS Code)を使って開発フェーズに移行しました。Visual Studio Codeは統合開発環境(IDE)であり、そのスピード、柔軟性、強力な拡張機能で頼りにしています。VS Codeは、その軽量なインターフェイスと堅牢な機能により、ウェブサイトを実現するために必要なコードを書き、編集するための生産的な環境を提供してくれました。強力なデバッグ・ツール、統合ターミナル、バージョン管理用の拡張機能を活用し、開発プロセス全体を通してスムーズで効率的なワークフローを実現しました。これらの技術を組み合わせることで、The Kenya Safariのウェブサイトのデザインと機能の両方をサポートする強力なスタックが出来上がりました。HTML、CSS、PHP、JavaScriptの組み合わせは、ウェブサイトが視覚的に魅力的であるだけでなく、高機能であることを保証し、潜在的なサファリファンにスムーズなユーザーエクスペリエンスを提供すると同時に、クライアントがコンテンツを管理し、顧客と簡単にやり取りできるようにしました。各言語とツールは、最初のデザインモックアップから最終的なインタラクティブ体験に至るまで、ウェブサイトの機能を実現する上で特定の役割を果たしました。

これらの技術に加えて、私はサファリのパッケージを管理するための完全な動的システムを実装しました。この機能は、私がこのプロジェクトのために特別に設計・開発した管理パネルによって実現しました。管理パネルはユーザーフレンドリーなインターフェイスを提供し、クライアントは技術的な専門知識を必要とせずにサファリを管理することができます。このパネルを通して、クライアントはパッケージの詳細を更新し、価格を変更し、画像を追加し、説明を簡単に修正することができます。

サファリパッケージのデータはMySQL(MariaDB)データベースに保存され、情報は安全に保存され、効率的にアクセス、操作できるようになっています。このデータベースは、ウェブサイトのダイナミックコンテンツのバックボーンとして機能します。各サファリ・パッケージの詳細(名称、説明、料金、期間、画像など)は、構造化されたテーブルに格納されている。このため、最新の情報を簡単に検索してウェブサイトに直接表示することができ、ユーザーは常に最新の情報を見ることができます。

PHPとSQLクエリを使って、ウェブサイトとデータベースを統合し、サファリのパッケージを動的に表示しました。例えば、ユーザーが「パッケージ」のページにアクセスすると、ウェブサイトはデータベースからパッケージの詳細を取得し、視覚的に魅力的で整理された方法で表示します。このダイナミックなシステムにより、クライアントは数回クリックするだけで、新しいパッケージを追加したり、既存のパッケージを編集したり、古くなったパッケージを削除したりすることができます。

このアプローチにより、クライアントの管理プロセスが効率化されただけでなく、ウェブサイトが常に現在のサファリ・パッケージの在庫と一致するようになりました。私が作成した管理画面は、クライアントがすべてのコンテンツを効率的に管理できる中心的なハブであり、ウェブサイトが提供するサービスを完全にコントロールできるようになっています。データベースにMariaDB、バックエンドロジックにPHPを使用することで、このソリューションは堅牢かつスケーラブルになり、ビジネスの発展に合わせてシームレスに更新できるようになりました。

動的なコンテンツ管理、使いやすいインターフェイス、安全なデータベースストレージの組み合わせは、クライアントとエンドユーザーの両方にとって全体的な体験を向上させます。このシステムにより、The Kenya Safariのウェブサイトは常に新鮮で適切なものとなり、クライアントはサービスや提供するものが時間とともに変化しても簡単に更新することができます。

カラーパレット

#E1902A

#3E5C4A

#F5F3EE

#2D2D2D

使用したフォント

ロゴデザイン

The Kenya Safari Logo

ケニア・サファリのウェブサイトの包括的な開発の一環として、私は会社のロゴの作成も担当し、ブランドの価値観やターゲットとする読者層とビジュアル・アイデンティティが一致するようにしました。

ケニア・サファリの冒険心を表現するだけでなく、プロフェッショナリズムと信頼感を伝えるロゴをデザインすることが目標でした。野生動物のシルエット、アカシアの木、アーシーな色合いなど、自然の要素を取り入れながら様々なデザインコンセプトを検討し、ケニアの風景の信頼性と美しさを反映させました。

クライアントと密接に協力してフィードバックを集め、最初のアイデアを洗練させた後、ブランドの強力なビジュアル基盤となる、クリーンで印象的なロゴを納品しました。最終的なデザインは、デジタル・プラットフォーム、マーケティング資料、さらには商品にも使用できる汎用性の高いもので、すべてのタッチポイントで一貫したブランド表現を実現しました。

最新プロジェクト

South Bars

イタリアの柔軟体操コミュニティのデジタルハブ。

プロジェクトへ

いつでも仕事の準備ができています!