ホームページ
クリーンガーデン様
愛媛県伊予市／剪定業
CMS：WordPress
テーマ：Kahuna
愛媛県伊予市で造園業を営む
「クリーンガーデン」さんのホームページです。
｢他の造園業さんのように、シンプルで見やすいサイトにしたい｣というご要望に合わせて、
すっきりとした構成を心がけています。
Kahunaテーマのやわらかな色合いが、社長さんのあたたかなお人柄にもよく合っていたため、
テーマの基本配色をそのまま採用しました。
写真はフリー素材の中から、業務内容や現場の雰囲気に合ったものを選び、誠実な仕事ぶりが
伝わるように意識しています。
お問い合わせページには、入力の負担をできるだけ減らせるよう、プルダウン形式の項目を設置。
選ぶだけで内容が伝わるよう工夫しました。
まとめ
- シンプルで見やすいデザイン
- 緑色を基調に、自然・安心感・誠実さを表現
- NEWS（ブログ）を設置し、情報発信が可能に
- お問合せフォーム入力の負担軽減
つくる様
愛媛県西予市／就労継続支援B型事業所
CMS：WordPress
テーマ：SWELL
愛媛県・西予宇和ICのすぐ近くにある
「つくる」さんのホームページです。
ログハウスのぬくもりを活かした建物が印象的な施設です。
｢シンプルでやわらかい印象に、でも子どもっぽくならないデザインにしたい｣というご要望に沿って、
爽やかで親しみやすいグリーンをテーマカラーに採用し、全体の雰囲気を整えました。
イラストにはフリー素材を使用し、職員さんの印象と重なるような、誠実さ・あたたかさ・親しみやすさを
感じられるものを選定。かわいらしくなりすぎないよう、大人にもなじむトーンを意識しています。
ブログやSNSで情報を発信したいというご希望があり、「お知らせ（ブログ）」ページを設置しました。
また、活動の様子がよく伝わる印象的な写真が多かったため、ギャラリーページもあわせて制作しています。
写真は主に職員さんが撮影されたものを使用し、外観や内観の一部は私が撮影しました。
ログハウスの木の質感やぬくもりがしっかりと伝わるよう、構成や見せ方にも工夫を凝らしています。
一部の写真では、電線など気になる背景を処理し、すっきりとした印象に仕上げました。
ひまわり畑と和紙のモビールの写真が特に印象的だったため、メインビジュアルとして採用しています。
まとめ
- 親しみやすさとシンプルさを両立したデザイン。テーマカラーにはグリーンを採用
- ホームページの最上部のひと目でわかる位置に、電話番号・営業時間・お問い合わせボタンを配置
- ギャラリーページを追加
- お知らせ（ブログ）ページを設置し、情報発信が可能に
- Googleマップを埋め込み
- 建物の写真撮影および画像加工
お客様コメント
就労継続支援B型事業所 つくる
M様
この度、縁あって事業所のホームページを作成していただくこととなりました。
私どもの要望に対して、何度も協議を重ね、時間をかけて丁寧に作っていただいています。
写真も綺麗に撮って頂き、ホームページ全体の感じが事業所の雰囲気と似通っており大変満足しています。
完成後も定期的にご連絡をいただき、ブログの更新を通じて事業所の情報発信につながっています。
今後とも、末永くお付き合いさせていただきたいと思っております。
制作者コメント
この度は、お忙しい中、何度も打ち合わせのお時間をいただき、ありがとうございました。
少しでも“つくる”の温かい雰囲気が伝わればと思いながら制作していたので、「ホームページ全体の感じが事業所の雰囲気と似通っている」と言っていただけて、とても嬉しかったです。
今後とも、どうぞよろしくお願いいたします。
一宮モータース様 ホームページ
愛媛県西予市／自動車販売店
CMS：WordPress
テーマ：SWELL
愛媛県西予市にて、親子2代で地域に親しまれる「一宮モータース」さんのホームページです。
「中古車情報をメインに発信したい」というご要望を受け、ホームページ制作に加え、Googleビジネスプロフィールの登録とLINE公式アカウントの構築もあわせて対応いたしました。
スマートで誠実な社長様のイメージに重なるよう、青と白をテーマカラーに設定。工場の看板にも使用されている青色を基調にすることで、実際の店舗イメージとも統一感を持たせました。自動車整備士の無骨さを表現するため、ボタンの角はあえて丸めず、セクションの区切りには斜めのラインを取り入れることで、シャープでソリッドな印象に仕上げました。
メインビジュアルでは、スライドごとにキャッチフレーズと店名の表示位置を変えることで、動きと変化を感じられる工夫を凝らしています。
工場・展示場・積載車の写真は、私が撮影・補正を担当しています。
中古車情報ページでは、装備品の情報を分かりやすく整理するため、カスタムフィールドを活用。閲覧のしやすさと、登録・管理の効率化を実現しました。
ロゴデザインおよびファビコンの制作も担当しました。
まとめ
- メインカラーには、スマートさ・誠実さ・信頼感をイメージさせるブルーと白を採用（実際の配色は、目にやさしいよう薄いグレーを使用）
- ソリッドな印象を持たせるため、ボタンは角丸を使用せずシャープなデザインに
- 中古車情報ページではカスタムフィールドを活用し、閲覧のしやすさと登録・管理の効率化を実現
- LINE公式アカウントの構築（リッチメニューの設計、応答メッセージの作成）
- Googleビジネスプロフィールの登録
- 工場・展示場・積載車の写真撮影および画像補正
- ホームページ全体の文章作成
- ロゴおよびファビコンのデザイン・作成
- Googleマップの埋め込み表示
- LINEのお友だち追加ボタンおよびリンクの設置
その他
一宮モータース様 展示場用ポスター
LINE公式アカウント
おともだち登録 QRコードポスター
一宮モータース様の展示場に掲示する、A4サイズのポスターを制作しました。
デザインは、ホームページのテーマカラーに合わせて「青」と「白」を基調とし、統一感のある仕上がりにしています。
QRコードをスキャンすると展示車の詳細ページがスマートフォンで表示されることを、視覚的にわかりやすく伝えるため、「QRコード ⇒ スマホ画面」のビジュアルで構成しました。
また、親しみやすさとアクセントを意識し、黄色の付箋風デザインで「展示車の新着情報は 公式LINEで配信中！」の案内も加えています。
なお、青色は画面表示と印刷で大きく差が出やすいため、このポスターでは色を合わせるのに苦労しました。
データ形式の変更やプリンター設定、Photoshopでの色調補正など様々な方法を試しましたが、最終的には「モニターキャリブレーションツール」を導入して調整。
ツールのおかげで、ほぼイメージ通りの色を一発で印刷することができました。
モニターキャリブレーションツールの力に感動しました。
使用アプリ）CANVA
出力）A4写真用紙
カーエアコンクリーニング案内 ポスター
ワコーズさんのカーエアコン⽤エバポレーター洗浄剤「EVC エバポクリーナー」のポスターです。
担当営業さんが持ってこられていた資料を参考に、制作しています。
エアコンフィルター交換とエアコン内部洗浄をそれぞれの枠の中に配置し、どのような効果があるのか？を視覚的に分かりやすく整理しました。
写真はフリー素材を使用し、背景には私が所有しているクルマを撮影し使用しました。
また、コピーと図形がバラバラな印象だったので、白い四角い枠で周りを囲み、全体的にまとまるように工夫しました。
使用アプリ）CANVA
出力）A4写真用紙
一宮モータース様 LINE公式アカウント
リッチメッセージ画像
カーエアコンクリーニング案内 リッチメッセージ画像
ワコーズさんのカーエアコン⽤エバポレーター洗浄剤「EVC エバポクリーナー」の公式LINE用リッチメッセージ画像です。
ポスター画像をもとに、縦横比や配置をスマホ画面用に調整しています。
比率を変えるだけでは、スマートフォン上では文字が小さく見づらかったため、各要素の文字サイズも再調整し、視認性を高めました。
使用アプリ）CANVA
出力）画像データ