ディレクターが意識すべき、サイトリニューアル前後の心がけ : LINE Corporation ディレクターブログ
こんにちは、ブログチームでlivedoor Blogポータルを担当している小出です。 最近、livedoor BlogのPC版ポータルはフルリニューアルを行い、大きく生まれ変わりました。私はディレクターとして担当したのですが、今回のサイトリニューアルを通して、技術的なトレンドやタスク管理ツールなどは日々進歩していると改めて感じています。今回はlivedoor Blogのリニューアルを通して感じた「ディレクターとしてのサイトリニューアルの心がけ」の要点をご紹介したいと思います。 同じサイトでもアクセスデバイス毎にユーザー層は異なる リニューアルを行うにあたり、まず私が行ったのがサイトのアクセス解析等の各種調査でした。 その調査を通し、ライブドアブログのポータルには PC版はブログ作成者の訪問が多いスマホ/モバイル版はブログ閲覧者の訪問が多いという２つの特徴があることが判明しました。 その結果
新卒でも分かる！成果に繋がるWEBサイトの基礎まとめ「5つのステップ」 | SUN MEDIA
ECサイトを無料で作るオープンソース5選＋3！ 自社ECサイト制作に必要なパッケージまとめ 38,133 views 良い企画書をマネることから始めよう！大手企業が行うプロモーションの企画書事例まとめ 16,680 views 今更聞けないマーケティングの基礎が勉強できる便利な５サイトまとめ 13,238 views 0.1秒の遅れが、1%の売上に影響する!? ページ表示速度の影響力と改善法まとめ 11,789 views 脱初心者！事業計画書の書き方やテンプレート配布サイト4選 11,336 views 売上アップに必要不可欠！販促企画書のアイデアを貰えるサイト5選 8,667 views あなたのサービスが広まる、エレベーターピッチ！ 7,625 views 困った時に使える14パターンの無料名刺デザインサンプルデータ 7,429 views WordPressの導入からデザイン、プラ
Webデザイナーがデザイン提出時に添える｢デザイン趣意書｣について、少し掘り下げてみた | Mnemoniqs Web Designer Blog
ここでいう「デザイン趣意書」はそんな大それたものではなく、テキストエディタにちょいとデザインの要点を箇条書きした程度のものです。 完成したデザインをディレクターに提出するときや、ディレクターがクライアントや代理店にデザインを確認するときに使うアレです。これが改めて大事だなって思ったので書き留めておきます。 「デザイン趣意書」に書くこと この趣意書の一番の目的は「なぜこのデザインにしたか」を、ディレクターやクライアントにわかりやすく伝えること。Webに関して素人のクライアントも多くいるので、どんな細かいディティールよりも、はっきりとしたわかりやすい理由のほうが納得してもらえることが多いです。 趣意書に含めている内容としては、 ・なぜこのデザインにしたのか (サイトの目的やターゲットユーザーなどから) ・どんなところを工夫したのか (デザインの付加価値) ・ユーザーに対してどんな効果を狙
全12カテゴリー。分野別で見る、Webサイトを構築する上でそれぞれ注意すべきポイント / Maka-Veli .com
やはりサイトの存在目的は必ずあります。デザインやシステム的な部分も重要ですが、 その前にもう一度目的を考えなければなと・・・ そう思ったので書いてみました。 色々と皆さん、それぞれに考え方があると思いますが、個人的に注意したいポイントを以下の分野別に書いていきます。 大体サイトとしては ブログ 一般企業 Webサービス IT・プロダクト・ゲーム オンラインショップ 教育・学校 病院・老人ホーム 飲食 デザイン・ファッション・音楽 金融・証券・保険 美容・健康 アダルト とか、その他色々ありますがこのような感じでしょうか？ ※ちょっとカテゴライズが不思議な感じですが、説明しやすくしたい為です。すいません。 これらのサイトはもちろんケースバイケースで設計や装飾などが変わってきますが、 共通する注意点があると思います。 それぞれ、コンバージョンは必要ですよね。 ゴールを必ず決
Webデザインの評価項目をつくる
Webデザインの評価項目というのを、ディレクターやデザイナーの方々はつくっているでしょうか？ 評価項目があると、デザイナーやディレクターだけでなく、クライアントにとってもデザインの基準がわかりやすくなり、目標地点が明確になります。 今までつくったことがなかったという方は、この機会につくってみてはどうでしょうか。 改めて、Webデザインの評価項目をつくるメリットです。 デザイナー、ディレクター、クライアントにとって、デザインを評価する共通認識を持つことができ、三者間で認識のブレが少なくなる デザインの優先すべき項目（もっと企業の色を出したい、など）がわかりやすくなり、それをデザインに反映させることができる デザイナーは、すでに満たされている要素にそれ以上時間をかけることがなくなり、足りない要素に注力できる デザインの評価項目とデザインエレメント一覧表 私はWebデザインの評価項目を、以下のよ
” 神は細部に宿る ” じゃあどうすれば良いんだ？を細かい部分に落としこんで具体的に考えてみた。 / Maka-Veli .com
デザインに限った話でもなく、作られるモノ全てに共通する、そう、アレです。神は細部にナンチャラカンチャラ。頭や理論は理解していても、具体的に落としこむ、あるいは制作中は見えなくなってしまうものです。じゃあ具体的に考えておくことで、実践で活動できればなーと思いたったので記事に。ちなみに書き始めは年明け早々1月1日、遅く起きた午後、いやもう夕方。頭痛いっす。そんなわけ本題どうぞ。 例えばWebサイト さん・おいけ オンラインストア http://www.sun-oike.co.jp/webshop/ キャッチコピーの感じにルビをふっています。 ひらがなの柔らかい雰囲気がプラスされ、 更に下部にあるナビゲーションの縦ズレがリズムを生んで楽しいです。 IKEYAN WEB http://www.ikeyan.jp/ 「Twitter」等の見出しに、わかりやすく、小さなアイコンが添えら
Web制作に携わる人は見ておくべき、2011年のはてブ1500数以上の良記事31選 | URAMAYU
2011年のWeb制作トレンドをはてブのホットエントリから振り返ってみました。 2011年でトレンドは、スマートフォン向けサイトやアプリの制作関連、HTML5関連、あとはFacebook対応のためのノウハウといった感じでした。 はてなブックマーク「コンピュータ・IT」カテゴリ内で、1500以上ブクマがついた記事を選出、その中からさらに私の主観も入りつつ、2011年Web制作系のエントリーの中でもベストな31記事をピックアップ、Webデザイン系、SEO系、HTML+CSS系、プログラミング系、スマートフォンサイト制作系、企画、ツール、その他系、素材系にそれぞれ分類しました。 Webデザイン系 1. 色彩センスのいらない配色講座 配色と色についてひじょーに分かりやすく、論理的に解説されたスライド。はてブ数ダントツ。 2. デザインの基礎力をワンランクアップしたい私（Webデザイナー
15+ Inspirational Examples of Website Redesign
One of the best ways to survey the evolution of Web design over a number of years is to compare different versions of websites. In other words, by comparing redesigned websites to their earlier incarnations, we become informed about new technologies, design trends, and other things that emerged in the time between the two designs and the impact of these things on Web design. In fact, the redesign
デザイナーからデザインの基礎や原則を学べるエントリーまとめ（webデザイナ向け）
webデザインの入門書を買おうか迷っている方。 もしもそんな方がいたら、ネット上にはここを押さえておこうよと、webデザイナーが直接良質な記事を仕上げてくれていますのでそちらを是非一度参考にしてみて欲しいなと思いまとめて見ました。 また、その記事で、もっともぐっときた台詞もチョイスすてみました。 どんな想いで記事を書かれているかというのも大事かなと。 こちらもあわせてどうぞ。 Web制作をこれから始める人の為のスキル・HTML・CSS・ブラウザ・写真素材入手の基礎情報 とりあえず時間のない人はこの3つだけでも食べて デザインを勉強したことがない人でもデザインできるようになるかもしれない4つの基本原則 最初、デザイナーは型破りであるというイメージを抱く人も多いのですが、実際の現場では、様々な原則の上にあるルールにのっとり、そのルールを崩す「理由」があります。 例えばそれがセンスと呼ばれること
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
スタートアップにおけるデザインの重要性 デザイン会社 ビートラックス: ブログ
多くのスタートアップが、サービスアイディアやテクノロジーを中心にビジネス展開するケースが多い。 他の企業が行っていないサービスを提供しようとするのはとても良いが、実は大きな成功と無惨な失敗とを分けるのは上記の2つの要素ではない。 実のところ、その決定的要素とはデザインである。 それはなぜか？ 単純に考えると、ユーザーにとってのサービスの価値は、その裏にあるテクノロジーやロジックではなく、使い易さや見た目の良さであるから。 テクノロジーよりもデザインで差別化を図る時代得に、昨今のオープンソースやクラウド環境、AIテクノロジー等の充実により、多くのスタートアップの勝敗を分けるのはコアテクノロジーではなく、見せ方や使わせ方になってきている。 言い換えると、サービスを通して得られる体験やフィーリングの質こそがその製品の価値を左右する。 そして、最終的にはデザインこそがビジネスの結果に影響を与えるの
WordPressサイトをデザインする時に気をつけていること
この記事は、2011/9/11 に神戸芸術工科大学で開かれた「WordCamp KOBE 2011」で私がお話しした「WordPressサイトをデザインする時に気をつけていること」というセッション内容をブログ記事として起こしたものです。 当日はたくさんの方にお越しいただきありがとうございました。 会場に入れなかった方もいらっしゃったそうですみません。 この記事で、少しでも内容を共有できればと思います。 このセッションでは、オリジナリティのあるWordPressサイトのテーマをデザインする際に私が気をつけていることについてお話させて頂きます。 このセッションでお伝えしたいことは「4つ」あります。 いずれも、私がオリジナルのWordPressテーマをデザインする際に気をつけていることです。 このセッションで伝えたいこと このセッションでお伝えしたいことは「4つ」あります。 いずれも、私がオリジ
Webdesign is 95% typography. Period.
95% of the information on the web is written language. It is only logical to say that a web designer should get good training in the main discipline of shaping written information, in other words: Typography. Back in 1969, Emil Ruder, a famous Swiss typographer, wrote on behalf of his contemporary print materials what we could easily say about our contemporary websites: Today we are inundated with
Webデザイナー（私）によるタイポグラフィーレイアウトの注意書き
私は DTP デザインが苦手です ...。でもときどきお客さんから、フライヤーとかポスター、名刺なんかの紙のデザインを頼まれます...。そこでもっと勉強しなくちゃいけないなーと感じていたのが、タイポグラフィーについてのこと。今回はタイポグラフィーとそのレイアウトについて学んだことをまとめてみました。 以前グラフィックデザインをしている先輩に、グリッドシステムや揃えるだけがデザインじゃないし、もっとタイポグラフィーやレイアウトのことを勉強しなさいと言われました …。私は普段、Webデザインしかしていないんですけど、ときどきフライヤーやポスターのデザインを、ついで仕事のような形で頼まれる事があります …。 でも、Webデザインしかしてこなかった私は、紙媒体 – DTP デザインが苦手です …。ちょうど 1年くらい前にも同じような記事、Webデザイナー（私）によるDTPデザイン注意書き：Webと
Private Presentation
Private content!This content has been marked as private by the uploader.
素人っぽいデザインから脱却するための12のデザインチップス | webox blog
クオリティを上げるためにはちょっとした「こだわり」がとても大事です。 定期的に話題になるネタで恐縮ですが、素人っぽいデザインにならないように個人的によく使ってる小技をまとめました。 上のものほど、簡単で多くのデザインに使える小技になります。 1pxのボーダーを使う 1pxの効果を使うのと使わないのでは、デザインの質に大きな違いが生まれます。 ある意味Webデザインでは一番重要な要素かもしれません。 定番です。たった1pxのボーダーをつけるだけでシャープな印象になります。 ただ塗りつぶしただけ、グラデーションを入れただけのボタンでは、のっぺりとした感じになりやすいですが、1pxのボーダーを上部に入れるだけでシャープな立体を表現できます。 正確には1pxでなく2pxですが、こうして黒系のボーダーと白系のボーダーを並べることで、明確にかつシャープに仕切りを表現できます。 1pxのドロップシャ
インスピレーションの宝庫！Web制作会社のポートフォリオWebサイト35
2017年7月14日 Webデザイン, インスピレーション 先週末、ぼけーっと世界各国のWeb制作会社のWebサイトをひたすら眺めていました。デザイン・Web制作会社のWebサイトって細かいところまで気をきかせていたり、クスッと笑ってしまうような仕掛けがあったりして、見ていて飽きないんですよね。さらにそのサイトだけでなく、彼らの作る作品も素敵なものが揃っているという点もおもしろいです。そんなWeb制作会社のWebサイトと、その見どころを紹介します！ ↑私が10年以上利用している会計ソフト！ Web制作会社のサイトの特徴 Web制作会社のポートフォリオサイトを眺めていて、いくつか発見があったのでまとめてみます。 制作実績 多くの会社がjQueryなどを使って動きをつけて作品を紹介していました。また、以下の情報を載せているサイトが多かったです。 スクリーンショット クライアント名 制作したサイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GW中にまとめて読みたい、Web制作者におすすめのスライド
30+ Podcasts for Web Designers, Developers and Freelancers - DesignM.ag
5 Quick & Simple Design Tricks to Liven Up Any Project