【PHP8.2】PHP8.2がリリースされたので新機能全部やる - Qiita

2022/12/08 6 users Qiita UPGRADING 下位互換性 概要 全部

PHP8.2 / PHP8.1 / PHP8.0 2022/12/08にPHP8.2.0がリリースされました。 大きな新機能については、PHP8.0以降公開されるようになったランディングページで見ることができます。 ここでは、概要だけではなくUPGRADINGに載っている変更点を全部見て回ることにします。 Backward Incompatible Changes 下位互換性のない変更... 続きを読む

Web制作者はブックマークしておくと便利！ ランディングページ500種類以上のデザインのまとめ -Landings

2022/11/17 210 users フック デザイン WEB制作者 フィルタリング アイデア

先日ローンチされたばかり、500種類以上のランディングページのデザインをまとめたLandingsを紹介します。 ランディングページのデザインは、テーマやカラーでフィルタリングができ、アイデアを膨らませるのに役立つと思います。 Landings Landingsは今月の初めにローンチされたばかりのランディングページのまとめサイ... 続きを読む

Webページに軽快な視差効果、スクロールすると要素が近づいてくるエフェクトを実装できる軽量のJavaScript -PushIn.js

2022/06/06 5 users エフェクト 軽量 要素 JavaScript 視差効果

Webページにインタラクティブな視差効果のアニメーションを実装できる軽量のJavaScriptを紹介します。 スクロールすると要素が近づいてくるエフェクトは、Appleのランディングページなどでもよく見かけます。スクロールすると要素が押し出されるように近づくプッシュイン、スクロールすると要素に向かってカメラが近づく... 続きを読む

最近のランディングページで見かける！ スクロールに連動して背景画像をアニメーション化できるバニラJavaScriptのライブラリ -ScrollMovie.js

2022/04/06 23 users ライブラリ スクロール マウス スワイプ操作 Apple

マウスのスクロールやキーボード操作、スマホのスワイプ操作に連動して背景画像をアニメーション化し、まるでスクロールで動画を操作しているかのようなコンテンツを実装できるバニラJavaScriptのライブラリを紹介します。 プロダクトのランディングページとかにいいですね。Appleなどは動画を使用していますが、操作し... 続きを読む

BtoB商材のLP（ランディングページ）の標準ワイヤーフレーム | 株式会社才流

2021/11/26 16 users エルビー 株式会社才流 テンプ 指針 最初

サイト訪問者が最初にアクセスするページをランディングページ（LP：エルピー）と呼びます。広告のリンク先として作成されることが多く、BtoB商材においても多くの企業が作成しています。 本記事では、ランディングページの企画やラフ案制作を担当される方向けに、設計の考え方、指針となる標準ワイヤーフレームのテンプ... 続きを読む

リスティング広告にLPは絶対必要？成果の出るLP作成のコツも解説 -webma-

2021/11/22 7 users webma 基礎 ポイント リスティング広告 関係性

「そもそもLP（ランディングページ）って何？」 「リスティング広告を掲載するのにLPは絶対に必要なの？」 「効果的なLPを作成するポイントはあるの？」 など、お悩みではないでしょうか？ この記事では LPの基礎に加え、リスティング広告との関係性や効果的なLPを作成するためのコツなどを解説しています。 この記事で... 続きを読む

ランディングページの最適な長さとは？｜ハチワレ｜BtoBマーケ×運用型広告｜note

2021/10/24 13 users ハチワレ Note WEBマーケティング イカゲーム テーマ

いや～イカゲーム面白いですね。2日間で全話見てしまいました。 本、noteに訪れていただきありがとうございます。ハチワレです。 今回のテーマはランディングページの最適な長さとは？というテーマです。 「ランディングページって長さってどれくらいが適切なんでしょう？」 よくWebマーケティングの仕事をしていると相... 続きを読む

Web制作の時間も予算も少ない時に便利！商用でも完全無料、ランディングページ用のHTMLテンプレートがダウンロードできる -Inovatik | コリス

2021/09/21 25 users コリス 商用 HTMLテンプレート 商用プロジェクト 予算

ランディングページや小規模Webサイト用のHTMLテンプレートが無料で利用できるInovatikを紹介します。すべてのHTMLテンプレートはオープンソースで、商用プロジェクトでも無料で利用できます。 時間や予算が少ない時...記事の続きを読む 続きを読む

新規事業の年商1億円、スタートアップのARR1億円 | Coral Capital

2021/06/10 11 users 雑談 プロダクト コンセプト Coral Capital 物欲

大手企業で新規事業を担当されている方と雑談をしていたときのことです。数年前に新規事業としてスタートしたプロダクトの話になりました。プロダクト販売のランディングページを見てみると、未来を感じさせるコンセプトと、物欲をそそられるおしゃれなプロダクトが魅力的でした。それを見ながら何気なく話を続けていた... 続きを読む

これなら実装がすごく簡単！スクロール時にDOM要素をアニメーションで表示する超軽量のJavaScript -Animon | コリス

2021/06/09 21 users コリス ビューポート DOM要素 アニメーション 実装

Webページがロードされた時やスクロールされた時など、ブラウザのビューポートに表示された時に指定したDOM要素にさまざまなアニメーションを個別に設定できる超軽量のJavaScriptライブラリを紹介します。 HTMLにclassとdata属性を加えるだけで、ランディングページでよく見かけるスクロールすると見出しやテキストや画... 続きを読む

2021年 SEO最前線、ユーザーのための施策こそが成果につながる | 【レポート】デジタルマーケターズサミット2021 Winter | Web担当者Forum

2021/04/16 9 users Winter 小手先 施策 デジタルマーケターズサミット 成果

検索エンジンの進化によって、小手先の施策ではなく「ユーザーのための施策」がSEOの成果に繋がる時代となった。今後、重要なのは「ユーザーの目的に寄り添い、関係性をつくる」こと。ユーザーが「なぜ検索したのか」の仮説立てから、ランディングページの効果検証を繰り返していくことが必須となる。 「デジタルマーケ... 続きを読む

【決定版】ランディングページ最適化（LPO）ガイド ｜SEO Japan by アイオイクス

2020/12/04 5 users LPO コンバージョン 基礎 ガイド 決定版

Web施策において、コンバージョンを獲得することは非常に重要です。 その際、コンバージョンを獲得するためのページを作成し、広告のランディングページとしたり、サイト内のキラーページとすることもあるでしょう。 今回はそんなランディングページの基礎から改善方法までを網羅的にまとめた記事をBacklinkoよりご紹介... 続きを読む

Web制作者は要チェック！最近のランディングページで見かけるデザインやアイデアのまとめ -SaaS Pages | コリス

2020/10/15 347 users コリス CTA ブッダ ヘッダ コピーライティング

最近のラインディングページで見かけるデザインやアイデア、コピーライティングがまとめられたSaaS Pagesを紹介します。 ヘッダやフッタのデザイン、ナビゲーションのアイデア、CTAや価格一覧やFAQのコンポーネントなど...記事の続きを読む 続きを読む

ランディングページ制作に役立つマニュアルと改善法(toCtoB)｜相原 ゆうきfree web hope｜note

2020/09/12 273 users フレームワーク Note 相原 創り方 当社

こんにちは！株式会社free web hopeの相原です。 今回は当社でのランディングページの創り方をベースしにて、ランディングページ制作をする時に役立つフレームワークを公開します。当社の社内マニュアルにもなっているものです。 このnoteはランディングページを創る際に ・どんな情報を集めれば良いのか？ ・どんな事を... 続きを読む

「SSRと規約だけ」の勘違いを解く、 Nuxt.js をプロジェクトで採用すべき理由 - ROXX(旧SCOUTER)開発者ブログ

2020/03/26 20 users ROXX コーポレートサイト SSR 旧SCOUTER 勘違い

back check 事業部に業務委託でコミットしているフロントエンドエンジニアの potato4d です。 ROXX では、 v1.0 が出る前から、プロダクト、コーポレートサイト、ランディングページ、メディアなど、多くのシーンにて、 Nuxt.js が採用されています。 Nuxt.js は多くの人に愛される一方で、最近は Vue 3.0 の話もあり、... 続きを読む

Googleアナリティクスでランディングページを見てみよう

2020/01/23 6 users Googleアナリティクス 縦長ページ ヒートマップ分析

広告のランディングページとして使用するページは訴求したいこと、ユーザーに伝えたいことをまとめた結果、縦長ページになってしまいがち。 例えば、旅行や観光であればエリア別、商品購入のサイトであれば色や用途別に見せていたり、または価格帯ごとに分けていたりすることも。 ページはヒートマップ分析をしたり、ス... 続きを読む

Rails + Contentful で LP のコーディングをゼロにする - pixiv inside

2020/01/15 11 users Rails pixivFACTORY Contentful

こんにちは、@f_subal です。 pixivFACTORY というサービスで普段はフロントエンドをやっています。 今回は Rails のサービスに Headless CMS の Contentful を導入し、ワークフローを改善した話をします。 ランディングページ、あるいはマスターデータの詳細について pixivFACTORY はグッズおよび同人誌がブラウザ上で... 続きを読む

縦長LPはコンバージョンに寄与しない!? ファーストビュー完結型が実はベター【WACUL調べ】 | Web担当者Forum

2019/10/27 76 users コンバージョン 縦長LP WACUL Web担当者Forum

WACUL（ワカル）は、研究レポート「縦長LPはコンバージョンに寄与するのか？BtoBにおけるランディングページ（LP）のベストプラクティスに関する調査」を発表した。AIによりサイト分析・改善提案を行う同社サービス「AIアナリスト」を使い、対象サイトのLP30件について、分析を行った。 「縦長サイト」より「ファースト... 続きを読む

レイアウトやUIコンポーネントなど、最近のランディングページで使用されているアイデアのまとめ -SaaS Pages | コリス

2019/07/29 202 users コリス ブッダ UIコンポーネント ヘッダ コピーライティング

ランディングページがどのようにデザインされ、レイアウトされているのか、そしてコピーライティングがどのようにデザインされているのか、その参考資料となるアイデアをまとめたSaaS Pagesを紹介します。 ランディングページのデザインや実装、ヘッダやフッタやナビゲーション、特徴やボタンの目立たせ方など、デザイン... 続きを読む

Atomic Design と Figma の組み合わせでデザインが便利になる｜デザインシステムの作り方｜SMARTCAMP DEXIGN｜note

2019/07/06 68 users figma Biscuet ビスケット 組み合わせ 採用

まだ開発中のサービスですが、このBiscuet（ビスケット）のデザインシステムの考え方を紹介していきます。 上記のランディングページ（LP）の作成プロセスも過去に紹介しています。気になる方はあわせてお読みください。 Figma と Atomic Design の採用デザインツールは「Figma」、考え方は「Atomic Design」を採用しま... 続きを読む

FirebaseだけでiOS版マッチングアプリ「Rose Me」をリリースするまでの話 - Qiita

2019/06/22 84 users NoSQL Qiita Firebase iOSエンジニア

限定公開した日付になっていたので再投稿しました泣 普段は京都大学で学生をしており、iOSエンジニアとしての歴も3年目となりました。 NoSQLもFirebaseも全く触ったことのなかった僕が、バックエンド全てFirebaseで完結させた知見を残しておきます。 何を作ったのか ランディングページ https://app-rose.me/ AppStore h... 続きを読む

複数事例から見るコンバージョンにつながるランディングページとは | UX MILK

2019/04/23 32 users コンバージョン UX MILK 弾丸 リブランディング 彼女

PaulaはフリーのWebデザイナーです。彼女は小規模なオンラインビジネスのリブランディングなどを手掛けています。 ランディングページの指標改善に、銀の弾丸はありません。すべての状況に対して有効なアプローチはどこにもないのです。 しかしながら、適切なUX戦略があれば、優れたランディングページを簡単に構築する... 続きを読む

LPOとは？ユーザーの第一印象とCVRを高めよう｜コラム｜リコー

2019/04/04 16 users LPO CVR ダイレクトマーケティング リコー 応用

ダイレクトマーケティング、デジタルマーケティングに関する用語やその他関連用語を集めました。 基礎から応用まで、多岐にわたる用語をご紹介いたします。ぜひご活用ください。 用語解説【LPO】 LPOとは、ランディングページ最適化（Landing Page Optimization）の略。ユーザーがWEBサイトに最初に訪問したページから、... 続きを読む

Gutenbergに便乗？ランディングページをWordPressで簡単に作れる「LIQUID LP」 | WordPressやWebデザインなど紹介 Ocadweb

2018/12/17 8 users HTML さん Gutenberg対応 前回 Ocadweb

前回紹介しましたランディングページ（LP）向けWordPressテーマ「LIQUID LP」。 Gutenberg対応！おしゃれなランディングページが作れるWordPressテーマ このWordPressテーマ「LIQUID LP」では簡単にランディングページ（LP）が作れます。htmlなどの知識がなくてもランディングページ（LP）を簡単に作れるように3つのサン... 続きを読む

Gutenberg対応！おしゃれなランディングページが作れるWordPressテーマ | WordPressやWebデザインなど紹介 Ocadweb

2018/12/10 9 users Ocadweb Gutenberg対応 WordPress

先日、ご紹介したWordPress5.0からアップデートされるエディター「Gutenberg」の使い方についてご紹介しました。 WordPressエディタ「Gutenberg」の使い方！誰でも直感的なデザインに！ 今回はこのWordPress5.0からアップデートに合わせて、LIQUID PRESSから新たにWordPressのテーマ（テンプレート）がリリースされまし... 続きを読む