最近のラインディングページで見かけるデザインやアイデア、コピーライティングがまとめられたSaaS Pagesを紹介します。 ヘッダやフッタのデザイン、ナビゲーションのアイデア、CTAや価格一覧やFAQのコンポーネントなど、インスピレーションが刺激されます。
![Web制作者は要チェック!最近のランディングページで見かけるデザインやアイデアのまとめ -SaaS Pages](https://cdn-ak-scissors.b.st-hatena.com/image/square/bbaa95dcfe69e93ec2173b937132700e70958f48/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-202004%2F2020101501%402x.png)
最終更新日:2019年12月20日 どうも、ホットリンクCMOの飯髙です。 2019年12月16日に、弊社(ホットリンク)のコーポレートサイトをリニューアルしました。 このリニューアルは、BtoBに強いWeb制作会社である株式会社ベイジさんにお願いしました。目に見える変化はもちろん色々あると思いますが、ここでは見た目だけでは分からない、サイトリニューアルの検討プロセスや背景にある意図などを、ベイジさんが作ったサイト戦略資料を元に、詳しく解説していきたいと思います。 ※全スライドはページの最後に掲載しています。 ※当記事はベイジの枌谷さんとの共同制作です。 ※提案資料は提案当時のものをあまり変えず公開しています。古い情報や誤字脱字などが含まれているかもしれませんが、ご了承ください。 旧サイトの課題とベイジさんを選んだ理由 リニューアル前の私たちのコーポレートサイトには、主に以下のような問題が
キャッシュレス化を進めている日本ではクレジットカード、Suica や Edy などの電子マネーにQRコード決済が加わり、レジでの決済手段の多様化が進んでいます。一方、中国ではQRコードを店の入口から活用し、顧客のスマートフォンを用いた購買体験の向上が図られています。 店に入る前からQRコードが渡されるここは深圳の「緑茶餐庁」というレストラン。美味しい浙江料理が評判で入店待ちの客が多くいます。 筆者が到着すると整理券を渡されました。 この整理券にはQRコードがついていて、これを WeChat で読み取ると「二維火点餐」という Web サイトに接続されます。 QRコードは顧客ごとに異なり、整理券番号と紐付けられています。そのため、QRコードを読み取るだけで待ち行列の進捗がわかります。順番が近づくまで店を離れていても大丈夫です。 事前注文とチェックイン先ほどのQRコードからは待ち行列の進捗だけで
今回のテーマ Webパフォーマンスを改善する上で知っておきたい知識をまとめてみました。 前回の記事では使わなかった(使えなかった)技術や方法なども含めて記載します。 また、ブラウザのレンダリングなどについても書きたいと思います。 (2019年5月23日追記) 過去の記事はこちら How to 速度改善 ー計測・知識編ー How to 速度改善 ー原因調査編ー How to 速度改善 ー実装&技術調査編1ー 1. ブラウザレンダリングの仕組み 推測するな、計測せよ という言葉にあるように、闇雲にチューニングを初めても良い結果は出ません。まずはブラウザレンダリングの仕組みからみていきましょう。 ブラウザレンダリングの流れ レンダリングの大まかな流れは Loading→Scripting→Rendering→Painting(これでページが表示される) となっています。 この処理の内容をフレーム
Service Worker は非常に有用ですが、最初は扱いが難しい場合があります。Workbox により、Service Worker が使いやすくなります。 ただし、Service Worker は困難な問題を解決するため、そのテクノロジーの抽象化も、理解がなければ難しいものです。したがって、Workbox の詳細に入る前に、これらのドキュメントの最初の数部分で基盤となるテクノロジーについて説明します。 実行中の Service Worker のリストを表示するには、アドレスバーに「chrome://serviceworker-internals/」と入力します。 Service Worker がもたらすもの Service Worker は、ウェブブラウザとウェブサーバー間のプロキシとして機能する特別な JavaScript アセットです。オフライン アクセスの提供による信頼性の向上
こんにちは、ディレクターのむむです。 少し前の話ですが、2017 年 4 〜 9 月の 6 ヶ月間において、たくさんのクライアントよりご発注いただいたということで会社より受注賞をいただきました。 LIG メンバーはもちろんのこと、お問い合わせいただけるクライアントあっての受賞となりました。 ありがとうございました! 作る Web サイトや予算はクライアントによってさまざまだとは思います。私の場合、コーポレートサイトを多く担当させていただき、本当にとてもありがたいことに総合金額は目標以上を達成できました。 今回改めて、Web ディレクター未経験の私がどのようなことに気をつけ、LIG で学び、そして成長していったのかをまとめたいと思います。 LIGにおけるWebディレクターの業務内容 LIG における Web ディレクターの業務はメール等にてお問い合わせいただいた内容を元に、お話をお伺いし見積
「SEOに効果がある」と過去にはされていたが、すでに時代遅れになってしまった「化石」の手法を5つ紹介する。古いやり方ではなく、今の時代に効果がでるやり方もあわせて紹介する。 なかなか認めにくいことだが、僕たちの多くは相変わらず時代遅れのSEO戦術を実践している。そうした戦術には、今なお大きなプラスの影響があると信じているからだ。 今回のホワイトボード・フライデーでは、ランドがそうした「化石」のような古代の手法を挙げ、現在それよりも効果的に機能する代替策を提示しながら、僕たちを優しく正しい方向に導いてくれる。あなたもコメント欄で、ぜひヒントやお気に入りの策をシェアしてほしい! 化石戦術その1: Google広告のキーワードプランナーに頼ってキーワードを調査する最初に取り上げるのは、以前にも何度か話したことのある、Google広告(旧AdWords)のキーワードプランナーに基づくキーワード調査
Sound Walker という Web アプリを作りました。 ↓ここで遊べます↓(スマートフォンで開いてください) https://www.sound-walker.app リポジトリはこちら https://github.com/Leonardo-mbc/sound-walker ホーム画面に追加することで、インストールしたアプリのように遊べます。 Webでどこまでできるかをやってみようと思って作り始めて、 ほっといて数年たったら技術がみるみる変わっていて、いろいろ味が出てきました。 Service Worker, Add To HomeScreen などなど Webでできるゲームってだけだったのが、普通にスマホで動くゲームになる時代になっております。 Sound Walker で使ってる技術は WebGL(Three.js), WebAudioAPI, ServiceWorker,
サイバーエージェントの実践×実験Snowflake 導入の経緯から最新機能のトライアルまで / How Snowflake Is Used In CyberAgent - Go To the Future
補足しました 2019/1/17 4:05 AMhttps://anond.hatelabo.jp/20190117033500 ブコメやトラバに一部お答えしています ※本文ここから↓ https://anond.hatelabo.jp/20190113133500 元増田へのブコメでも指摘されていたが、ひとくちに「フリーランス」といっても業種、業態、経験、実力、性格などによってその態様は異なる。 そこでひとつのケースとして俺がWeb制作業界でフリーランスとして約13年間やってきた経験と、そこから得られた知見などを書いてみたい。Webデザイナー、Web系プログラマーには参考になるのではないかと思う。 どういう人間か満員電車やだ遅刻癖あるので会社員向いてない 朝に弱い、生活不規則自分に甘い。問題先送りタイプ。眼の前の楽しそうなことに飛びついて(増田執筆とか)やらなければならないことを後回しに
【変更履歴 2018年2月15日】当初の記事タイトルは「いまなぜHTTPS化なのか? 技術者が知っておきたいSEOよりずっと大切なこと ― TLSの歴史と技術背景」でしたが、現行のものに変更しました。現在GoogleではWebサイトのHTTPS対応と検索結果の関係を強調しておらず、本記事の趣旨の一つにも本来は独立した問題であるSEOとHTTPS化を関連付けるという根強い誤解を解くことがありますが、当初のタイトルではかえってSEOとHTTPSを関連付けて読まれるおそれがあり、また同様の指摘もいただいたことから変更いたしました。 HTTPとHTTPSは、共にTCP通信上で動作します。したがって、いずれもTCPハンドシェイクで通信を開始します。 HTTP通信の場合には、このTCPハンドシェイク直後に、HTTPリクエストとレスポンスのやり取りが始まります。このHTTPのやり取りは平文通信であり、途
The document discusses graph databases and their properties. Graph databases are structured to store graph-based data by using nodes and edges to represent entities and their relationships. They are well-suited for applications with complex relationships between entities that can be modeled as graphs, such as social networks. Key graph database technologies mentioned include Neo4j, OrientDB, and T
Schema.org is a collaborative, community activity with a mission to create, maintain, and promote schemas for structured data on the Internet, on web pages, in email messages, and beyond. Schema.org vocabulary can be used with many different encodings, including RDFa, Microdata and JSON-LD. These vocabularies cover entities, relationships between entities and actions, and can easily be extended th
”Web制作業務委託契約書”の重要性や利用目的はあまり理解されていません。 「あの時契約書を作っておけば・・・」 既にクライアントさんとトラブルになったWeb制作会社様が、相談時にこのようなことを仰ることがあります。 ビジネスではスピード感も大事ですし、トラブルが起きないことを前提に取引を進めていることも多いと思うので、制作に関する契約書を作成しないこともあるでしょう。 しかし気をつけて下さい。 契約書作成の手間を省いてしまうと、トラブルとなった場合に、その手間より多大な負担がのしかかってきます。 そのような事態を避けてもらえるよう、今回はWeb制作会社様向けに、業務委託契約書を作成方法について、ベリーベスト法律事務所の弁護士が書きました。 [nlink url=”https://best-legal.jp/outsourcing-contract-template-582/”] 1、We
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く