top of page
カラフルな日本旅行のウェブサイトが表示されたノートパソコン。その周りには、東京タワー、富士山、スーツケース、鶴のイラストなどのアイコンが配置されています。
ガラスのような光沢を持つ青い3D星型アイコン。滑らかなエッジで、透明な背景に配置されている。

スキル

ブランドアイデンティティ開発
グラフィックデザイン
Wix Studioウェブデザイン

青いグラデーションで表現された3Dのユーザーアイコン。丸い頭と半円形の胴体が特徴的で、光沢感がある。

担当範囲

ブランドアイデンティティ開発
Wixウェブデザイン
ドメインの接続
グラフィックデザイン制作
ロゴデータの変換とデータ制作

青いグラデーションで表現された3Dのレンチアイコン。光沢のある質感で、透明な背景に浮かんでいる。

使用ツール

Wix Studio
Canva
Figma

カラフルな日本旅行のウェブサイトが表示されたノートパソコン。その周りには、東京タワー、富士山、スーツケース、鶴のイラストなどのアイコンが配置されています。

デザインコンセプト

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

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

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

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

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

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

FINAL OUTPUTS

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

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

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

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

Web Design for Japan360

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

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

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

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

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

ノートパソコンで旅行ブログを閲覧している人物。画面には、日本に関する記事が表示されており、旅行のコツ、コンビニ情報、東京の観光プランなどが紹介されています。
「MEET JAPAN, YOUR WAY」というタイトルのカラフルなウェブサイトが表示されたノートパソコン。画面には、伝統的な日本の町並み、富士山、五重塔の鮮やかなイラストが背景に描かれています。ウェブサイトは、家族旅行、友人との旅行、修学旅行、結婚式、スキー旅行など、さまざまなスタイルの訪日旅行を紹介しています。
4台のスマートフォンに、日本旅行サイトのページが表示されています。表示内容は、旅行情報、京都の見どころ、問い合わせフォーム、そしてLittle Fujiのブランディングです。

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

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

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

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

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

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

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

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

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

Web Design for Japan360

bottom of page