# 岡山のWeb制作・ホームページ制作 | 株式会社グレープフルーツ > ホームページ 販促ツール制作 岡山・全国対応 --- ## 固定ページ - [お問い合わせ完了](https://grafru.jp/thanks/): お問い合わせありがとうございます お問い... - [私たちについて](https://grafru.jp/about/): デジタルとアナログの両方の視点を大切にし... - [制作に関するお問い合わせ](https://grafru.jp/contact/): 弊社のサービスにご興味をお持ちいただき、... - [制作以外のお問い合わせ](https://grafru.jp/contact/other/): 下記フォームより必要事項をご入力の上、お... - [システム開発](https://grafru.jp/service/system/): 業務システムやWebアプリケーションはも... - [VI開発](https://grafru.jp/service/vi/): VI(ビジュアル・アイデンティティ)とは... - [コンテンツ制作](https://grafru.jp/service/contents/): 記事作成、写真撮影、動画制作など、魅力的... - [DTP・販促ツール制作](https://grafru.jp/service/dtp/): 名刺、チラシ、パンフレット、DM、FAX... - [Web制作](https://grafru.jp/service/web/): ホームページ、コーポレートサイト、採用サ... - [サービス](https://grafru.jp/service/): グレープフルーツのサービス一覧です。We... - [トップ](https://grafru.jp/): クリエイティブで、ビジネスの成長をサポー... - [個人情報保護方針](https://grafru.jp/privacy-policy/): 個人情報を取得する事業者 株式会社グレー... --- ## お知らせ - [年末年始休業のお知らせ](https://grafru.jp/news/wintervacation-2025-26/): 平素は格別のご愛顧を賜りまして厚く御礼申... - [夏季休業のお知らせ](https://grafru.jp/news/summervacation-2025/): 平素は格別のご愛顧を賜りまして厚く御礼申... - [制作実績を追加しました](https://grafru.jp/news/works-added-tsuji-densei/): 株式会社辻電制様のコーポレートサイトの制... - [制作実績を追加しました](https://grafru.jp/news/works-added-one-net-summary01/): 株式会社One net様の名刺とランディ... - [制作実績を追加しました](https://grafru.jp/news/works-added-mwp-lp/): ペットと引越しMwP様のランディングペー... --- ## 制作実績 - [辻電制 コーポレートサイト](https://grafru.jp/works/tsuji-densei-corporate/): エンジニアの強みを洗練デザインで表現した... - [FAXDM代行ならOne net LP](https://grafru.jp/works/one-net-faxdm-lp/): FAXDMのメリットと信頼を伝えるサイト - [One net 名刺](https://grafru.jp/works/one-net-business-card/): LPと統一したスタイリッシュな名刺 - [ペットと引越しMwP LP](https://grafru.jp/works/comasuke-mwp/): ペットとの引越し 、安心感を伝えるサイト --- ## ブログ - [【CSS】フッターを画面下部に固定する方法を解説!](https://grafru.jp/blog/footer-fixed-bottom/): Webサイトのフッター、中途半端な位置に... - [古いホームページ、使っていませんか?デザイン改善で集客に差をつける秘訣](https://grafru.jp/blog/oldsite-design-improvement/): 「うちのホームページ、なんだか古くてダサ... - [オリジナルのURLとメールアドレスが導入できる!独自ドメインについて解説](https://grafru.jp/blog/about-originaldomain/): こんにちは。グレープフルーツ編集部です。... - [仕事が劇的に捗る!Google Chrome拡張機能おすすめ20選](https://grafru.jp/blog/chrome-extension-20/): こんにちは、グレープフルーツ編集部です。... - [【初心者向け】HTMLとCSSとは?Web制作で学ぶ基本#1](https://grafru.jp/blog/what-is-htmlcss/): 「Webサイトを自分で作ってみたいけど、... - [SaaSとは?身近な具体例でわかりやすく解説!メリット・デメリットも紹介](https://grafru.jp/blog/what-is-saas/): 「最近、ニュースや職場で『SaaS(サー... - [HEICファイルとは?iPhoneユーザーが知っておくべき基本の「キ」](https://grafru.jp/blog/what-is-heic/): 「iPhoneで撮った写真、なんでパソコ... - [ペルソナとは?マーケティングで成果を出すための作り方と活用事例](https://grafru.jp/blog/what-is-persona/): 「ペルソナとは、いったい何だろう?」「マ... - [失敗しないホームページ制作ガイド!費用相場から依頼先の選び方まで徹底解説](https://grafru.jp/blog/homepage-price/): 「そろそろ事業のホームページを作らないと... --- # # Detailed Content ## 固定ページ - Published: 2025-07-11 - Modified: 2025-08-02 - URL: https://grafru.jp/thanks/ お問い合わせありがとうございます お問い合わせありがとうございます。このたびは、グレープフルーツへお問い合わせ頂き誠にありがとうございます。お送り頂きました内容を確認の上、2〜3営業日以内に折り返しご連絡させて頂きます。また、ご記入頂いたメールアドレスへ、自動返信の確認メールをお送りしております。 しばらく経ってもメールが届かない場合は、入力頂いたメールアドレスが間違っているか、迷惑メールフォルダに振り分けられている可能性がございます。また、ドメイン指定をされている場合は、「@grafru. j... --- - Published: 2025-06-16 - Modified: 2025-09-17 - URL: https://grafru.jp/about/ デジタルとアナログの両方の視点を大切にしながら、社名である「グレープフルーツ」には、多彩な要素の調和という想いを込めています。 果物のグレープフルーツがさまざまな要素の調和によって形づくられるように、デジタル・アナログ・戦略を融合し、最適なソリューションをご提供します。 ビジョン 会社概要 Vision 目指すもの 伴走者として、未来への一歩を共につくる。 グレープフルーツはクリエイティブを通じて課題解決や価値創出につながる総合的なサポートを提供しています。見た目の美しさだけでなく成果につながる... --- - Published: 2025-06-14 - Modified: 2025-06-30 - URL: https://grafru.jp/contact/ 弊社のサービスにご興味をお持ちいただき、誠にありがとうございます。 制作・お見積りに関するご相談は、下記フォームより必要事項をご入力の上、お問い合わせください。担当より2~3営業日以内にメールでご連絡いたします。 制作・お見積り以外のご相談はこちらからお願いいたします。制作以外の内容を本ページよりお問い合わせいただいてもご返信いたしかねます。 *が付いている項目は必須です お名前* 会社名・屋号 メールアドレス* 電話番号 制作依頼カテゴリ(複数選択可)* Webサイト・ホームページ制作Webサ... --- - Published: 2025-06-14 - Modified: 2025-07-01 - URL: https://grafru.jp/contact/other/ 下記フォームより必要事項をご入力の上、お問い合わせください。営業・協業の問い合わせもこちらからお願いいたします。お問い合わせ内容によってはご返信できかねる場合がございます。 制作・お見積りのご相談はこちらからお願いいたします。 *が付いている項目は必須です お名前* 会社名 メールアドレス* 電話番号* お問い合わせ内容* プライバシーポリシーをご確認ください。* 個人情報の取り扱いについて 個人情報を取得する事業者 株式会社グレープフルーツ 当方の個人情報保護管理者 個人情報保護管理者:引田 ... --- - Published: 2025-06-01 - Modified: 2025-08-02 - URL: https://grafru.jp/service/system/ 業務システムやWebアプリケーションはもちろん、ちょっとしたツール開発にも対応しています。 要件定義・設計から開発、テスト、導入後の運用支援まで、一貫した体制でサポート。業務効率化やサービス改善を目的とした、柔軟なシステム開発をご提供します。 サービスの特長 開発の流れ こんな課題をサポートします 既存の業務フローに合ったシステムを導入したい 表計算や手作業による管理から脱却したい 複数のサービスを連携させて業務効率を上げたい 社内専用のツールや管理画面を作りたい 予約・申し込みなど、Web上の... --- - Published: 2025-05-23 - Modified: 2025-08-02 - URL: https://grafru.jp/service/vi/ VI(ビジュアル・アイデンティティ)とは、企業やブランドの印象を視覚的に伝えるためのデザイン要素のこと。ロゴ、カラー、書体、写真のトーンなどに一貫性を持たせることで、ブランドの信頼性と世界観を強く印象づけます。 企業・サービス・ブランドの本質を丁寧にひも解き、「伝わるビジュアル」を設計します。 VI開発のメリット 開発の流れ こんな課題をサポートします ブランドイメージを統一したい ロゴやカラーに一貫性がなく、媒体ごとにバラつきがある 新サービス・事業の立ち上げに伴い、ビジュアル面を整えたい 競... --- - Published: 2025-05-14 - Modified: 2025-07-12 - URL: https://grafru.jp/service/contents/ 記事作成、写真撮影、動画制作など、魅力的なコンテンツを制作。 お客さまの魅力を最大限に引き出し、伝わる表現をサポートします。 制作項目 制作の流れ 伝えたい価値を、伝わるカタチに ただ「作る」ではなく、ブランドの世界観やメッセージを明確にし、写真・動画・テキストなど最適な手法で表現することで、ユーザーの心にまっすぐ届きます。丁寧なヒアリングを通じて、目的とターゲットに合わせた「伝わるコンテンツ」を制作します。 ヒアリングから企画・制作・納品まで一貫して対応 ブランドや目的に沿った表現で、ターゲッ... --- - Published: 2025-04-14 - Modified: 2025-08-29 - URL: https://grafru.jp/service/dtp/ 名刺、チラシ、パンフレット、DM、FAXDMなどを制作。 ブランドを意識したデザインやターゲットへの訴求を考慮し、印象に残るビジュアルを提供します。 制作料金 制作の流れ メディアミックスで生まれる相乗効果 チラシやパンフレットなどの販促ツール制作から、ポスティング・折込配布まで対応。さらにWEBサイトやSNS、メール配信と組み合わせたメディアミックスにより、販促の相乗効果を高めます。デザインに一貫性を持たせることで、ブランドイメージの統一と認知向上をサポートします。 デザイナーがヒアリングから... --- - Published: 2025-01-14 - Modified: 2025-09-07 - URL: https://grafru.jp/service/web/ ホームページ、コーポレートサイト、採用サイト、ランディングページ(LP)、ECサイト(オンラインショップ)など、さまざまな種類のWebサイト制作に対応しております。 企画・設計からデザイン制作、コーディング、公開後の運用サポートまで、一貫したサービスをご提供します。 サービスの特長 制作料金 制作の流れ こんな課題をサポートします ホームページを作って、会社・個人事業の認知度や信頼性を高めたい ランディングページで商品やサービスの販売に繋げたい ブランドイメージを反映したECサイトで売上を拡大し... --- - Published: 2024-12-18 - Modified: 2025-08-02 - URL: https://grafru.jp/service/ グレープフルーツのサービス一覧です。Web制作やシステム構築など、幅広く対応可能です。設計や戦略策定からデザイン構築・システム開発、運用サポートまで、多岐にわたるサービスをご提供しています。記載のない内容でも対応できる場合がございますので、ぜひお気軽にご相談ください。 Web制作 ホームページ、LP、採用サイト、ECサイトなどの新規制作やリニューアル、既存サイトの修正・カスタマイズなど、幅広くサポートしています。 お客さまの目的に寄り添い、ユーザー体験を意識したWebサイトを制作します。 ホーム... --- - Published: 2024-05-04 - Modified: 2025-12-09 - URL: https://grafru.jp/ クリエイティブで、ビジネスの成長をサポートする。 ホームページ制作、販促ツール制作、システム開発企画から運用まで、ワンストップでサポートいたします。 Service サービス ホームページ制作をビジネスドメインに、クリエイティブ全般を請け負っています。 Web制作 ホームページ、LP、採用サイト、ECサイトなどの新規制作やリニューアル、既存サイトの修正・カスタマイズなど、幅広くサポートしています。 お客さまの目的に寄り添い、ユーザー体験を意識したWebサイトを制作します。 DTP・販促ツール制作... --- - Published: 2024-04-30 - Modified: 2025-09-01 - URL: https://grafru.jp/privacy-policy/ 個人情報を取得する事業者 株式会社グレープフルーツ 当方の個人情報保護管理者 個人情報保護管理者:引田 賢吾連絡先:050-8893-0189 個人情報の利用目的 取得した個人情報は、お問い合わせに対する連絡のために利用いたします。 個人情報の取扱いの委託 当方は、業務の一部を外部に委託する場合があります。その際には、個人情報の保護水準が十分に確保された委託先を選定し、適切な契約と監督のもとで個人情報の安全管理に努めます。 個人情報の第三者提供について 取得した個人情報は、法令に基づく場合を除き... --- --- ## お知らせ - Published: 2025-12-09 - Modified: 2025-12-09 - URL: https://grafru.jp/news/wintervacation-2025-26/ - カテゴリー: 新着情報 平素は格別のご愛顧を賜りまして厚く御礼申し上げます。グレープフルーツでは下記日程を年末年始休業とさせていただきます。 ■年末年始休業12月27日(土)〜1月4日(日)※2026年1月5日(月)より平常通りの営業となります。 休業中にいただいたお問い合わせにつきましては、営業開始日以降に順次回答させていただきます。 本年のご愛顧に感謝を申し上げますと共に、来年も変わらぬお引き立てのほど、よろしくお願い申し上げます。大変ご不便をおかけしますが、何卒ご理解のほどよろしくお願い申し上げます。 --- - Published: 2025-07-12 - Modified: 2025-09-02 - URL: https://grafru.jp/news/summervacation-2025/ - カテゴリー: 新着情報 - タグ: 季節休業 平素は格別のご愛顧を賜りまして厚く御礼申し上げます。グレープフルーツでは下記日程を夏季休業とさせていただきます。 ■夏季休業8月13日(水)〜17日(日)※2025年8月18日より平常通りの営業となります。 休業中にいただいたお問い合わせにつきましては、営業開始日以降に順次回答させていただきます。 大変ご不便をおかけしますが、何卒ご理解のほどよろしくお願い申し上げます。 --- - Published: 2025-06-15 - Modified: 2025-09-15 - URL: https://grafru.jp/news/works-added-tsuji-densei/ - カテゴリー: 新着情報 株式会社辻電制様のコーポレートサイトの制作実績を追加しました。 --- - Published: 2025-04-11 - Modified: 2025-09-02 - URL: https://grafru.jp/news/works-added-one-net-summary01/ - カテゴリー: 新着情報 株式会社One net様の名刺とランディングページ(LP)の制作実績を追加しました。 --- - Published: 2025-03-10 - Modified: 2025-09-02 - URL: https://grafru.jp/news/works-added-mwp-lp/ - カテゴリー: 新着情報 ペットと引越しMwP様のランディングページ(LP)の制作実績を追加しました。 --- --- ## 制作実績 - Published: 2025-06-14 - Modified: 2025-09-15 - URL: https://grafru.jp/works/tsuji-densei-corporate/ - 制作カテゴリ: コーポレートサイト - 業種: 電気・設備工事 エンジニアの強みを洗練デザインで表現したサイト エンジニアの強みを洗練デザインで表現したサイト 株式会社辻電制様のコーポレートサイトを制作いたしました。公共工事や民間プラントにおける配電盤・制御盤の設計から据付まで一貫対応できる体制をわかりやすく伝えると同時に、デザイン面では「洗練されたかっこよさ」を意識しました。 重厚でありながらもスタイリッシュな配色と、直線的で整理されたレイアウトにより、企業理念である「信用と信頼」をデザインでも体現しています。 クライアントクライアント名URLhttps://tsuji-densei. com/エリア岡... --- - Published: 2025-04-09 - Modified: 2025-09-02 - URL: https://grafru.jp/works/one-net-faxdm-lp/ - 制作カテゴリ: ランディングページ(LP) - 業種: マーケティング FAXDMのメリットと信頼を伝えるサイト FAXDMのメリットと信頼を伝えるサイト FAXDM代行を中心に、企業マーケティングをサポートする株式会社One net様のランディングページ(LP)を制作を担当させていただきました。 サービス内容を分かりやすく伝えつつ、メリットと信頼感が伝わる青を基調としたデザインに。お問い合わせにつながる動線も意識しました。 クライアントクライアント名URLhttps://one-net. co. jp/エリア大阪府大阪市業種未設定制作カテゴリ未設定担当未設定 --- - Published: 2025-04-08 - Modified: 2025-09-02 - URL: https://grafru.jp/works/one-net-business-card/ - 制作カテゴリ: 名刺 - 業種: マーケティング LPと統一したスタイリッシュな名刺 LPと統一したスタイリッシュな名刺 FAXDM代行を中心に、企業マーケティングをサポートする株式会社One net様の名刺デザイン、印刷を担当させていただきました。 ランディングページ(LP)のデザインと統一感を持たせています。マット紙と合わせることで落ち着いた風合いの名刺となりました。 クライアントクライアント名エリア大阪府大阪市業種未設定制作カテゴリ未設定担当未設定 --- - Published: 2025-03-07 - Modified: 2025-09-02 - URL: https://grafru.jp/works/comasuke-mwp/ - 制作カテゴリ: ランディングページ(LP) - 業種: ペット・動物, 運輸 ペットとの引越し 、安心感を伝えるサイト ペットとの引越しサービス 、安心感を伝えるサイト ペットと引っ越しを専門に行うMwP様のランディングページ(LP)制作を担当させていただきました。 猫に特化した資格を持つ専門スタッフが、引越しをトータルサポートするサービスの安心感と信頼性を、ユーザーが直感的に理解できるよう、デザインと構成に工夫を凝らしました。お客さま側でページ全体の内容を気軽に編集できるよう構築しました。 クライアントクライアント名URLhttps://comasuke-senri. com/mwp/エリア大阪府箕面市業種未設... --- --- ## ブログ - Published: 2025-04-12 - Modified: 2025-10-06 - URL: https://grafru.jp/blog/footer-fixed-bottom/ - カテゴリー: Web制作, ナレッジ - タグ: CSS, HTML Webサイトのフッター、中途半端な位置に浮いていませんか?Webサイトを制作していると、特にコンテンツ(情報量)が少ないページで「フッターが浮いてしまい、画面の下部に余白ができてしまう」という問題に直面したことはありませんか? こういったレイアウト崩れは、見た目の印象を損なうだけでなく、サイト全体の完成度を下げてしまう原因にもなりかねません。サイトを訪れたユーザーに「あれ、このサイト作りかけなのかな?」といった未完成な印象を与えてしまうだけでなく、フッターに記載された重要な情報(コピーライト、プ... --- - Published: 2025-02-08 - Modified: 2025-11-03 - URL: https://grafru.jp/blog/oldsite-design-improvement/ - カテゴリー: デザイン, ナレッジ, ホームページ制作 - タグ: ブランディング, ペルソナ, 集客 「うちのホームページ、なんだか古くてダサいかも... 」 そう感じている中小企業の経営者やウェブ担当者の方、多いのではないでしょうか。せっかく時間とお金をかけて作ったのに、デザインが古いためにユーザーの信頼を失い、思うように集客できないのは本当にもったいないことです。 古いホームページは、ポイントを押さえたデザイン改善で集客を大きく伸ばすことが可能です。この記事では、あなたのホームページがなぜ集客できないのかを診断し、具体的な改善策をわかりやすくお伝えします。 「Webサイトのデザインが古い」と... --- - Published: 2025-02-04 - Modified: 2025-10-06 - URL: https://grafru.jp/blog/about-originaldomain/ - カテゴリー: ナレッジ - タグ: URL, ドメイン, メールアドレス, 独自ドメイン こんにちは。グレープフルーツ編集部です。 「ホームページを無料作成サービスで作ったことが、URLですぐ分かってしまう」「名刺交換のとき、メールアドレスがGmailだと少し格好がつかない気がする... 」 個人事業主の方や企業のWeb担当者様なら、一度はこんな風に感じたことがあるのではないでしょうか。ビジネスを成長させていく上で、お客様からの信頼は欠かせません。 その信頼を形作る重要な要素の一つが、今回テーマとして取り上げる「独自ドメイン」です。 もしかしたら、「ドメイン」という言葉自体は聞いたこ... --- - Published: 2025-01-31 - Modified: 2025-09-15 - URL: https://grafru.jp/blog/chrome-extension-20/ - カテゴリー: ナレッジ - タグ: Chrome, Google, 拡張機能 こんにちは、グレープフルーツ編集部です。皆さんは、日々の仕事でWebブラウザのGoogle Chromeをどれくらい活用していますか? 多くのクリエイターやビジネスパーソンにとって、もはやなくてはならないツールですよね。 弊社でも様々な業務をGoogle Chrome上で行っています。しかし、ブラウザの基本的な機能だけでは、どうしても非効率な作業が発生してしまいがちです。「もっと楽に情報収集できないかな?」「この作業、どうにか自動化できないだろうか?」そう感じたことはありませんか? その悩みを解... --- - Published: 2025-01-25 - Modified: 2025-11-03 - URL: https://grafru.jp/blog/what-is-htmlcss/ - カテゴリー: Web制作, ナレッジ - タグ: CSS, HTML 「Webサイトを自分で作ってみたいけど、何から始めればいいんだろう?」「HTMLやCSSという言葉は聞くけど、意味がよく分からない... 」 Web制作学習の第一歩で、多くの方がこのように感じています。何を隠そう、たくさんのWebサイトに携わってきた私も最初はタグやコードの意味が全く分からず、ただの暗号にしか見えませんでした。(なにそれおいしいの?状態) ですが、ご安心ください。HTMLとCSSは、一度役割を理解してしまえば決して難しいものではありません。この記事では、Webサイト制作の最も基本... --- - Published: 2025-01-23 - Modified: 2025-11-03 - URL: https://grafru.jp/blog/what-is-saas/ - カテゴリー: ナレッジ - タグ: IaaS, PaaS, SaaS 「最近、ニュースや職場で『SaaS(サース)』という言葉をよく聞くけど、実は何のことかよく分かっていない... 」「なんだか難しそうだし、自分には関係ないかな?」 もしあなたがそう感じているなら、この記事はきっとお役に立てるはずです。SaaSとは、実は私たちのビジネスや日常生活に深く浸透している、とても便利なサービスのこと。決してIT専門家だけのものではありません。 この記事では、ITに詳しくない方でも直感的に理解できるよう、SaaSの基本的な意味から、具体的なサービス例、メリット・デメリットま... --- - Published: 2025-01-21 - Modified: 2025-11-03 - URL: https://grafru.jp/blog/what-is-heic/ - カテゴリー: ナレッジ - タグ: HEIC, iPhone, Mac, Windows 「iPhoneで撮った写真、なんでパソコンで開けないんだろう?」 そんな経験はありませんか?実はその写真、「HEIC」という特別なファイル形式で保存されているかもしれません。 この記事では、HEICとは何なのか、なぜその写真が開けないのか、そしてその問題をどう解決すればいいのかを、初心者の方にもわかりやすく解説します。この記事を読めば、もうHEICファイルの写真で困ることはなくなりますよ。 私自身も初めてHEICファイルを見たときは「この拡張子は何だろう?」と戸惑いました。特にWindowsで作... --- - Published: 2025-01-14 - Modified: 2025-11-03 - URL: https://grafru.jp/blog/what-is-persona/ - カテゴリー: ナレッジ, マーケティング - タグ: ペルソナ 「ペルソナとは、いったい何だろう?」「マーケティングでよく聞くけど、具体的な作り方がわからない... 」 こんなお悩みを抱えているのなら、この記事はきっとお役に立ちます。 Webマーケティングの世界に足を踏み入れたばかりの若手担当者や、これから自社のサービスを改善したいと考えている中小企業の経営者の方にとって、「ペルソナ」は避けて通れない重要な概念です。私も以前、ペルソナの重要性は頭で理解しているものの、いざ作ろうとすると「どうすればいいの?」と悩んだ経験があります。 この記事では、弊社のマーケ... --- - Published: 2025-01-07 - Modified: 2025-11-03 - URL: https://grafru.jp/blog/homepage-price/ - カテゴリー: ナレッジ, ホームページ制作 - タグ: 中小企業, 個人事業主, 起業 「そろそろ事業のホームページを作らないと... 」「でも、一体いくらかかるんだろう?」 そう考えて、ホームページ制作の費用を調べている個人事業主や中小企業の経営者の方、多いのではないでしょうか。初めてのホームページ制作は、分からないことだらけで不安になりますよね。 弊社ではこれまでに数多くのホームページ制作に携わってきましたが、多くの方が最初にぶつかる壁が「費用」と「依頼先選び」です。 この記事では、ホームページ制作の費用相場から、制作の流れ、そして失敗しないための依頼先の選び方まで、初心者の方... --- ---