食品系ECサイトのランディングページ最適化について、6つのサイト紹介とランディングページまとめサイト4つのご紹介。 ｜https://wp.yat-net.com/name
2012年 10月 19日 食品系ECサイトのランディングページ最適化について、6つのサイト紹介とランディングページまとめサイト4つのご紹介。 カテゴリ： Webサイト紹介 タグ：ECLPOまとめランディングページ 飲食関係のランディングページを運用しないといけないので色々見ています。ブックマークにも少し溜まってきてるのでちょっとだけブログの方にも書いておこうと記事にしました。 1.ランディングページとは？ 2.食品関係のランディングページ 3.ランディングページまとめサイト ランディングページとは？ ランディングページと言うのはリスティング広告といったWeb広告や、グーグルやヤフーなどの検索エンジンから遷移してくるページを指します。 このページに対して、ユーザーが求める情報を正しく伝えられるよう最適化することをLPO（Landing PageOptimization・・・ランディングペー
Webサイト構築における、「情報の分類とコンテンツの理解」をECサイトで考えてみる。-IA シンキング- ｜https://wp.yat-net.com/name
2012年 07月 10日 Webサイト構築における、「情報の分類とコンテンツの理解」をECサイトで考えてみる。-IA シンキング- カテゴリ： IAシンキング Webデザイン タグ：IAシンキングWebサイト構築 Webサイトを制作していて非常に気を使う部分になる情報の分類。例えば商品やコンテンツの分類で、あまりに関係ない分類をしてしまうとユーザーはそれを見つけにくくなり、本来であればユーザーの要望にマッチしたものを提供出来るのにユーザーを逃す事になってしまいます。そうならない為にもWebサイトにおける情報やコンテンツの分類は分かりやすくする事が非常に大切な事になります。 1.情報の整理について「LATCH法」 2.分類に迷ったら 3.必要最低限のコンテンツ、必要不可欠なコンテンツ 4.情報の分類とコンテンツの理解がもたらすもの 1.情報の整理について「LATCH法」 情報の整理に置いて
ファンの心をがっちり掴むECサイト「スイーツサイト」厳選8サイトご紹介 ｜https://wp.yat-net.com/name
僕は甘いもの、特にケーキが好きなんですが、最近Webサイトが凄く独創的なショップサイトを目にすることが多く、行ってみたいと思うお店が多くてやばいです。 販売しているケーキ屋やスイーツが美味しいのは当然として、Webサイトやお店にストーリーだったり、特出したデザインだったりといったものが見えると、どうしても行ってみたい！って強く思ってしまうんですよね。 素敵なサイトの紹介 1.素敵なサイトの紹介 今回はそんな素敵なサイトをまとめて紹介したいと思います。ツイッターで流れてたり、有名なお店だったりするので、知っているサイトが殆どかもしれませんが、まとめとしてストックしておきます。他にもあったら是非教えて下さい！ ANTIQUE -アンティーク- パンを販売していますが、ドーナツも販売しているのでスイーツというカテゴリに入れちゃいました。スイーツのサイトで一番気に入っているサイトです。大阪にも店舗
ngnixをローカル環境のwindows7にインストールする方法を図解付きで解説。XAMPPとの併用も。 - YATのBlog
2012年 05月 28日 ngnixをローカル環境のwindows7にインストールする方法を図解付きで解説。XAMPPとの併用も。 カテゴリ： Nginx タグ：webサーバー 最近良く耳にするWebサーバーのnginxが凄く気になっているので、ひとまずローカル環境にインストールしてみました。Webサーバーを変更しただけですが非常に早いです。僕自身の目的はこのブログをNginxで動かす事ですので 今回はWordPressをローカルで動かす為に必要な環境を手配する手順を紹介したいと思います。 1.nginxとは 2.インストール 3.XAMPPを利用している環境へのインストール 4.まとめ 1.nginxとは そもそもnginxが何か？というところですが、これはいわゆるWebサーバーの1つです。Webサーバーの有名なものにApacheがあり、全世界で広く使われています。nginxもこれと同
コーディングのスピードアップに最適なSassを使ってみた。環境構築から基礎的な記述までを紹介します。 ｜https://wp.yat-net.com/name
2012年 01月 12日 コーディングのスピードアップに最適なSassを使ってみた。環境構築から基礎的な記述までを紹介します。 カテゴリ： Sass タグ：CodingSassコーディング効率化 CSSのメタ言語として登場したSass。去年から認知はしていたのですが中々手を出しておらず、年が開けて「やってみよう！」と思い起こして使って見ました。 Index 1.Sassとは 2.インストール 3.SassファイルをCSSファイルに 4.実際に作る 5.参考文献 1.Sassとは Sassがなんなのか知らない人も居ると思うので簡単に説明すると、CSSファイルを作成するために扱うプログラムのようなもので、直接CSSファイルを作成するのではなく、CSSよりもシンプル且つ構造化した記述でSCSSというファイルを作成し、そのファイルからCSSファイルに変換（コンパイル）します。 コンパイルされたフ
食品販売サイトで重要な見るだけで食べたくなる質感「シズル感」 ｜https://wp.yat-net.com/name
シズル感のある写真を使ったECサイトでは通常の写真よりも購買意欲が注がれます。実際僕自身過去にECサイトで販売していて売れなかった商品も、写真を撮影し直すことで売れたという経験もあります。 それを体験しているからこそ、僕自身ECサイトで写真は大事だと考えています。飲食関係に至ってはとくにこのシズル感が出ているか否かは非常に大きなポイントになってきます。 同じ食材を販売するにしても、訪問したユーザーの多くは「美味しそう！」と感じるから買おうと思うのであり、ただ安いからという理由で買うわけではありません。 ただ安いから買うというのは、その商品をすでに知っているから買うのであって、まだそれを知らない人からすれば安いという理由だけだと「なぜ安いのか？」という考えを引き起こす事になり得ます。 ユーザーが商品を見て、買いたいと思うまでにいかに余計なことを考えさせないか。これは購買意欲を購買につなげる大
ブログを書くということ。これまでの経緯とこれから。あとオススメのブログ紹介 ｜https://wp.yat-net.com/name
2011年 12月 06日 ブログを書くということ。これまでの経緯とこれから。あとオススメのブログ紹介 カテゴリ： SEO タグ：SEOアクセスアップ 「ブログを書く」と一言で言ってもそれぞれの書き手や、使い手によってブログのあり方ってそれぞれですよね。日記みたいに使う人もいれば、その瞬間思ったこと書く人もいるし、自分の仕事に関係する技術やノウハウの蓄積に使ったり。 今回はそんなブログを僕自身がどう思って活用しているかを書き留めておこうと思います。 Index 1.ブログを書こうと思ったきっかけ 2.岐路 3.心境の変化 4.これから 5.オススメブログ 1.ブログを書こうと思ったきっかけ そもそものきっかけというのは全然大した目的があったわけでもなく、ただ単純にブログっていうものがどういうものか分からないのでやってみようという所からでした。ただ、やるにあたってこれは絶対というのが2点あり
僕が好きなフォント「新聞で有名な欧文フォント TimesNewRoman」 #LOVEFONT ｜https://wp.yat-net.com/name
2011年 11月 22日 僕が好きなフォント「新聞で有名な欧文フォント TimesNewRoman」 #LOVEFONT カテゴリ： Font Webデザイン タグ：デザインライティング 自分の好きなフォントを記事にする#LOVEFONTに僕も参加しました。元々webcre8の酒井さんに声をかけていただいていたのですが、僕自身はデザインする際にその場面で必要なフォントを選択している為か、「これが好きでたまらない！」というほどのフォントが自分になく、どのフォントにするか凄く悩みました。ですが、昔から欧文へのあこがれと、ブログでも使用しているという理由から「TimesNewRoman」を選択しました。 Index 1.概要 2.特徴 3.使い所 4.フォントに関して 5.最後に 1.概要 タイムズ・ニュー・ローマン（Times New Roman）は、1932年にイギリスのタイムズ紙が新聞用
WEBデザイナーを目指す人へお勧めしたい記事・サイトまとめ ｜https://wp.yat-net.com/name
最近僕の周りでWEBデザインの勉強やコーディングの勉強を始める人が多く、そんな方々向けに読んで欲しい、見て欲しいサイトをまとめる機会があったのでブログにポストします。 ブログに置いておけばこれから先また誰かに伝える機会があってもURL一つで教えれるので便利ですよね。 Index 1.WEBデザイン全般 2.色彩・配色 3.レイアウト 4.ユーザビリティ 5.文字・文章 6.フォント 7.コーディング 8.著作権 9.グラフィックツール関係 10.チュートリアル等 1.WEBデザイン全般 [連載]Webデザイン入門（1日目）：Stocker.jp [連載]Webデザイン入門（2:スケッチしよう）：Stocker.jp [連載]Webデザイン入門（3:光とボタン）：Stocker.jp サンプルデザインでわかりやすく見る。プロデザイナーが使うセオリー10のこと。：MAKA-VELI.COM W
フリーの人物写真素材提供サイト「PAKUTASO(ぱくたそ)」 ｜https://wp.yat-net.com/name
最近増えてきたフリーで使える人物の写真サイト。制作でモデルの写真がフリーで使えるのは非常にありがたいですね。ツイッターのタイムラインで流れてきたPAKUTASOと言うサイトが個人的に凄く良かったので紹介したいと思います。 Index 1.PAKUTASO(ぱくたそ)について 2.人物写真に関して 3.見やすい、わかりやすいページ構成 4.運営者様 5.他にもあるフリーで使える人物の写真提供サイト 6.おまけ 1.PAKUTASO(ぱくたそ)について PAKUTASO(ぱくたそ)-WEB制作デザイン向けの無料写真素材/商用可能 様々な制作用途として高品質で高解像度の写真素材を無料にて配布しているサイトで、会員登録やクレジット表記など無しで商用にも活用できる非常に使いやすい写真素材サイトです。 写真のクオリティに関しては1枚1枚良い写真を選定していて、高解像度形式を心がけて提供してくれているそ
Web制作における文章の可読性について考える ｜https://wp.yat-net.com/name
ブログにしてもサイトにしても同じ事が言えますが、サイトのコンテンツで一番読むのは文章です。なので我々作り手も文章の可読性に関してはしっかり考えたいなというところです。 Index 1.文章の可読性とは？ 2.文章のブロック・段落 3.行間 4.余白 5.テンポ・リズム 6.フォントについて 1.文章の可読性とは？ 当たり前なことですが文章の可読性とはつまり「読みやすさ」です。文字が小さすぎたり、背景色に近い文字だったりすると当然可読性は落ちますね。 コンテンツに記述されていることが優れていても、文章が読みづらそうといった先入観や、読んでいて読みづらいという認識を持つとそのサイトに対してどう思うでしょうか？ 文字のサイズが小さいだけならブラウザのサイズを変更して読んでくれるかも知れませんが、他のサイトへ離脱してしまう可能性は十分に考えられます。人はストレスを感じることを嫌がりますのでよっぽど
女性向けデザインのサイトまとめ ｜https://wp.yat-net.com/name
まとめって、なんか流行に乗ってる感じがしてあまりやる気がしなかったのですが、そもそもこのブログは色々試してSEOを伸ばせるかの検証も行っているので、逆にやるべきなんじゃ？と思い着手することにしました。 今回まとめたのは女性向けデザインのサイトをまとめた物。そもそも女性向け、男性向けって漠然としてデザインが違う！っていう考えがあっても、じゃあ具体的に何がどう違うの？という部分から検証してみました。 製作する上で重要なポイント まず、第一に男性と女性で大きく違う部分が、サイトの使い方です。これは視覚的な問題、感覚的な問題以前の潜在的な部分になるとでも言いましょうか・・・。 そもそもサイトを使うとき、男性は知りたいことがそのサイトに掲載されているかを調べるのにまず「検索」を利用します。第一歩が検索かどうかは別として、「検索を使おう」という意識があります。 それに対し女性の場合は、そのサイトにどう
効果的なSEO対策とは何か？ ｜https://wp.yat-net.com/name
SEO対策とは検索エンジンのアルゴリズムに対して最適化させたサイトづくりを行う事で、特定のキーワードに対してより上位にサイトを表示させることだと考えています。 WEB担当者としてのSEO WEBサイトを運営していく中で集客の大きな要になる要素のひとつになるのがこのSEO対策になりますが、SEO対策はライバルとなるサイトもSEO対策を施工してきますし、検索エンジンのアルゴリズムは常に変化しますので、当然の事ながら順位の変動がおこります。その為自分が意図したようにサイトが検索順位の上位に表示されないことも当然あるわけです。 私自身もWEB担当者という立場の仕事を行っているので、この部分が非常にネックになります。上位表示されれば検索エンジンからの訪問者が増えますので非常に低コストで集客ができ、売上利益を高く保持することができます。 しかし上位表示されない場合、SEO対策での集客は非常に厳しくなっ
Photoshop一括処理「バッチ処理」に関して失敗しない設定方法 ｜https://wp.yat-net.com/name
Photoshopの画像解像度やカンバスサイズなどを複数のファイルに同一処理をさせる機能としてバッチ処理というものがあります。しかしこのバッチ処理の設定に少しクセがあり、イマイチ上手く行かなかったりするのでポイントを押させてブログにポストしておきます。 今回の設定内容 僕自身のブログ用に作成するので、以下の条件の自動処理をサンプルとして記述します。 画像解像度を幅426pxに統一 元画像を保存するフォルダと、一括処理後の画像を分けて保存する 今回解説で使用している環境はwindowsのphotoshopCS4 今回自動処理を行うに当たり、システム上に「処理用」というフォルダを作り、更にその中に「処理前」と「処理後」というフォルダを作成しました。一括処理する元の画像ファイルを「処理前」に入れておき、一括処理で解像度を変更したものを「処理後」フォルダへ保存するようにします。 自動化させる処理を
おしゃれな街神戸からデザインのインスピレーションを受ける28個のwebサイト ｜https://wp.yat-net.com/name
2011年 06月 09日 おしゃれな街神戸からデザインのインスピレーションを受ける28個のwebサイト カテゴリ： Webデザイン タグ：インスピレーションデザイン おしゃれな街「神戸」というキーワードをもとにWEBサイトを集めたのでポストしたいと思います。私自身神戸には6年ほど住んでいましたので非常に思い入れのある街です。 神戸の色彩 神戸の色彩としては青や白をイメージする人が多いのではないでしょうか？おそらくそれは海や港などのイメージが強いところから来ていると考えられます。 他にも山のイメージから緑を連想したり、主張にもなっているポートタワーの赤を連想する人も居るかと思います。 主なイメージカラーとしては以下になるのではないでしょうか？ これらは主にベースからに置かれることが多いため、これらにあった背景色やアクセントカラーを合わせる事が多いです。 ただしホワイトに関してはやはり背景色
407個のwebデザイナー＆デベロッパーズ向けフリーアイコンとアイコン配布サイト2サイト ｜https://wp.yat-net.com/name
2011年 06月 01日 407個のwebデザイナー＆デベロッパーズ向けフリーアイコンとアイコン配布サイト2サイト カテゴリ： フリー素材 タグ：アイコン作成支援ツール サイトにおけるアイコンですが、自作するのも良いですがハイクオリティなアイコンもpsdなどの状態でフリーでダウンロード出来る物などもあるのでこちらを使うのも有りだと思います。（但しライセンスに関してはリンク先等をご確認の上でご使用下さい。） 今回はwebデザイナーやデベロッパーズ向けのものを集めました。
デザインから考える 売るためのECサイト ｜https://wp.yat-net.com/name
年末は買い物をする機会が増える為、ECサイト運営者も忙しさがピークに達する時期ですね。 さて、Eサイトは基本的に売り上げが立ってこそ成り立つ物。時期や世間のトピックによって大体の業種が売れる期間にばらつきがあります。 しかしECサイトの場合は通常の店舗とは異なり24時間ユーザーからの注文を受けることが出来るというメリットがあります。当然の事ながら人が受付をしない代わりにサイトの構成や商品によってユーザーを取り込めるか否かという差が発生します。 商品の内容はお店の仕入れで良質の物を仕入れてもらうしかありませんが、サイトの構成に関してはデザイナーが仕入れた商品を自社のサイトにうまく掲載することで売り上げを上げる事が出来ます。デザイナーが商品をうまく見せれるか否かポイントになってきます。 問題点と改善すべき点 よくあるのは仕入れ担当者や、オーナーなどから「この商品を目立たせてほしい」と言われつづ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
和紙のテクスチャやパターン113種類。商用OKのフリー素材。 ｜https://wp.yat-net.com/name
これは便利！html5・CSS3で作られたGifアニメーション作成サービス ｜https://wp.yat-net.com/name