タグ ランディングページ
人気順 5 users 10 users 50 users 500 users 1000 usersWeb制作者はブックマークしておくと便利! ランディングページ500種類以上のデザインのまとめ -Landings
先日ローンチされたばかり、500種類以上のランディングページのデザインをまとめたLandingsを紹介します。 ランディングページのデザインは、テーマやカラーでフィルタリングができ、アイデアを膨らませるのに役立つと思います。 Landings Landingsは今月の初めにローンチされたばかりのランディングページのまとめサイ... 続きを読む
Web制作者は要チェック!最近のランディングページで見かけるデザインやアイデアのまとめ -SaaS Pages | コリス
最近のラインディングページで見かけるデザインやアイデア、コピーライティングがまとめられたSaaS Pagesを紹介します。 ヘッダやフッタのデザイン、ナビゲーションのアイデア、CTAや価格一覧やFAQのコンポーネントなど...記事の続きを読む 続きを読む
ランディングページ制作に役立つマニュアルと改善法(toCtoB)|相原 ゆうきfree web hope|note
こんにちは!株式会社free web hopeの相原です。 今回は当社でのランディングページの創り方をベースしにて、ランディングページ制作をする時に役立つフレームワークを公開します。当社の社内マニュアルにもなっているものです。 このnoteはランディングページを創る際に ・どんな情報を集めれば良いのか? ・どんな事を... 続きを読む
レイアウトやUIコンポーネントなど、最近のランディングページで使用されているアイデアのまとめ -SaaS Pages | コリス
ランディングページがどのようにデザインされ、レイアウトされているのか、そしてコピーライティングがどのようにデザインされているのか、その参考資料となるアイデアをまとめたSaaS Pagesを紹介します。 ランディングページのデザインや実装、ヘッダやフッタやナビゲーション、特徴やボタンの目立たせ方など、デザイン... 続きを読む
コーディング作業は無しで、デスクトップ・スマホ向けのテンプレートをすぐに構築できる次世代ツール -GrapesJS | コリス
HTMLやCSSのコーディング作業は無しで、デスクトップ・スマホ向けのさまざまな種類のテンプレートをすぐ簡単に構築できるフレームワークを紹介します。 ランディングページはもちろんのこと、CMSにも使用できるように設計されており、オープンソースとして利用できます。 普通のページビルダーのように見えますが、実際... 続きを読む
商用利用無料!Material Designが簡単に実装できる、Bootstrap 4をベースにした新作テンプレートのまとめ | コリス
Material Designを使用してみたいけど、時間がない、手間をかけたくない、という人にぴったりな、Material Designが採用された商用でも個人でも無料で利用できるBootstrap 4ベースの新作テンプレートを紹介します。 企業向けサイト、プロダクトのランディングページ、ポートフォリオやギャラリー、ブログ用のテンプレートが揃っています。 Material Design for B... 続きを読む
最近のWebサイトで見かけるヘッダのアイデア・実装方法のまとめ | コリス
ランディングページやブログなど、最近のWebサイトで見かけるヘッダのアイデア・実装方法を紹介します。 スクロールすると、ヘッダのイメージがズームしたり、フェードしたり、ヘッダの形が矩形でなかったり、ナビゲーションだけがス ...記事の続きを読む 続きを読む
ビジネス系のイラストはおしゃれなのが無いと困っている人に!商用無料で使えるイラストのSVG素材 -unDraw | コリス
ビジネス系のサイトをはじめ、ランディングページ、ポートフォリオ、もちろん個人ブログにもぴったりなイラストのSVG素材が無料でダウンロードできるサイトを紹介します。 シンプルでセンスのあるイラストが揃っており、しかもクレジット表記不要の太っ腹ライセンスなので、使い勝手がよいと思います。 unDraw unDrawの特徴 イラストのSVG素材 素材のダウンロード unDrawの特徴 unDrawではラ... 続きを読む
BootstrapやAMPなどのテンプレートを簡単にカスタマイズできる無料の国産サービス -Framework Template Editor | コリス
Bootstrap, Foundation, Materializeなどのフレームワークは手軽に利用できるとは言え、それでも一から始めるのは面倒です。これらのフレームワークを簡単にカスタマイズして利用できる無料の国産サービスを紹介します。 ランディングページやブログをさくっと作りたい、ナビゲーションやカード型コンポーネントを利用したいなど、さまざまなテンプレートやテーマを利用できます。 Frame... 続きを読む
ノンデザイナーでもイケてるLPを作成する方法 - Qiita
あけまして おめでとうございます はじめに イケてるは誇張かもしれませんが社内にデザイナーがいなく、 エンジニアにランディングページを作ってと振られたときのケースを想定して ノンデザイナーでも体系的にCSSコーディングすることでそれっぽいランディングページを作成できることを目的としてます。 デザインは一朝一夕でできるものではなく、ブランディングに関わる部分の画像に関しては、商材の撮影やPhotoS... 続きを読む
ヘッダ・フッタ・ナビゲーションなど、最近のWebデザインで採用されているアイデアのまとめ -Good Web Design | コリス
ランディングページで使用されているヘッダ・フッタ・ナビゲーション・フィーチャーコンテンツ・アクションボタン・ソーシャルコンテンツなど、最近のWebデザインで採用されているアイデアがまとめられたGood Web Desig ...記事の続きを読む 続きを読む
コーダーの仕事が楽になる!レスポンシブ対応のさまざまなHTMLテンプレートが驚くほど簡単に作成できる -Aperitif | コリス
ランディングページをはじめ、企業サイトやポートフォリオやブログのページまで、レスポンシブ対応のHTMLテンプレートが驚くほど簡単に作成できてしまう無料オンラインサービスを紹介します。 HTMLのテンプレートとして、すぐに利用できるプロトタイプとして、HTMLの知識はほとんどいらずにほんの数クリックで自分用のHTMLファイルが作成できます。 Aperitif 使い方は、簡単です。 登録やメールアドレ... 続きを読む
リターゲティング広告の効果アップにも活かせる!?DMPの概要と活用方法。 | nex8ブログ
外部データや自社データをかけあわせて活用する事で広告の精度を上げることができる「DMP」についてご紹介します。DMPの特徴、メリットやリターゲティングを例にしたDMPの活用例を説明しています。こんにちは。nex8事業部の小林です。 リターゲティング広告の費用対効果を良くするためには、配信するバナーやランディングページの改善、配信先の変更など様々な方法が考えられます。 配信するターゲットを変更するこ... 続きを読む
商用利用無料、最近のUIデザインが分かるレスポンシブ対応の高品質なHTMLのテンプレートのまとめ | コリス
今時のかっこいいデザイン、素敵なエフェクトを備えたレスポンシブ対応の縦長ページ、ランディングページ、プロダクトページ、ポートフォリオ、ブログなど、HTML5+CSS3の無料のテンプレートを紹介します。 単に使うだけでなく、レスポンシブ時のレイアウトのバリエーション、使い勝手のよいコンポーネント、気持ちいい繊細なアニメーションなど勉強にもなります。 Editorial デモページ 文字を見せることに... 続きを読む
総まとめ: Bootstrapの無料で高品質なテーマファイルがダウンロードできるサイト | コリス
ランディングページ、プロダクトページ、スモールビジネスなどの商用、ポートフォリオ、ギャラリー、ブログなどの個人で利用できるBootstrapをベースにしたサイトが作成できる無料のテーマ・テンプレートがダウンロードできるサ ...記事の続きを読む 続きを読む
2015年総まとめ、jQueryのプラグインとスクリプト100選 | コリス
毎年恒例のjQueryのプラグインとスクリプトの総まとめを紹介します。「100選」の名称は恒例なので、実際は100以上あります。 今年目立ったのは、ランディングページなどの縦長ページ系、スクロールエフェクト系・CSSやSVGのアニメーションでしょうか。あとレスポンシブ周りも単にサイズ変化に対応させるだけでなく、ユーザビリティを向上させるものが充実していました。 背景関連 SVG関連 縦長ページ関連... 続きを読む
Bootstrapで作るランディングページ・小規模サイトに、商用無料でバックリンク不要で利用できるテンプレート集 -Designstub | コリス
ランディングページ向けの縦長ページ、スモールビジネス向けの複数ページ、すべてがミニマルに美しくデザインされたレスポンシブ対応のBootstrapのテンプレートを紹介します。 テンプレートの良さはデザインだけではありません。いくつかダウンロードしてコードを見たところ、クリーンなHTMLでコメントもしっかりしているので、カスタマイズ性にも優れています。 Designstub ダウンロードには、メールア... 続きを読む
[JS]縦長ページに面白い仕掛けや便利な機能を実装できるスクリプトのまとめ | コリス
縦長のランディングページなどで見かける気持ちいいインタラクションやエフェクト、面白い仕掛けのコンテンツや便利な機能を実装できるスクリプトやjQueryのプラグインを紹介します。 プロダクトやサービスを魅せるスクリプト、さ ...記事の続きを読む 続きを読む
Webデザインの基本が身につく!ページのグリッド・レイアウト・要素配置の効果的な使い方のまとめ | コリス
最近のWebサイトで見かけるさまざまなレイアウト、レスポンシブ対応のレイアウトの構成、縦長ページ・横長ページでグリッドの効果的な使い方、ランディングページの要素の配置など、デザインの勉強になるインフォグラフィック・リソー...記事の続きを読む 続きを読む
WordPressでミニマルなかっこいいページが簡単に作成できる!無料で高品質なテーマファイルのまとめ | コリス
ブログやポートフォリオ、写真やイラストなどのギャラリー、プロダクトやアプリのランディングページなど、シンプルでミニマルな最近のデザインのトレンドをうまく取り入れたWordPressのテーマファイルを紹介します。 テーマは...記事の続きを読む 続きを読む
ストーリー性のあるランディングページを作成するときに使いたいフレームワーク4選|ferret [フェレット]
自社製品に興味を持ってくれたユーザーはほとんどの場合、その製品やサービスが本当に自分の求めているものなのか疑いの気持ちを抱いています。その疑いや心配を取り除くためにどのようなコンテンツが適切でしょうか。今回は、ストーリー性のあるランディングページ制作のためのフレームワークをご紹介します。 続きを読む
商用無料でしかも高品質!レスポンシブ対応の美しくデザインされたHTML5/CSS3のテンプレートのまとめ | コリス
今時の繊細でかっこいいエフェクトを備え、美しくデザインされたレスポンシブ対応のランディングページ、プロダクトページ、縦長ページ、ポートフォリオ、ブログなど、HTML5/CSS3で作成された商用利用無料のテンプレートを紹介...記事の続きを読む 続きを読む
【炎上】「堀江貴文と半年で1.4億円売り上げた私がセミナーを開催します」→堀江貴文「誰こいつ。知らん」 | netgeek
野口洋一という人物が開催を予定している「無料オンラインセミナー」が無許可で堀江貴文氏の名を使っていると問題になっている。 まずはこちらのセミナー告知をご覧頂きたい。情報商材系ビジネスにありがちなデザインの「いかにも」なランディングページだ。 ページ上部には「あのホリエモンから何か一緒にしませんかと声を掛けられて半年で1.4億円売り上げることが出来た」とでかでかとアピールされている。そして、有名人と... 続きを読む
マテリアルデザインを手軽に!CSS/HTML/JSコンポーネント「Material Design Lite」の使い方まとめ - PhotoshopVIP
数日前にGoogleは、マテリアルデザインの考えを取り入れた公式フレームワークフレームワーク「Material Design Lite」を公開しました。マテリアルデザインの見た目や操作性に重点をおいた、CSS,HTML、JavaScriptコンポーネントで、より手軽にウェブサイトやブログ、ランディングページなどを作成することができます。 今回は、Material Design Liteの基本的な使... 続きを読む
着実に進化している!無料で利用できるWordPressのテーマのまとめ | コリス
ブログやポートフォリオ、フォトグラファーのギャラリー、プロダクトやアプリのランディングページなど、最近のデザインのトレンドをうまく取り入れたWordPressのテーマファイルを紹介します。 テーマは全部無料で利用でき、カスタマイズ性にも優れたものばかりです。 Themify Flow (demo) 個人・商用利用、無料。 モジュール式のレイアウトで、ヘッダ・フッタ・サイドバー・コンテンツなどをドラ... 続きを読む