読者です 読者をやめる 読者になる 読者になる

「はてなとペパボのデザイン山アワー」を開催しました

f:id:takuwolog:20161026143526p:plain

10月21日(金)に、はてな東京オフィスにてGMOペパボ株式会社さんと合同でデザインイベント「はてなとペパボのデザイン山アワー」を開催しました。

はてなとペパボのデザイン山アワー」では、はてなのデザイナー3名とGMOペパボのデザイナー3名が、それぞれが関わるWebサービスやプロダクトについて、普段考えていることや取り組んでるいること、試行錯誤の様子や制作裏話など多岐にわたりご紹介しました。

質疑応答では参加者の皆様から、たくさんの質問をいただき、主催側である私も非常に楽しく聞かせていただきました。また懇親会では活発な意見交換が行われており、有意義な交流の機会となりました。ご来場いただいた皆様、ありがとうございます。

はてなのプレゼンテーション

はてなからは以下の3名がプレゼンテーションを行いましたので概要を紹介します。

家電の新サービス(嶋野望美)

f:id:takuwolog:20161026182050p:plain

家電会議のエントリーユニットについてのお話でした。試行錯誤しながらデザインを進めていった過程などを紹介しました。

LGTMなデザイン(種村 司)

f:id:takuwolog:20161027111554p:plain

LGTMカメラについてのお話でした。LGTMカメラに用いた書体や配色について紹介しました。

デザイン、山あり谷あり(川上 淳)

f:id:takuwolog:20161026143127p:plain

はてなブックマークのデザインについてのお話でした。グラフィックデザインWebサービスのアートディレクションの違いや、サービスに対するアートディレクションのスタンスについて紹介しました。

GMOペパボのプレゼンテーション

GMOペパボさんからは以下の3名の方がプレゼンテーションを行われましたので概要を紹介させて頂きます。

カラーミーショップ新陳代謝感謝祭(山林 茜さん)

カラーミーショップのデザインのお話でした。チーム体制やデザイン改修、リファクタリングなどの実践的なお話で非常に参考になりました。

山の登りかた(naomemeさん)

minneデザイナーのnaomemeさんがデザインをする上で大切にしていることのお話でした。目の前のことから少しだけ視野を広げることが大切だと仰っていたのが印象的でした。

デザインけもの道(岡田裕介さん)

SUZURIのデザインについてのお話でした。SUZURIをデザインする上でのデザインアプローチについて事例を交えて紹介されていました。

最後に

はてなとペパボのデザイン山アワー」にご参加いただいた皆様、本当にありがとうございました。次回の開催時にも、このブログでご案内しますので、是非奮ってご応募ください。お待ちしております。

今後も面白いイベントを企画できればと思っております。よろしくお願いします。

GMOペパボさんのレポートブログ

GMOペパボさんもイベントレポートブログを書かれているので、是非そちらも覧になって下さい。

tech.pepabo.com

「はてなとペパボのデザイン山アワー」を開催します #yamahour

f:id:akawakami:20161005180319p:plain

こんにちは。デザイナーの id:akawakami です。

この度、GMOペパボ株式会社さんと合同で、デザインイベント「はてなとペパボのデザイン山アワー」を開催することになりました。「はてなとペパボのデザイン山アワー」は、Webサービスの開発に関わっている、Webサービスに興味がある、そんな、Webサービスが大好きなデザイナーのためのイベントです。はてなからは、家電会議LGTM Cameraはてなブックマークのデザインについてプレゼンテーションを行う予定です。

概要

「山とデザインは似ているかもしれない」

あのデザイン山デザインアワーのコラボイベントがついに実現。その名も、デザイン山アワー。このイベントでは、はてなとペパボでWebサービスの開発に関わるデザイナーが、自身の関わるプロジェクトからホットなトピックを持ち寄り、デザインの見どころやこだわり、制作の裏話を、様々な角度からご紹介します。開発の現場で繰り広げられた試行錯誤や創意工夫、成功と失敗の物語など、普段はなかなか見えてこない、プロダクトの向こう側に隠されたデザインの話を、是非聞きに来てください。

詳細

  • イベント名:はてなとペパボのデザイン山アワー
  • 日時:2016年10月21日(金)19:20 - 22:00(19:00受付開始・懇親会含む)
  • 参加費:無料
  • 定員:50名(応募者多数の場合は抽選とさせていただきます)
  • 会場:株式会社はてな 東京オフィス 多目的ルーム「SHIBAFU」
  • 所在地:東京都港区南青山6-5-55 青山サンライトビル3F

参加方法

以下のページからお申し込み頂けます。ご応募お待ちしています。
http://designyama.connpass.com/event/40970/

LGTM Cameraがはてラボからリリースされました!

こんにちは、デザイナーの id:tanemu です。

簡単にLGTMできるGIFカメラアプリ『LGTM Camera (for iPhone)』がはてラボよりリリースされました。ぜひお試しください!

f:id:tanemu:20160713124133g:plain

『LGTM Camera』ではアプリのほか、Webサイト、App Store用のムービーなど、一連のデザインを担当しています。

f:id:tanemu:20160713121849p:plain

Webサイトではスクリーンセーバー *1も配布しています。

サイトの下の方にある、ちょっとしたアニメーションを気に入ったエンジニアの id:cockscomb さんが一夜で作り上げ、急遽掲載となった一品です。

スクリーンセーバー内の画像はときどき更新される予定になっています。アプリ共々、お楽しみいただければ幸いです。

f:id:tanemu:20160713122602p:plain

リリース記念ということで、勢いでTシャツも制作しました。Suzuri便利ですね。

早速さまざまなフィードバックをいただいており、チームでも検討に入っています。今後のアップデートにどうぞご期待ください。

*1:macOS El Capitanが必要です

はてなブログ・スマートフォンの新ページャ

はてなブログスマートフォンで見た時、前後の記事へのリンク(ページャ)が新しくなっていることにお気づきですか? こんな感じです。

いままでのページャは下記のようなデザインで、要素を横並びに表示していました。

f:id:ueday:20160606110527p:plain

しかし、スマートフォンの狭い画面では、長い記事タイトルのとき窮屈に見えてしまいます。また、左右どちらが新しい日付の記事なのか、一見わかりません。実際、ほかのウェブサイトを見てみると、ページャの表示方法は諸説あるようです。また、ラベル(「前・次」や「新・旧」など)も特に決まった体裁はないようでした。

はてなブログの新しいページャは、縦2列に「新しい記事」「過去の記事」を表示します。また、タイトルだけでなく記事のサムネイルを表示して、視覚的に内容をわかりやすくしました。これにより、前後の記事が読まれる可能性が高まります。

この変更は、今のところスマートフォンに対してのみ行っています。PCでの表示は、意図しないデザイン崩れを防ぐため元のままです。

なお、このブログ『つくるひと | はてな デザイナーブログ』はスマートフォンであってもPCのテーマで表示(レスポンシブモード)しています。気になる方は、ぜひスマートフォンからご自分のブログにアクセスして確かめてみてくださいね!

Hatena Design Hour #3 を開催しました

6月3日(金)に、はてな東京オフィスにて、デザイナーイベント『Hatena Design Hour #3』を開催いたしました。

Hatena Design Hourは、Webサービスの開発に関わっている、Webサービスに興味がある、そんな、Webサービスが大好きなデザイナーのためのイベントです。弊社デザイナーによる各担当サービスのデザイン業務をバックグラウンドとした、デザインに対する考え方を紹介しました。

ありがたいことに、今回も定員を大きく上回るご応募をいただきました。抽選に漏れた方、申し訳ございません。次回のイベント開催時にも、このブログで告知しますので、ぜひご応募ください。

イベントで行った各プレゼンテーションの概要をご紹介します。

はてなブックマークエリアガイドのデザイン(百合佐織)

f:id:ueday:20160607145847p:plain

はてなブックマークの新機能「エリアガイド」を作るときに考えたコンセプトやデザインを自分の体験を交えてお話ししました。

はてなブログ、これまでの施策で大切にしてきたこと(ueday)

f:id:ueday:20160606152812j:plain

はてなブログ開発時に大切にしている、デザインの指針についてお話しました。また、「書く文化」を広めるために行っている取り組みを紹介しました。

新サービスのデザイン(村田智)

f:id:ueday:20160607155928j:plain

新小説投稿サイト・カクヨムのデザインの軸となる価値観を紹介し、それが特に体現されている箇所について、実際の画面を示しながらお話しました。

はてなブックマークアプリリニューアル(川上淳)

f:id:ueday:20160606151951p:plain

サービス全体の情報設計やUIの観点から、はてなブックマークアプリのリニューアルについてお話しました。

参加頂いた方の感想

walkey.hatenablog.jp

chinami266.jugem.jp

前回開催時のレポート


今後も、楽しいイベントを企画していきます。よろしくお願いします。