平野 太一(@yriica)のポートフォリオサイト。Photos by Canon 5D MarkⅡ
LPO(Landing Page Optimaization=ランディングページ最適化)とは?用語解説・意味/定義の説明 Webサイト訪問者が、インターネット広告や検索エンジンなど外部からのリンクをクリックした際に、最初に表示されるWebページを「訪問者が着地するページ」という意味で、ランディングページ(landing pages=LP)と呼びます。 LPO(Landing Page Optimaization=ランディングページ最適化)とは、このランディングページを、訪問者が目的とする情報を簡単に入手出来るようにしたり、途中で離脱しないように工夫(最適化)することで、問合せや会員登録、商品購入など、収益につながる何らかの取引を実際に行う割合(コンバージョンレート=CVR)を高めることを指します。 LPO対策の大前提:LPOは効果測定を前提とした施策 ネット広告(検索連動型広告・アフィリエ
Next up, we got Kat Dennings. She does, as we know, have a massive pair of tits. Both Kat and her tits are almost Christina Hendricks-esque to me. Perhaps her tits aren’t quite as larg as Christinas, but I can definately see the similarities. Anyway, Kat has a lovely big pair of tits, and she knows how to use them (read, she doesn’t mind getting her tits out). I rate Kat Dennings tits a 9/10
当サイトは、WordPressと便利なプラグイン&APIを使ってサイト構築をする方法をテーマとしたサイトですが、思った以上にプラグイン&APIが結構な数になってしまっていて、「どこで何を使っているのか?」がイマイチわからなくなっています。 そこで、サイト上で動作しているものだけになりますが、どこでどんなプラグイン&APIを使っているのかがわかる「対応マップ」を作成しました(バックヤードで動作するものは対応マップにはできませんでした)。 詳細については「プラグイン&API対応マップ」をご確認の上参考にしてもらえると嬉しいです。 サイトのテーマを考える お店紹介といっても世の中には多種多様なお店があります。サイトを作りは、まずは「テーマ」を決めることからスタートします。 サイトの構造を考える サイトの構造とは設計図のようなものです。修正、変更を少なくするためにも、最初に構造を決めておくことが重
上記は非モテタイムズと言うニュースサービスのアナリティクスのSEOキーワードページのワード数です。 非モテSNSなどは、1カ月で1000ワード程度なのですが、 非モテタイムズは10倍以上の流入ワードがあります。 このニッチな流入ワードを増やす方法を本日は紹介します。 対策は簡単で、結論をお伝えすると、 ・トップでなく、子ページの1ページずつでSEO対策をする。 ・記事ページのタイトルを 「非モテタイムズ|記事タイトル」 → 「記事タイトル|非モテタイムズ」にする この2つだけです。 ただ、これだけを紹介しても意味が分からないと思うので、 ちょっとSEO対策の歴史を織り交ぜて紹介していきます。 僕がよく意識しているSEO対策SEO対策は宗教論争的に、テクニカル論としては、色々あると思いますが。 まずは現状、僕が基礎的にやっているSEO対策をご紹介します。 ■内部SEO
DarkPatterns.orgは、Webデザインを悪用するブラックハット・デザインを無くすことを目的に、わざわざ分かりにくかったり、望んでいないこと実行させるようなデザイン要素に共通の名前(パターン)をつけ、それを使っ […] DarkPatterns.orgは、Webデザインを悪用するブラックハット・デザインを無くすことを目的に、わざわざ分かりにくかったり、望んでいないこと実行させるようなデザイン要素に共通の名前(パターン)をつけ、それを使っている不良サイト・企業に文句をつけるための新しいサイトです。 たとえば、パターン「買い物かごに忍び込ませる(Sneak into basket)」パターン。これは、ユーザーが入れていない商品がいつのまにかショッピングカートに紛れ込むようにデザインされているフォームのパターンです。 例として、旅行予約サイト大手のTravelocityで、ホテルや飛行
来年も作りたい!ふきのとう料理を満喫した 2024年春の記録 春は自炊が楽しい季節 1年の中で最も自炊が楽しい季節は春だと思う。スーパーの棚にやわらかな色合いの野菜が並ぶと自然とこころが弾む。 中でもときめくのは山菜だ。早いと2月下旬ごろから並び始めるそれは、タラの芽、ふきのとうと続き、桜の頃にはうるい、ウド、こ…
ホームページの制作ソフト「Adobe Dreamweaver」の使い方や説明をFLASHによるアニメーションでわかりやすく解説したホームページ制作のための入門サイトです。もちろん解説は無料です。WEBサイトの制作やHTMLのデザイン制作にお役立てください。Dreamweaverの使い方(操作方法)をアニメーションで覚えよう このサイトでは、代表的なホームページ制作ソフトであるAdobe Dreamweaverの使い方を、FLASHによる操作アニメーションを使い、説明します。 ホームページの制作・WEBサイトの構築にお役立てください。 なお、 操作アニメーションは、Macromedia Captivateというソフトウェアを用いて作成しています。 Dreamweaver使い方(動画操作説明)の収載内容一覧
Dreamweaver8入門・動画講座(ホームページの作り方) ドリームウィーバー8の使い方を動画で紹介します。 できるだけ現在主流になっているタグが使えるように、また、きれいなソースが書けるように、初心者デザイナーさんに役立つ内容です。 ※Adobe® Dreamweaver® はAdobe社(アドビ システムズ社)の商標です。 人気のエントリー一覧 [ 人気のエントリー一覧 | 最新のエントリー一覧 ] (1)ヘッダーを作る ボーダーのないテーブルを使うことで、表示で崩... (4)いろいろな方法でテーブルを編集する デザインビューと、プロパティを使って、テーブ... (1)サイトを開き、ドキュメントを開く ファイルパネルは、ドリームウィーバーMXまで... (2)画像をFireworksで最適化する Dreamweaverでホームページを制作す... (4)サイドナビを作る ドリーム
2009年10月21日21:00 カテゴリNews 売上6倍、時価総額6割 - HPとAppleに学ぶ、デザインの力 一週間前の今日、AMN経由で日本HPの個人向けPC冬モデル発表会に行ってきた。 日本HP、個人向けPC冬モデル発表--事務機の延長線から人の感性を刺激するPCへ:ニュース - CNET Japan そして今日、Apple Store銀座に行ってきた。 アップル、「iMac」「MacBook」「Mac mini」を刷新--新製品「Magic Mouse」も発表:ニュースクリップ - CNET Japan いやでも理由がわかった。 なぜAppleの6倍以上PCを売っているHPの時価総額が、Appleの6割しかないか、が。 前四半期、HPは全世界で1612万台ものPCを売った。もちろん第一である。 Gartner Says Worldwide PC Shipments Retur
1アイデア100円でお答えするのはしんどかったが、 そこは修行と自らに言い聞かせながら続けていたものの 「ネーミングを考えてくれ」とい依頼が増えたため、 アイデアの領域を絞ることに決定。 ネーミングに絞ったサービスKOTODAMAに生まれ変わりました。 「GE・N・KI玉」とは、あなたがアイデアに困ったときに斬新なアイデアを1アイデア100円で購入できるサービスです。あなたが投げたお題に対して、カヤックの面白ラボBM11のメンバーがアイデアを出します。金額は回答期限等によって異なります。 プレゼンに出すアイデアが欲しい!恋の悩みを聞いて欲しい!など、さまざまなテーマ受け付けています!公開してもいい過去のお題と回答事例がサイトに掲載されています。BM11のアイデア力をご確認いただき、どうぞお気軽にご利用ください。 1アイデア100円と非常に安価で提供していますので、「今日1日楽しくすごすため
Sexy Music Album Overlays Komodo Media これは楽しい!どんな画像もCDのアルバム風にできるCSSテクニック。 どんなサイズの画像も、次のようなジュエルケースに押し込んでしまえるCSSのテクニックです。 CSSが無い状態だと次のような殺風景な状態ですが、CSSとPNGのオーバーレイによって美しいジュエルケースに入った状態になってますね。 他にもスタイルが容易されていて、CDのディスク風にする例 同じようにレコード風にする例も紹介されています。 これはすばらしいですね。応用して、ゲームソフトのパッケージ風にしてみたり、色々できそうです。 関連エントリ CSSリストに関する5つのテクニック集 CSSとdivを使った画像先読みテクニック 便利なCSSテクニック30選 本の目次部分のようなリストをCSSでデザインするテクニック
今回は、『コーポレートサイトというジャンルで、いかにしてオリジナリティあるデザインをするか?』をテーマにコーポレートサイトの事例紹介と、カヤックサイトのデザインを使ってデザイン手法をお伝えします。 手の内見せて競う! 制作会社のコーポレートサイト 企業のブランドイメージをビジュアルで表現する、コーポレートサイトのUI。 中でも、Web制作会社のサイトでは、自社の技術力を駆使し、斬新性を打ち出すことで個性を競っています。 国内外のWeb制作会社やデザイン会社がどのような方法でオリジナリティを打ち出しているかを、いくつかのUIパターンや表現手法に沿って紹介します。そのうえで、今回のカヤックのリニューアルで、皆さんの気になっている点を説明します。 最旬!世界の制作会社コーポレートサイト事例 30 ここでは、参考にしたサイトからトップ29サイトを厳選して、以下の8つのカテゴリに分類してご紹介します
ネットで検索をすると CSS のテクニックが山ほど公開されていますが、実際に商用サイトの制作をしていて個人的に利用する頻度が高いテクニックの BEST 5 をご紹介します。 ちょっと凝ったデザインのサイトをコーディングする時に、これらのテクニックに助けられることが多いです。どれも覚えておいて損はないものばかりです! IE6 でも min-height を使う 例えば、異なる高さのブロックを float しつつ底辺のラインを揃えたい時などに、「IE6 が min-height に対応していたら楽なのに!」と思うことがありますが、以下のテクニックを使えば IE6 でも min-height(相当)の適用が可能になります。 [CREAMU]CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 IE6 に mi
前回の記事では、実際の建築プロジェクトにおいて、建築家が建築現場の指揮をとったという実例を紹介しました。今回は設計寄りの話題に移して、プロジェクトだけではなくWebの設計面においても建築分野から学べる考え方があるというお話をしたいと思います。 Webサイトは変化し続けるWebサイトは構築されてから情報が追加されたり、修正されたりしていきます。 これは情報を扱うメディアとしては当たり前のことで、たとえば、雑誌などでも創刊号でつくられたコンセプトを、その後発行する各号でより磨きをかけたり、軌道修正させたりします。 しかしながら、この「変化」は、ただやみくもに変えていけばいいのではなく、その影響範囲や必要性を検討しながら行わなければなりません。今回は、この「変化するWebサイト」についてのありかたを、情報アーキテクチャの観点から考えてみます。 こういった「変化」をWebの設計にどういった形でおり
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く