Japan360 LTD

Web Design for Japan360

Japan360は、ニュージーランドを拠点とする訪日旅行専門の旅行代理店です。同じくニュージーランド在住のウェブデザイナーLITTLE FUJIがサイトデザインを担当し、Wix Studioを使用して制作しました。日本を感じる伝統的なアートや写真、観光名所を、モダンでポップなコラージュスタイルで融合し、グローバルな顧客層をターゲットにしたユニークで遊び心のあるウェブデザインに仕上げました。

Work

デザインコンセプト

日本の伝統的な要素と現代のポップアートを融合させた、日本らしいユニークでモダンなデザインをコンセプトに作成。

Canvaで制作したコラージュスタイルのグラフィックと、日本の伝統色や日本らしいアートスタイルを組み合わせることで、遊び心がありながらも個性的なブランドの世界観を表現しました。海外らしい力強いタイポグラフィと鮮やかなカラーパレットも取り入れ、日本旅行を計画する旅行者へインスピレーションを与え、旅行への期待感を感じさせるような、わくわくするウェブサイトデザインとなっています。

更新がしやすく機能的なウェブサイト設計

クライアントからのご依頼要件は、日本らしくポップで個性的なデザインでありながら、納品後に自分でも簡単にカスタマイズできる、シンプルで機能的なウェブサイトの構築でした。

ウェブサイトの編集に不慣れな方でも安心して使えるよう、Wix Studioでの更新方法をまとめたオリジナルのレポートをGoogle Docで提供。あわせて、画面共有を使ったフォローアップサポートも行いました。

SEO対策としてブログ機能を導入し、SEO設定、Googleアナリティクスの連携、ドメイン接続までスムーズに公開できるよう、トータルでサポートしました。

完成したウェブサイトは、日本らしさを感じる要素と、現代的でポップなスタイルを融合させた、遊び心のあるデザインに仕上がりました。コラージュを使ったグラフィックデザイと日本の伝統色、海外のデザインでよく見られるボールドなフォントを大段に取り入れることで、ユニークなビジュアルアイデンティティを表現しています。

Wix Studioで作成しているため、ウェブ初心者でも簡単に更新が可能です。柔軟性と機能性を両立し、長期的な活用にも適した「育てるウェブサイト」を提供いたしました。

完成したウェブサイトは、日本らしさを感じる要素と、現代的でポップなスタイルを融合させた、遊び心のあるデザインに仕上がりました。コラージュを使ったグラフィックデザイと日本の伝統色、海外のデザインでよく見られるボールドなフォントを大段に取り入れることで、ユニークなビジュアルアイデンティティを表現しています。

Wix Studioで作成しているため、ウェブ初心者でも簡単に更新が可能です。柔軟性と機能性を両立し、長期的な活用にも適した「育てるウェブサイト」を提供いたしました。

FINAL OUTPUTS

Web Design for Japan360

4台のスマートフォンに、日本旅行サイトのページが表示されています。表示内容は、旅行情報、京都の見どころ、問い合わせフォーム、そしてLittle Fujiのブランディングです。

「MEET JAPAN, YOUR WAY」というタイトルのカラフルなウェブサイトが表示されたノートパソコン。画面には、伝統的な日本の町並み、富士山、五重塔の鮮やかなイラストが背景に描かれています。ウェブサイトは、家族旅行、友人との旅行、修学旅行、結婚式、スキー旅行など、さまざまなスタイルの訪日旅行を紹介しています。

ノートパソコンで旅行ブログを閲覧している人物。画面には、日本に関する記事が表示されており、旅行のコツ、コンビニ情報、東京の観光プランなどが紹介されています。

ロゴデザインのブラッシュアップとファイル変換

クライアントから提供されたロゴはPDF形式だったため、Adobe Illustratorを使ってパスを整え、全体のデザインをブラッシュアップしました。汎用性を高めるために、SNSアイコン用の正方形バージョンや横長レイアウトなど、複数のロゴバリエーションも制作。すべてのロゴデータは、ベクター形式（SVG/AI）とPNG形式で書き出し、用途に応じて使いやすい形で納品しました。

「JAPAN360 Travel Your Way」のロゴバリエーション。異なるカラー・スタイル・フォーマットで展開し、ファビコン、円形アイコン、SNS用アイコンなどにも対応しています。

Wix Studioで作るレスポンシブでリッチなウェブデザイン

Wix Studioに搭載されているスクロールアニメーションやスライドショー、マウスホバーエフェクトなどの機能を活用することで、シンプルでありながらリッチで魅力的なウェブアニメーションをあらゆる画面サイズに対応した形で実装しました。

ロゴデザインのブラッシュアップとファイル変換

クライアントから提供されたロゴはPDF形式だったため、Adobe Illustratorを使ってパスを整え、全体のデザインをブラッシュアップしました。汎用性を高めるために、SNSアイコン用の正方形バージョンや横長レイアウトなど、複数のロゴバリエーションも制作。すべてのロゴデータは、ベクター形式（SVG/AI）とPNG形式で書き出し、用途に応じて使いやすい形で納品しました。

Wix Studioで作るレスポンシブでリッチなウェブデザイン

Wix Studioに搭載されているスクロールアニメーションやスライドショー、マウスホバーエフェクトなどの機能を活用することで、シンプルでありながらリッチで魅力的なウェブアニメーションをあらゆる画面サイズに対応した形で実装しました。

Figmaを使用した複数デザイン案の提案とスタイルガイドの作成

Figmaを使って、複数の配色やフォントのバリエーションを含むスタイルガイドを作成し、クライアントが比較・検討できるように提案しました。リアルタイムでのWix上での編集やFigmaの更新をすることで、クライアントの頭の中にある理想のデザインを少しずつ具体的な形に落とし込みました。

最終的に確定した配色とタイポグラフィを基にスタイルガイドを作成し、Wix Studioのサイトテーマに反映。ビジュアルの一貫性が保たれ、スムーズかつ統一感のあるウェブサイト制作が実現しました。

ロゴ、カラーパレット、タイポグラフィの選択肢、そして日本の旅行をテーマにしたサンプルウェブサイトデザインをまとめたスタイルガイドです。

Web Design for Japan360

一つ前へ