ブログ

素敵なデザインに出会えるギャラリーサイトまとめ

更新日：2024.1.23

公開日：2022.8.03

ホームページ制作を始めると、制作会社からほぼ聞かれる「どんなデザインがいいですか？」という質問。 ある程度イメージがあっても、言葉で伝えるのは難しいですよね？ しっかり伝えたつもりでも、できあがったデザインを見るとイメージと全然違う… これを回避するために役立つのが「参考サイト」。 ただ「かっこいい」「おしゃれに！」といった言葉だけでなく、完成されたサイトを参考にイメージを伝えることで制作会社とのイメージ共有がより正確になり、完成度も高くなります。 今回は、優れたデザインのサイトを集めたギャラリーサイトを紹介します。 イメージがまったく湧かなくても、ギャラリーサイトを眺めていると「これ、いいな」というものが見つかるはずです。 ぜひ、デザインのイメージづくりに活用してください。 素敵なデザインに出会えるギャラリー pinterest | アイデアに溢れたデザイン多数 pinterest いろんな人が集めた素敵なデザインがたくさんあります。 自分だけのボードを作れるので、いいと思ったものはとりあえず保存しておいて、後でも見直せるのがGOODポイントです。 「ホームページ　デザイン」と検索すると「コーポレート」「おしゃれ」「スタイリッシュ」などサジェストを出してしてくれるのも何気に助かります。 MUUUUU.ORG | クオリティの高い縦長サイトギャラリー MUUUUU.ORG デザインに優れた国内外の縦長サイトが集められています。 「業界別」「カラー別」「デザイン別」などソートも充実しているので、同業サイトの参考サイトなどが見つけやすくなっています。 81-web.com | 日本製の優れたデザインを集めたギャラリー 81-web.com 国内サイトをピックアップしたギャラリーサイトです。 こちらもソート機能が充実しているのが嬉しいです。日本人の感性に響くサイトをたくさん見つけられます。 この記事を書くために覗いたとき、1ページに舘ひろしさんのオフィシャルサイトが載っていました。素晴らしいですね！ I/O 3000 | 国内外のオシャレなサイトが集う I/O 3000 デザインを探すなら鉄板ともいえるギャラリーサイトです。 国内外のサイトが集められており、ほかのギャラリーサイトでは見ないサイトも目にします。 とりあえず、ここを見ればなにか見つかるだろうという謎の安心感があります。 bookma! | PCサイトとスマホサイトが同時に見れる https://bookma.org/ PCサイトとスマホサイトが同時に見れるギャラリーです。 ギャラリー自体はシンプルなデザインで、流し見しているだけで楽しい気分になってきます。 サイト上部のアイコンをクリックすると、PCサイトのみとスマホサイトのみでソートすることができます。 Web Design Clip | コーポレートサイトのデザインならここ Web Design Clip コーポレートサイト・事務系のサイトが豊富なギャラリーです。 ソートはカテゴリーのほか、メインカラー・サブカラーでもかけられます。 サイドメニューのメニューをクリックすると、日本・海外・LP・スマホサイトに切り替えられます。 SANKOU! | 国内のステキなサイト集 SANKOU! 81-web.comと同様、国内サイトがピックアップされています。 「コンテンツページ」カテゴリでは、各企業のイチ押しコンテンツページが表示されます。 キャンペーンやプロモーションページもたくさん掲載されているので、どんなキャンペーンが流行っているか、どんなプロモーションをしているかなど、世の中の動きも掴むことができます。 LP ARCHIVE | LPに特化したギャラリーサイト LP ARCHIVE LPだけを集めたギャラリーで、掲載数が31,497（2022年8月時点）と非常に多いです。ソート機能も「カラー」「イメージ」「カテゴリー」と一通り揃っており、PCデザインとスマホデザインに切り替えられます。 ソート枠の横に3つ並んだアイコンの真ん中をクリックすると、LPごとのキャッチコピーを見ることができます。 デザインだけでなくコピーの参考にもできるのは嬉しいですね。私はキャッチコピーを作るときよく覗いています。 現代デザイン | 下層ページも確認できる 現代デザイン トップページと下層ページが掲載されている珍しいギャラリーです。 トップだけ見て実際のサイトを見に行ったとき、「あれ、なんか違うぞ」となりにくいのは助かります。 サイト内でブックマークしておく機能があるので、気になるサイトはとりあえずしておくと、後で探す手間がなくなります。 掲載時期別にアーカイブされているので、時期別でデザインを比較しても面白いかもしれません。 素敵なパーツに出会えるギャラリー マネるデザイン研究所 マネるデザイン研究所 サイト毎にマネしたいポイントや応用できそうな場所などが紹介されています。 それぞれのデザインがなぜ優れているのか、どんなときに適したデザインなのかを確認できるため、自社サイトに落とし込みやすいです。 Parts. Parts. メインビジュアル（ファーストビュー）にはじまり、サービス紹介や料金、問合せなど、大抵のサイトで必要だろうページごとのデザインを集めた珍しいギャラリーです。 ハウスメーカーであれば、フローはこんなデザインで見せたいなど、細かい部分を参考にできるのが高ポイントです。 素敵な部分は取り入れましょう オリジナルデザインは競合他社サイトとの差別化を図るのに有効ですが、0からすべてを作るのは、時間も費用もとんでもなくかかります。 どんなにオリジナリティ溢れるサイトでも、だいたいは「元ネタ」があるものです。 すべてを真似てしますとただのパクリサイトになりますが、部分的に参考にするなら、参考サイトはオリジナルデザインを作る際の大きなヒントになります。 ホームページ制作を始めるときは、とにかくいろいろなサイトを見ることをお勧めします。制作会社と明確なイメージを共有できれば、よりよいデザインが生まれやすくなります。 ぜひ、いろいろな参考サイトを集めてみてださい。

おすすめカラーパレットツール10選

更新日：2026.8.18

公開日：2022.7.28

ホームページにとってカラーはとても重要な要素の1つです。 印象がガラッと変わる「カラー」の選び方で、ホームページのカラーが与える印象と選び方を説明しましたが、いざ選ぶとなると、なかなか難しいと思います。 そこで今回は配色を提案してくれたりコレクションしたりしているツールを紹介します。 ノンデザイナーの方でも素敵な配色を見つけられるツールばかりなので、ぜひホームページのカラー選びの参考にしてください。 Adobe Color CC Adobe Color CC Adobe製のツールで、トレンドカラーやキーワードからカラーパレットを探すことができます。カラーハーモニー（色同士の関係性）から配色を生成することもできます。 カラーハーモニーは以下から切り替えられます。 ・類似色 ・モノクロマティック ・トライアド ・補色 ・コンパウンド ・シェード ・カスタム 画像からカラーパレットやグラデーションを生成できるなど機能も充実おり、ログインするとカラーパレットを保存することもできます。 Color Supply Color Supply 2~4色の組み合わせから、さまざまなパターンの配色を探すことができます。 類似色やトライアドなどからも配色を見つけられる使いやすいツールです。 Hue 360 Hue 360 色相、彩度、明度を選択しながら配色を作成できます。Brightnessのボックスをクリックするとカラーホイールの基準の明るさが変わります。 メインの色を選択すると配色バランスのいい色だけ残るので、自分で色の組み合わせを探すのに向いています。 Nippon Colors Nippon Colors 日本の伝統色が250種類用意されており、和テイストのホームページを作るときに重宝します。 全然知らない色も多く、見ているだけでも楽しめます。 Color Kitty Color Kitty イメージ画像をアップロードするとカラーパレットが生成され、お勧めの配色を提案してくれます。 ブランドやサービスのイメージが決まっているときに役立ちます。ナンバーが付いているピンを動かすと、さまざまなパターンを見ることができます。 ColorDrop ColorDrop 4色の配色が集められています。画面上部のプルダウンで人気順に見ることもできます。 Farbvelo Farbvelo 画面右下のリロードボタンをクリックするだけで美しい配色を提案してくれます。 色数やカラーモードなど詳細設定もでき、クリックでカラーコードもコピーできます。 Color Leap Color Leap 世界中の有名絵画や美術品、ノスタルジックなポスターに使われている色が集められています。ほかのツールとは毛色の違う面白みがあります。 作品などを時代を追って見ることができ、見ているだけでも楽しめます。 uiGradients uiGradients 美しいグラデーションがランダムで表示され、左右の矢印をクリックすると切り替わります。 左上の「Show all gradients」のボタンをクリックするとグラデーションを一覧で見れ、ベースの色を選択できます。 クリックするだけでCSSや画像をダウンロードできます。 HELLO COLOR HELLO COLOR 画像をクリックすると2色が更新されます。複雑なパターンを探すことはできませんが、何となく眺めているとアイデアが浮かんでくるかもしれません。 素敵な配色を見つけてください 今回紹介したのは、数あるツールのほんの一部です。 「カラーパレットツール」などで検索すれば、他にもたくさんのツールが見つかります。 ツールをまとめたブログもたくさん出てくるので、チェックするのもいいと思います。 いろいろなツールを使って、ぜひ素敵な配色を見つけてくださいね。  

制作会社とのやり取りで「？」ってなりやすい用語まとめ

更新日：2024.1.23

公開日：2022.8.01

ホームページ制作会社とのやり取りで、用語の意味が分からず困ったことはないでしょうか？ 「上位表示させたいキーワードを教えてください」 「ドメインはどうしますか」 「レスポンシブ対応はご希望ですか」 WEB業界は、普段関わらない方には分かりずらい「専門用語」が溢れています。 どの制作会社も、お客様とのやり取りであまり専門用語を使わないよう気をつけていると思います。 しかし、普段から使っているため、どうしても会話の中に現れてしまうことも… そこで今回は、数ある専門用語から使われやすいものをピックアップし、分かりやすく簡潔に説明します。 制作会社とのやり取りで分からない用語があれば、ぜひチェックしてみてください。 よく使われる「専門用語」一覧 アカウント インターネット上のサービスにログインするための情報です。 キャッシュ アクセスしたホームページの画像やテキストなどを一時的に保管しておく機能です。 ホームページの情報を修正した際、その内容が反映されいない場合は、保管されているキャッシュの情報が表示されている可能性が高いです。 修正してもらったのに内容が変わらない！というときは、キャッシュを消すことで解決することが多いです。 関連記事 : 【ブラウザ別】さくっとキャッシュをクリアする方法 検索エンジン GoogleやEdgeなど、インターネット上の公開されている情報を検索、表示させるためのプログラムです。 検索キーワード 検索エンジン上で検索に使われるキーワードです。 ホームページ制作の場面では、ユーザーがどんなキーワードを使ったときに見られやすくされたいかといった質問で使われます。 弊社であれば「富山　ホームページ　制作会社」といった検索キーワードを指定することになります。 検索順位 ユーザーが検索エンジンで特定のキーワードで検索したとき、自社のホームページが表示される順位で、上位であるほどアクセスされる可能性が高くなります。 コーディング デザインカンプをもとに、ホームページをブラウザ上で見える状態にする作業で、構築ということもあります。 コンバージョン（CV） 購入や申し込み、問い合わせなど目的としている成果を指します。ECサイトであれば商品購入、リクルートサイトであればエントリーがコンバージョンとなります。 サーバー ホームページのコンテンツ（画像やテキストデータなど）を格納しておく場所です。 ユーザーがホームページにアクセスすると、ここからデータが送られブラウザに表示されます。 参考サイト デザインやテキストなどの参考にするサイトです。 制作会社からお客様に提示して気に入ったものを参考にする場合もあれば、お客様から提示されたものを参考に制作する場合もあり、デザインの参考にされることが多いです。 シークレットモード Google Chromeのブラウザモードの一種で、閲覧履歴やcookie（ログインが必要なホームページのログイン情報を一定期間保持するもの）などの情報がブラウザに保存されない機能です。 シークレットモードは、Chrome以外のブラウザでも実装されています。ブラウザごとに呼び方は異なりますが、機能はほぼ同じです。 Internet Explore（IE）やEdgeでは「InPrivateブラウズ」、Firefoxでは「プライベートブラウジング」、Safariでは「プライベートブラウズモード」と呼ばれています。 シークレットモードはキャッシュが無効化されるため、ホームページを更新した際の確認などにも便利です。 ディレクトリ カテゴリーやページを階層分けしたものです。 ページタイトルや内容をまとめて一覧にしたものを「ディレクトリマップ」と呼びます。 ディレクトリマップは、どんなページが必要なのかやホームページの規模感、制作に必要な情報を正確に把握するための重要な資料になります。 デザインカンプ コーディングを始める前に作るデザインの完成イメージで、制作物の完成イメージを共有するためのものです。 ドメイン URLやメールアドレスなどに含まれる「〇〇.jp」などの文字列がドメインです。 バナー ほかのホームページやページにリンクする画像です。キャンペーン用サイトなどを作った際、コーポレートサイトから誘導するときなどにも設置されます。 ファーストビュー ホームページにアクセスした際に最初に表示される領域で、スクロールせずに表示される範囲です。 ホームページの第一印象を決める重要な部分です。 ペルソナ 商品やサービスのターゲットとなるユーザー像です。 化粧品であれば、「28歳女性。仕事で外出することが多いため、日焼けによる肌あれば気になる」など、マーケティングに落とし込むための詳細な人物像がペルソナになります。 ブラウザ Google chrome や Edge、Safariなど、ホームページを閲覧するためのソフトウェアのことです。 それぞれのブラウザごとに特徴が異なり、ブラウザによってホームページの見え方が異なってくることもあります。 モバイルファースト ユーザーの利用状況などをもとにスマートフォン向けに最適化され、スマートフォンでもストレスなく利用できるデザインにすることです。 レスポンシブデザイン 画面のサイズに合わせて画像やテキストを拡大、縮小する手法です。 未対応の場合、スマートフォンだとテキストが極端に小さくなったり、画像が画面外にはみ出たりなどの不具合が起きる場合があります。 検索ニーズの主流がスマートフォンになってきているため、レスポンシブ対応は非常に重要です。 CMS （シーエムエス） 「Contents Management System」の略語で、ブログスタイルのホームページパッケージのことです。 専門知識がなくてもブログや掲載している情報を更新できるため、多くの企業で採用されています。 GoogleAnalytics （アナリティクス） Google社が提供しているアクセス解析ツールで、高機能にも関わらず誰でも無料で利用できます。 SEO （エスイーオー） 「Search Engine Optimization」の略語で、Googleなど検索エンジンで上位表示させるための施策です。 上位表示されるかどうかで検索での流入数が大きく変わるため、ホームページ運営には欠かせないファクターです。 日本語にすると「検索エンジン最適化」になります。 SSL （エスエスエル） 「Secure Sockets Layer」の略語です。インターネットを介して情報のやり取りをする際、暗号化をすることで改ざんや盗み見を防ぐ技術で、この技術を取り入れることをSSL化といいます。 近年では、SSL化されてないホームページをGoogleが表示しないこともあり、ホームページの運営には必須といえる技術です。 UI （ユーアイ） 「ユーザーインターフェース」の略語で、ユーザーとサービスの「接点」を意味する言葉です。 ホームページの場合はフォントやデザイン、操作性などの「見た目・使いやすさ」を指します。 UX （ユーエックス） 「ユーザーエクスペリエンス」の略語で、ユーザーがサービスを通して得る体験のことです。 ホームページの場合はそのホームページを訪れたユーザーがどのような体験を得たのか、文字の読みやすさ、情報の充実度、快適な操作性、問い合わせの満足度など感じたこと全てを指します。 知っておくとやり取りがスムーズに ホームページ制作に関する専門用語は非常に多く、今回紹介したもの以外にもたくさんあります。 すべてはとても覚えられないと思いますが、制作会社としっかりと話し合うためには、ある程度の知識をつけることが大切です。 基礎知識があれば提案に対して突っ込んだ質問ができ、納得しながら進められるため完成度も高くなります。 ホームページ制作を始めるときは、簡単でいいので基礎知識だけでもつけることをお勧めします。

超便利！「Trello」で始めるタスク管理

更新日：2023.2.03

公開日：2022.7.22

突然ですが、タスク管理って大変ですよね。 特に複数の人が関わる案件だと、情報がちらばって探すのも一苦労…本来の仕事になかなか集中できない！という状況も多いと思います。 そこで、今回は複雑なタスク管理を簡単にしてくれる「Trello」をご紹介したいと思います。 使い方が非常にシンプルなので、誰でもすぐ使える便利なツールで、弊社でも愛用しています。 ぜひ、「Trello」を使ってタスク管理に悩まされない快適ライフを手に入れてください。 Trelloとは 個人からチームのタスク管理まで、幅広く対応できるツールです。「ボード」「リスト」「カード」という機能を使い、カンバン方式でタスクを管理できるようになっています。 トレロを始めよう アカウント作成 ①公式サイトにアクセスし、入力欄にメールアドレスを入力したら「アカウントを制作-無料です。」をクリックします。   ②サインアップをクリックします。 ※「Google」「Microsoft」「Apple」のアカウントでログインすることも可能です。   ③①で登録したメールアドレスに承認メールが届くので、「メールアドレスを認証」をクリックします。   ④氏名（Trelloで使うユーザー名）を入力して「サインアップ」をクリックします。   ⑤ホーム画面が表示されたら登録完了です。   Trelloをつかってみよう アカウントができたら、いよいよ快適なタスク管理の始まりです。 上の画像は、実際にタスク管理をしている画面です。 デモなのでかなり簡単に作りましたが、こんな感じで案件ごとにタスクの管理、進捗の視える化ができるようになります。 ここから、実際に上の画像のような管理を始めるための手順を紹介していきます。 ボードをつくる ①ホーム画面の「作成」をクリックし、「ボードを作成」をクリックします。   ②「背景」「ボードタイトル」「公開範囲」を設定したら「作成」をクリックします。 公開範囲で「公開」を選択すると、外部の人からも見えてしまいます。 基本は「ワークスペース」を選択し、個人のタスク管理に使う場合は「非公開」を選択してください。   ③ボード画面が表示されたら設定完了です。無料プランでは1チームあたり10枚までボードを追加できます。   1枚のボードをチームで閲覧・管理したい場合は、「共有する」をクリックし、共有したい人にメールを送るかボードのリンクを共有します。   リストをつくる ①デフォルトで用意されているリストを編集し、必要なものを追加します。 リストを追加するときは「もう1つリストを追加」をクリックし、タイトルを入力して「リストを追加」をクリックです。   リストはドラッグ&ドロップ感覚で自由に移動できます。   リストが完成した状態がこちらです。 WEB制作の工程をリスト化しています。 カードをつくる ①「カードを追加」をクリックし、カードのタイトルを入力したら青い「カードを追加」をクリックします。 カードをクリックすると、詳細な設定ができます。 主な項目は下記の7つですが、必須ではありません。必要に応じて設定してください。   ・説明 ・メンバー ・ラベル ・チェックリスト ・日付 ・添付ファイル ・カバー   説明 カードタイトルの下にある説明欄はフリーテキストエリアになっていて、お客様の基本情報や要望などを自由に記入できます。 リンクも有効でデザインの参考サイトを入れることもあります。 必要な情報を入れ、保存ボタンを押したら設定完了です。   メンバー タスクごとに担当者を割り当てる機能です。まずは右メニューの「メンバー」をクリックします。 ボードを共有しているメンバーであれば、アイコンと氏名が表示されるので、クリックすればメンバーに追加されます。 ボードを供していないメンバーの場合は、氏名の欄に相手を入力して「メールを送信」をクリックすると招待メールが送られます。   ラベル 右メニューの「ラベルを」クリックし、各ラベルの横にある「鉛筆マーク」をクリックします。 「名前」と「色」を設定し「保存」をクリックすればラベルの完成です。 色だけで分ける場合は、上記の設定は不要です。   ラベルをクリックすると、カードに設定されます。   チェックリスト カードごとにチェックリストをつくる機能です。業務ごとのタスクを可視化し、進捗状況も把握できるため、おすすめの機能です。 右メニューの「チェックリスト」をクリックし、タイトルを入力して「追加」をクリックします。   チェックリストの下にサブタスクを入力します。   このカードでは、WEB制作に必要なサブタスクをざっくり設定してみました。 サブタスク横のチェックボックスをクリックすると進捗状況が更新されます。   日付 右メニューの「日付」をクリックし「開始日」「期限」「リマインダー」を設定し、「保存」をクリックします。 リマインダーを設定しておけば、タスクの確認漏れを防ぐこともできます。   添付ファイル 画像や動画、PDFなど、さまざまなファイルを添付できます。 右メニューの添付ファイルをクリックし、デスクトップやオンラインストレージから直接アップロードします。 ファイルを直接ドラッグ&ドロップしてのアップロードも可能です。   カバー カバーに色やイメージを付ける機能です。タスクにアイキャッチを付けたいときなどに利用します。 右メニューの「ラベル」をクリックし、色もしくはイメージを選択し、サイズを決めたら設定完了です。   快適なタスク管理を始めましょう 今回紹介したのは基本的な機能だけですが、自分流にカスタマイズしたり、使い方を応用したりすれば、Trelloだけで複雑なタスクを簡単に管理できます。 集中して仕事をできる時間が増えると、退社時間も早くなり、プライベートの充実するなど、嬉しい効果も期待できます。 ほかにも、いろいろな機能を搭載した便利なツールなので、ぜひ自分流の使い方を探してみてください。

ホームページの種類とそれぞれの役割とは

更新日：2024.1.23

公開日：2022.7.25

ひと言で「ホームページ」といっても、さまざまな種類があり、それぞれ異なる役目を持っています。 コーポレートサイトやショップサイトはよく耳にしますが、ランディングページやサービスサイトはあまり馴染みがないのではないでしょうか。 ホームページは、目的によって作る種類が変わってきます。自社の課題を解決し、目標を達成するためには、それぞれの役割を把握して、適切な種類を選ぶことが大切になります。 ホームページの種類 ホームページの種類は大きく下の7つに分かれます。 ・コーポレートサイト ・ショップサイト ・サービスサイト ・ランディングページ ・ブランディングサイト ・リクルートサイト ・オウンドメディア それぞれ役割だけでなく、必要なコンテンツなども異なります。 ここから、ホームページの種類とそれぞれの役割を解説します。種類を選ぶ際の参考になれば嬉しいです。 コーポレートサイト 自社の公式情報を公開するためのサイトで、企業が開設するウェブサイトとしては最も一般的なものです。 インターネット上の名刺とも呼ばれ、会社案内が主な役割となり、サービス・商品紹介や会社概要、事業案内、経営理念などを主なコンテンツになります。 自社を知ってもらうことで取引先や顧客からの信頼獲得が目標になります。 弊社のホームページは典型的なコーポレートサイトです。サービスや実績、会社概要など「どんな会社なのか知ってもらう」ためのコンテンツがまとめられています。 ここからサービスを抜き出し、詳しく紹介したものが「サービスサイト」、採用情報に特化したものが「リクルートサイト」になります。 ショップサイト インターネット上で商品やサービスを直接販売するためのサイトです。 リアル店舗と違い「いつでも・どこでも」販売できるため、多くの企業がショップサイトを導入しています。 Amazonや楽天のようなモールに出店する企業も多いですが、近年は自社でショップサイトを持ち、販売とブランディングを同時におこなう企業が増えています。 出典 : 株式会社ユニクロ 日本人なら（多分）誰でも知っているユニクロも自社ショップサイトで販売&ブラディングしています。 コーポレートカラーの赤×白ですっきりとしたデザインで、商品がとても見やすいサイトになっています。 ユニクロヘビーユーザーの私はしょっちゅう見ていますが、ほぼすべての商品ページにモデルが着用した画像があるので、どんな服なのかとてもイメージしやすいです。 私は、サイトで服を見る ＞ 店舗で実際見て気に入ったら買う ＞ 色違いや洗い替えをサイトで買う。という形で利用しています。 ブランディング、売上向上、顧客満足向上、販路拡大など、さまざまなメリットが得られます。 サービスサイト 自社が扱うサービスの紹介、認知拡大を目的としたサイトです。 サービスの特長・メリットを紹介するほか、利用方法やカスタマーレビューなど、申し込みや問合せにつなげるための情報を掲載します。 出典 : kintone これは、サイボウズ株式会社が提供している業務アプリ構築サービス「kintone」を紹介するサービスサイトです。 業務効率を高めるためのシステムを、専門知識がなくても直感的に作成でき、日清食品グループや日産自動車など大手企業でも導入されています。 部署や業務ごとの利用例が数多く紹介され、機能や料金も詳しく掲載、トライアルの申し込みや問い合わせも可能で、キントーンに関する情報が網羅されています。 キントーンに限らず、サービスサイトはサービスの機能・メリットを伝えることに特化しているため、一般的にコーポレートサイトに比べて申し込みや問合せがされやすくなります。 ランディングページ 特定のサービス・商品に特化したサイトで、「プロモーションサイト」とも呼ばれ、キャンペーン告知などにも使われます。 特設サイトのような位置づけで、コーポレートサイトに掲載されるバナーやリスティング広告での集客がメインとなります。 アクセスしたユーザーをそのまま問合せや購入・申し込みに誘導するため、ストーリーを重視した1ページ構成で作られます。 出典 : ドルチェ&ガッバーナ × 呪術廻戦 ドルチェ&ガッバーナと呪術廻線がコラボしたスペシャルコレクションを紹介するランディングページです。 日本発のサブカルチャーとイタリア発のラグジュアリーブランドの世界観が見事に融合しています。 このブログを書いている時点では終了していましたが、Twitterを絡めたオリジナル壁紙がもらえるキャンペーン情報も掲載されていました。 商品紹介、キャンペーン情報など、1ページにすべて収められるため、キャンペーン参加や商品購入への欲求を一気に高められることが特徴です。 余談ですが、連載が始まったころは異世界・剣×魔法・ファンタジーというワードに感じるものがあり、ジャンプはブラッククローバー派でしたが、最近アプリで読み始めました。面白いですね、呪術廻線。 ブランディングサイト サービスや商品のブランディングに特化したサイトです。 直接的な販売ではなく、他社との差別化、ブランドイメージの浸透、ロイヤルカスタマー創出などを目的に作られます。 出典 : 男前豆腐店 トップ画像から強烈なインパクトを与えてきますね。 豆腐とまったく結びつきませんが、心になにかを撃ち込まれました。一瞬で「豆腐といったら男前豆腐」という気にさせられました。 ちなみにトップ画像がフェードすると、美味しそうなお豆腐と、これまたいい感じに強烈なインパクトのデコトラが見れます。 サイトにアクセスしたらすぐスクロールしないで、フェードを待つことをお勧めします。 このサイトはショップサイトとしての機能もありますが、「男前豆腐店」というワードを一発で覚えるブランディング力があるため、ブランディングサイトとして紹介しました。完全に好みだったからというのもあります。 「本物の男前はあなたを裏切ったりしない」「抱かれたい豆腐NO1」など、パワーワードも満載です。豆腐はあまり食べませんが、定期的に覗きたくなるサイトです。 ブランディングサイトは、ユーザーを一瞬で自社のファンにできるポテンシャルを秘めています。「〇〇といったらあの会社だよね。」となれば売上を大きく伸ばせる可能性もあります。 自社のブランドコンセプトが確立されているのであれば、導入を検討すべきサイトといえます。 リクルートサイト 採用活動に特化したサイトで、求職者をターゲットとし、社風や職場情報、業務内容、福利厚生などが主なコンテンツとなります。 最近はインターネットを活用して求人情報を探すことも多いため、専用のリクルートサイトを作る企業が増えており、採用活動が活発な企業では、毎年リニューアルすることも珍しくありません。 出典 : 株式会社ロッテ "お口の恋人"ロッテはお菓子が主商品だからか、全体的にPOPなデザインになっています。 ロッテのお菓子が好きな人にとっては、見ているだけで楽しい気分になりそうなサイトですね。 すでにロッテを知っていて、働きたいと思ってる人がターゲットをしているためか、商品説明などはありません。先輩からのメッセージや1日のスケジュール、商品開発ストーリー、募集要項、研修制度など、求職者に必要な情報をしっかり網羅されています。 入社後に自分が働く姿がイメージしやすい、非常に完成度の高いリクルートサイトです。求人誌や求人ポータルに広告を出稿するよりも詳細な情報を提供することで、より効果的に求職者にアプローチできるため、スムーズで人的コストを抑えた採用活動が可能になります。 オウンドメディア 自社が持つノウハウ、ユーザーに役立つ情報を発信するためのサイトで、検索エンジンやSNSでの集客が最もしやすいタイプです。 よく見る形はブログサイトです。食料品メーカーでは食育について、インテリア・雑貨店などは自社製品を使っての暮らし方やお勧めレイアウトなど、自社のサービスや商品に関連付けた役立つ情報を発信し、購入意欲を刺激しています。 出典 : TERIYAKI TERIYAKIは、グルメアプリを開発している株式会社TERIYAKIが運営するオウンドメディアです。 「絶対外さない美味しいお店」をコンセプトに、アプリ内では伝えきれないお店の情報などを発信しています。食に対する情熱が凄い「テリヤキスト」と呼ばれる人々がイチ押しのお店を紹介し、サイトをプロデュースした堀江貴文氏もテリヤキストとして参加しています。 よくあるグルメサイトは雰囲気や接客など総合的にお店を評価することが多いですが、TERIYAKIではとにかく「味」にフォーカスしたグルメ情報を掲載しています。 サイト下部にアプリのダウンロードボタンが設置され、サイトで見たお店を予約するためのダウンロードを促しています。同じような流れで、自社に関連付けた情報を発信し、購入や申し込みへの導線を作っておくのがオウンドメディアの基本パターンとなります。 ナーチャリング（顧客の育成）にも適していて、潜在顧客・見込み顧客・既存顧客など、セグメントに合わせてコンテンツを発信することで、購入意欲を段階的・継続的に高めることができます。 目的に最適な種類を選びましょう ご紹介したように、ホームページは目的によって作るべき種類が変わります。目的が同じであっても種類によって効果が大きく変わることもあります。 新商品を出すなら、コーポレートサイトへのページ追加よりランディングページを使った積極的なプロモーションをかける。 採用に力を入れるなら、リクルートサイトを使ってポータル掲載費を抑え、担当者の負担を減らし選定や面接などに時間を割ける環境を整える。 といった感じです。 販促やプロモーションなど、ネット上での企業活動が重要になっている昨今、1社で目的別に複数のサイトを持っていることも珍しくありません。 コストはかかりますが、それ以上に大きなバックを得られる可能性を秘めているのがホームページです。 ぜひ、それぞれの役割や効果を把握して、ホームページ作りに役立ててください。

【ブラウザ別】さくっとキャッシュをクリアする方法

更新日：2026.8.18

公開日：2022.7.20

ホームページ制作の現場では、こんなやり取りがたびたびされています。 制作会社：「ホームページを更新したので確認をお願いします。」 お客様　：「あれ？変わってないけど…」 制作会社：「キャッシュを消してもらえませんか」 お客様　：「キャッシュって？どうやって消すの？」 更新したと連絡があり、確認したら変わっていない。 ホームページ制作あるあるの1つです。 WEB関連の仕事をしていない方には、あまり馴染みがないかもしれませんね。 社内ブログを更新しても内容が変わらないときも、キャッシュが悪さをしている可能性があります。 更新された内容をすぐ確認したい！というときのために、ショートカットキーを使ってさくっとキャッシュを消す方法をご紹介します。 同じ消し方が多いので、1つ2つ覚えておけば、だいたいのブラウザは対応できると思います。 ※キャッシュの詳しい説明はブログの最後でしています。興味のある方は見てみてください。 Windows / Mac Google chrome 【Windows】 1. Ctrl + F5 2. Ctrl + 更新ボタン 【Mac】 Command + R   Edge 【Windows】 1. Ctrl + F5 2. Ctrl + 更新ボタン   FireFox 【Windows】 1. Ctrl + F5 2. Ctrl + Shift + R 3. Shift + 「再読込み」ボタン 【Mac】 Command + Shift + R   Safari 【Mac】 Command + R スマートフォン iPhone（Safari)   【クリックで拡大】 1. 「設定」をクリック 2. 「Safari」をクリック 3. 「履歴とWebサイトデータを消去」をクリック 4.「 履歴とデータを消去」をクリック   Android（Google） 【クリックで拡大】 1. 「設定」ボタンをクリック 2. 「アプリと通知」をクリック 3. 「〇個のアプリをすべて表示」をクリックし、「Chrome」を探してクリック 4. 「ストレージとキャッシュ」をクリック 5. 「キャッシュをクリア」をクリック   キャッシュについて詳しく 最後にキャッシュについてご説明しますが、正直知らなくてもまったく困りません。 興味のない方はスルーしちゃってください。 【キャッシュとは】 アクセスしたホームページのデータ（テキストや画像など）を、一時的にブラウザに保管しておく技術です。 同じサイトに再度アクセスしたときに、インターネット上のデータではなく、ブラウザに保存されたデータを参照します。 そのため、 ①ホームページの表示時間が短くなる ②データダウンロードにかかるパケットを節約できる などの効果が得られます。 本日はここまでです。 最後までお読みいただきありがとうございます！

ホームページをリニューアルしました!

更新日：2022.9.21

公開日：2022.7.08

こんにちは！ 暑い日が続きますね。各地で観測史上最高気温を更新しています。6月の猛暑日連続記録が3日から6日に更新されました。 だからというわけではありませんが、ルビコンのホームページも更新しました。 約2年ぶりの全面リニューアルです。 これまでのホームページも気に入ってましたが、結構突貫でつくったので、細かい部分にまで手を入れれていませんでした。 なので、今回はがっつり計画を立てました。 コンセプトは「シンプルに見やすく」「速く」です。 他にもいろいろありますが、この2つが大きなコンセプトになっています。 なんで「シンプルに見やすく」したか 一番の目的は、ユーザーが迷わず、早く情報に辿りつけるようにするためです。 「なにか新しい情報ないかな」 「どんなホームページつくってるの」 と思ったとき、ページをすぐ見つけられるよう、動線やレイアウト、コンテンツの置き場所など、構成全体を見直しました。 デザインもなるべくシンプルにしました。 見やすさ優先というのもありますが、個人的に「シンプル イズ 見やすい＆かっこいい」だよね！という想いがあるからです。 それをデザインコンセプトにして、後はデザイナーさんに丸投げ（←おい！）しました。 できあがったのがこのホームページです。 雰囲気がガラッと変わっています。   リニューアル前   リニューアル後   「見やすいレイアウトで」「白黒ベースがいいなー」 要望はこれだけという無茶ぶりに、全力投球してくれました。 とても見やすく、かっこいい良いホームページになったと思うので、いろいろなページを見てもらえたら嬉しいです。 なんで「速く」したか ホームページを速くした目的はいろいろありますが、まとめると下の3つです。 SEO的にいい これはかなり昔からいわれていましたが、2018年にGoogleが「ランキング要因にする」とアナウンスしてからページスピードがより重要視されるようになりました。 快適に見てもらいたい ユーザーに快適に見てもらいたいからです。ホームページを開いたりページを移動したりするとき、すぐ開かないとじれったいですよね。それをなくして快適に見てもらいたかったからです。 問合せが増えるかも？ 表示に3秒以上かかるページは40％以上のユーザーが離脱するといわれています。問合せしてくれたかもしれないユーザーを「表示スピードが遅いだけ」で逃すのはとても残念ですよね。 どれくらい速くなったのか 今回のリニューアルで1番チカラを入れたのがこの「高速化」です。 あれこれ試した結果、かなり速くすることができました。   リニューアル前 ＜PC＞ ＜スマホ＞   リニューアル後 ＜PC＞ ＜スマホ＞   Google公式ツールで採点した結果、点数が大幅にあがっていました。特にスマホは31点と散々な点数でしたが、一気に97点まで上昇しました。 ブラウザでの表示速度も1.71秒 → 0.42秒と「4倍速く」なりました。「3倍速く」を越えてきましたね。 嬉しい結果に大満足です。ぜひストレスフリーなスピードをお楽しみください。 表示スピードの採点には「PageSpeed Insights」というツールを使いました。 URLを入力するだけで、表示スピードを採点することができます。 興味があれば使ってみてください。 PageSpeed Insights ブラウザの表示スピード計測には「Page load time」というブラウザの拡張機能を使いました。 Google ChromeやMicrosoft Edge、VivaldiなどのChromium系ブラウザで使えます。 興味があればインストールしてみてください。 Page load time – Chrome ウェブストア いろいろなホームページをスピードチェックしていると、ちょっと楽しくなってきます。 これを機に新しい一歩を ホームページをリニューアルしたことで、気持ちも新たに、より良いサービスを追求していこうという意欲がさらに燃え上がりました。 今回のリニューアルでは新しい知識・技術をあれこれ試し、実装しました。それらを反映させたより良いホームページをお客様に提供していきたいと思います。 これからもルビコンをよろしくお願いいたします。

【8/19（金）まで！】Webにも使える富山県中小企業ビヨンドコロナ補助金

公開日：2022.5.16

※令和3年までに「富山中小企業リバイバル補助金」および「リバイバル補助金」で採択された企業も申請が可能です! 「富山県中小企業ビヨンドコロナ補助金」の2次公募が始まりました！ 新型コロナの影響で売上が減少した富山県内の事業者を対象に、販路開拓や新商品開発、事業転換などを支援する補助金です。 ホームページ新規制作およびリニューアル、動画制作、インターネット広告などにも使えます。 デザインが古くなってきた。新しい機能をつけたい。ネット広告をしたいなどお考えであれば、補助金を活用してはいかがでしょうか。   1.活用例 ●ホームページリニューアル+インタネット広告 インターネット広告を利用して、リニューアルしたホームページに集客 ●ホームページ制作+動画制作 動画つきホームページを制作して集客力アップ ●ホームページ制作+ＳＮＳ ホームページと同時にＳＮＳを新規立ち上げ、さまざまな媒体で集客出来る体制をつくる ●ホームページ+ＥＣ 通常のホームページにＥＣ機能を付けて、ネット販売もできるようにする 上で挙げた活用方法は一部です。 他にもさまざまな活用方法があります。 申請サポートもしていますので、ご興味あればぜひお問い合わせください。   2.補助対象 新型コロナの影響で売上が減少した、富山県内に主たる事業所がある下記の事業者 ①中小企業 ②NPO法人 ③医療法人 ④組合（中小企業等経営強化法に基づくもの） ※個人事業主、フリーランスも可   3.補助率・補助金額・対象事業 ◆通常枠（最大１００万円） ホームページ作成、ECサイト作成、パンフレット作成、PR動画作成、インターネット広告費 ◆特別枠（最大２００万円） 新サービス提供にかかる費用   4.募集期間 第２次：令和4年6/21（火）～令和4年8/19（金） ●詳細はこちら   昨年の富山中小企業リバイバル補助金、ミニリバイバル補助金では2000件を超える採択がありました。 今回の「富山県中小企業ビヨンドコロナ補助金」も同程度の採択が見込めます。 弊社では、補助金の上手な活用方法の提案、申請書類作成から申請作業までサポートしています。 補助金の活用をお考えでしたら、ぜひ弊社にお問い合わせください。 ●ホームページからのお問い合わせはこちら お急ぎの方はお電話でお問い合わせください。 076-464-6906 月～金 9：30～18：30（祝日のぞく）

ゴールデンウィーク期間中の休業日について

公開日：2022.4.15

こんにちは！ 株式会社ルビコンです。 ゴールデンウイーク期間中の休業日についてお知らせです。 休業日：2022年4月29日（金） ~ 2022年5月5日（木） 2022年5月6日（金）から営業を再開します。 ご不便をお掛け致しますが、何卒ご理解のほどよろしくお願い申し上げます。