株式会社フィーリングマン様のHP

思いという輪を広げる。株式会社フィーリングマン様のHP

自社・契約農園のミャンマー産スペシャリティコーヒーの販売やミャンマーへの支援活動を行う株式会社フィーリングマン様のHPのリニューアルをさせていただきました。

「見る」というより「読む」WEBサイト

リニューアル前は、クライアント様ご自身で一からホームページを制作・運営されていました。 その既存サイトの内容を活かしつつ、商品を購入したいお客様と、依頼を検討している企業の双方が欲しい情報にすぐアクセスできるよう、メリハリのあるページ構成へと再構築しました。


また、ミャンマー支援への想いをしっかりと届けられるよう、ストーリー性のあるWebサイトに仕上げています。
文章・画像・ボタンの配置にはリズムを持たせ、実際にスクロールしながら何度もバランスを確認し、丁寧にレイアウトを組み上げました。

株式会社フィーリングマン様のHP TOPページ・商品購入ページ
TOPページ PC版、商品購入ページ スマホ版

デザインコンセプト 「コーヒーで繋ぐ支援の輪」

「ミャンマーの方々への支援を軸にしたい」という、やさしくも強い想いを語られていた姿がとても印象的でした。
デザインコンセプトをより際立たせるため、「ご購入はこちら」ボタンや写真を丸型や角を丸くすることで統一し、全体に一体感とやわらかさを持たせました。

さらに、その写真がふわりと広がっていくようなアニメーションをつけることで、コーヒーを通じて想いが人や環境へつながっていくイメージを表現しました。

株式会社フィーリングマン様のHP フィーリングマンについてページ・社会貢献活動ページ
フィーリングマンについてページ PC版、社会貢献活動ページ スマホ版

ミャンマーを伝える

作り手の方々の温もりや、木々が持つ力強さをよりリアルに感じていただくために、クライアント様ご自身が撮影された写真を活用しました。

また、ロゴの青を基調にした配色をご希望だったため、赤いコーヒーチェリーや木々の写真とも自然に馴染むよう、全体の色合いを調整しました。

株式会社フィーリングマン様のHP 世田谷珈琲物語ページ PC版・スマホ版
世田谷珈琲物語ページ PC版、スマホ版

初めてのWordPress化

今回が初めてのWordPress案件だったため、更新箇所について何度もすり合わせを行い、試行錯誤を重ねながら完成へとたどり着きました。

このサイトを通じてミャンマーコーヒーのファンが増え、ミャンマーへの支援の輪がさらに広がっていくことを願っています。

制作した項目

  • webデザイン
  • コーディング
  • wordpressでのサイト構築、メールフォーム設置
  • PC、タブレット、スマホ表示対応(レスポンシブデザイン)
  • サイト構造、プラグイン調査
  • 初期SEO対策、アクセス解析ツール導入