
▶不動産会社向けサイトデザイン
(受託案件:制作期間2024年4月~5月)
URL:https://aozora.pauhana.co.jp/
対応内容:
●キービジュアルおよびサイト全体のデザイン
●WordPressでのサイト構築 (無料テーマ「Lightning」を使用)
デザインコンセプト:
クライアント様が用意されたトップページデザインを基に、各下層ページのデザインを展開しました。既存のロゴの色合いや雰囲気、指定された青色のトーンを考慮し、シンプルで見やすいデザインを心がけました。
使用ツール:
●Adobe Illustrator
●Adobe Photoshop
●WordPress
(受託案件:制作期間2024年4月~5月)
URL:https://aozora.pauhana.co.jp/
対応内容:
●キービジュアルおよびサイト全体のデザイン
●WordPressでのサイト構築 (無料テーマ「Lightning」を使用)
デザインコンセプト:
クライアント様が用意されたトップページデザインを基に、各下層ページのデザインを展開しました。既存のロゴの色合いや雰囲気、指定された青色のトーンを考慮し、シンプルで見やすいデザインを心がけました。
使用ツール:
●Adobe Illustrator
●Adobe Photoshop
●WordPress

▶知的障がい者グループホーム社向けサイトデザイン
(受託案件:制作期間2022年1月~3月)
URL:https://comoeres.jp/
対応内容:
●サイトデザイン
● WordPressによるサイト構築(オリジナルテーマ制作)
デザインコンセプト:
先にデザインしたロゴマークのイメージを継承し、自然豊かな東京都町田市の雰囲気を伝えるため、柔らかな印象のイラストをキービジュアルやフッターに配置しました。曲線を活かしたデザインや親しみやすいイラストを用いて、企業様の理念や事業への取り組み姿勢を効果的に表現しています。
使用ツール:
●Adobe Illustrator
●Adobe Photoshop
●WordPress
(受託案件:制作期間2022年1月~3月)
URL:https://comoeres.jp/
対応内容:
●サイトデザイン
● WordPressによるサイト構築(オリジナルテーマ制作)
デザインコンセプト:
先にデザインしたロゴマークのイメージを継承し、自然豊かな東京都町田市の雰囲気を伝えるため、柔らかな印象のイラストをキービジュアルやフッターに配置しました。曲線を活かしたデザインや親しみやすいイラストを用いて、企業様の理念や事業への取り組み姿勢を効果的に表現しています。
使用ツール:
●Adobe Illustrator
●Adobe Photoshop
●WordPress

▶土地家屋調査士事務所向けサイトデザイン
(受託案件:制作期間2022年4月~6月)
URL:https://ngym-svy.com/
対応内容:
●サイトデザイン
●WordPressでのサイト構築 (無料テーマ「Lightning」を使用)
デザインのポイント:
● シンプルで管理しやすいデザイン:既存テーマをカスタマイズし、クライアントが容易に管理・更新できるシンプルなデザインを採用しました。
● ロゴの色を活用:ロゴマークの緑色をアクセントカラーとして取り入れ、統一感を持たせました。
● フォントサイズの調整:見出しや本文のフォントサイズを適切に設定し、読みやすさを向上させました。
● 信頼感と安心感の表現:土地家屋調査士事務所としての信頼性と安心感を伝えるデザインを心がけました。
使用ツール:
●Adobe Illustrator
●Adobe Photoshop
●WordPress
(受託案件:制作期間2022年4月~6月)
URL:https://ngym-svy.com/
対応内容:
●サイトデザイン
●WordPressでのサイト構築 (無料テーマ「Lightning」を使用)
デザインのポイント:
● シンプルで管理しやすいデザイン:既存テーマをカスタマイズし、クライアントが容易に管理・更新できるシンプルなデザインを採用しました。
● ロゴの色を活用:ロゴマークの緑色をアクセントカラーとして取り入れ、統一感を持たせました。
● フォントサイズの調整:見出しや本文のフォントサイズを適切に設定し、読みやすさを向上させました。
● 信頼感と安心感の表現:土地家屋調査士事務所としての信頼性と安心感を伝えるデザインを心がけました。
使用ツール:
●Adobe Illustrator
●Adobe Photoshop
●WordPress

▶エンターテインメント企業向けサイトリニューアルデザイン
(受託案件:制作期間2021年2月~4月)
URL:https://route13.tokyo/
対応範囲:
①プロジェクト要件定義:クライアントとのヒアリングを通じて業務内容を整理し、Webマーケターなどのチームメンバーを適切にアサインしました。
②デザインコンセプトの策定:デザインのトーン&マナーを検討し、同業他社や異業種のサイトを調査・比較しました。また、CMS(WordPress)のテンプレート選定も行いました。
③ワイヤーフレーム作成:サイトリニューアルに向けたワイヤーフレームを企画・制作しました。
④デザインコンサルティングと制作会社の選定:リニューアルデザイン案の企画コンサルティングを行い、サイト構築を依頼する制作会社の選定と紹介を担当しました。
⑤コーディング用デザインデータの作成:実装に必要なデザインデータを作成しました。
プロジェクト概要:
「暮らしの中に、少しのサプライズを」をテーマに、マジックやエンターテインメントを活用した商品PRやテレビ番組・演劇の企画プロデュースを行う企業の既存サイトをリニューアルし、オウンドメディア化を図りました。具体的には、以下の業務を担当しました。
● 要件定義:コンテンツや機能のCMSでの具体的な検討
● 構造設計:サイトマップの作成、情報配置計画、コンテンツの流れなどの情報設計、ワイヤーフレーム作成
● 仕様策定:CMSの比較検討、デザインコンサルティング
● プロジェクトメンバーの提案:適切なメンバー構成の提案
● コーディング用デザインデータの作成:Adobe IllustratorやAdobe Photoshopを使用してデザインデータを作成
留意点:
クライアントからのヒアリングや提供された骨子案・掲載希望コンテンツを基に、予算に見合うCMSテンプレートの選定と市場調査を行いました。また、PV数やコンバージョン率の向上を目指し、キーワード選定・分析のためにWebマーケターをアサインしました。自社事業の受注増加、ブログ更新、動画PR実績のオウンドメディア化、一般ユーザーからの訪問拡大を実現するため、適切なCMSを選定し、制作会社に構築・実装を依頼しました。サイト全体のUI/UXデザインも担当し、画像や動画を効果的に配置して、事業内容を直感的に伝えられるスタイリッシュな仕上がりを目指しました。これにより、企業のブランディング強化にも貢献しました。
使用ツール:
●Adobe Illustrator
●Adobe Photoshop
(受託案件:制作期間2021年2月~4月)
URL:https://route13.tokyo/
対応範囲:
①プロジェクト要件定義:クライアントとのヒアリングを通じて業務内容を整理し、Webマーケターなどのチームメンバーを適切にアサインしました。
②デザインコンセプトの策定:デザインのトーン&マナーを検討し、同業他社や異業種のサイトを調査・比較しました。また、CMS(WordPress)のテンプレート選定も行いました。
③ワイヤーフレーム作成:サイトリニューアルに向けたワイヤーフレームを企画・制作しました。
④デザインコンサルティングと制作会社の選定:リニューアルデザイン案の企画コンサルティングを行い、サイト構築を依頼する制作会社の選定と紹介を担当しました。
⑤コーディング用デザインデータの作成:実装に必要なデザインデータを作成しました。
プロジェクト概要:
「暮らしの中に、少しのサプライズを」をテーマに、マジックやエンターテインメントを活用した商品PRやテレビ番組・演劇の企画プロデュースを行う企業の既存サイトをリニューアルし、オウンドメディア化を図りました。具体的には、以下の業務を担当しました。
● 要件定義:コンテンツや機能のCMSでの具体的な検討
● 構造設計:サイトマップの作成、情報配置計画、コンテンツの流れなどの情報設計、ワイヤーフレーム作成
● 仕様策定:CMSの比較検討、デザインコンサルティング
● プロジェクトメンバーの提案:適切なメンバー構成の提案
● コーディング用デザインデータの作成:Adobe IllustratorやAdobe Photoshopを使用してデザインデータを作成
留意点:
クライアントからのヒアリングや提供された骨子案・掲載希望コンテンツを基に、予算に見合うCMSテンプレートの選定と市場調査を行いました。また、PV数やコンバージョン率の向上を目指し、キーワード選定・分析のためにWebマーケターをアサインしました。自社事業の受注増加、ブログ更新、動画PR実績のオウンドメディア化、一般ユーザーからの訪問拡大を実現するため、適切なCMSを選定し、制作会社に構築・実装を依頼しました。サイト全体のUI/UXデザインも担当し、画像や動画を効果的に配置して、事業内容を直感的に伝えられるスタイリッシュな仕上がりを目指しました。これにより、企業のブランディング強化にも貢献しました。
使用ツール:
●Adobe Illustrator
●Adobe Photoshop