staart-blogtitle
Releases

[Staart]ランキング機能を追加しました!

最近Staartの更新情報ばかりなブログになっておりますハレノヒブログです。
そして今回も新機能追加のお知らせです!

ランキング機能を追加!

アクセスランキングのページを公開しました。
Staartの成長と共にランキングのアクセス数も増えていってくれると思います。

ランキングは今日までの一週間のランキングと、期間を指定して一週間ごとのランキングを見ることが出来ます。まだリリースしたてなのでアーカイブはありませんが、過去のランキングを見たい場合は右側の週間アーカイブからどうぞ。

いまどのライブがアツいのか、トップページのバナーから確認してみてください!

blog-0626

どんどん成長中!

先日追加した検索バーを改良しました。
より見やすく、使いやすくなりましたので沢山検索していただけると嬉しいです。

blog-0626-2

それから、ユーザー機能も開発が進んでいるようです。どうぞお楽しみに!!

アクセスはこちらから!↓
https://www.staart.jp/

標準
staart-blogtitle
Releases

[Staart] お問い合わせ方法とアイコン小話

こんにちは!
Staartをご利用いただいている皆様、いつもありがとうございます。
おかげさまでアクセス数をはじめツイッターアカウントのフォロワー様も着々と増えております。
これから開催されるライブ件数も800件を突破しました!

アクセスはこちらからどうぞ↓

https://www.staart.jp/

お問い合わせ方法

Staartのデータ管理には細心の注意を払っておりますが、もしご利用される中で実際の情報と違う内容やバグなどを発見されましたら、報告フォームよりお問い合わせいただけますと幸いです。

ライブ情報に関するお問い合わせは詳細ページ、アーティストやライブハウスに関するお問い合わせは各プロフィールページからフォームのリンクをご用意しております。

blog-0

頂いた内容につきましては早急に対応いたします。
どうぞよろしくお願いいたします。

アイコン小話

次は、Staartで使用しているアイコンに関してちょっと書いてみます。

Staartではライブ・ユーザー・アーティスト・ライブハウスに関してオリジナルのアイコンを使用しています。サービスの雰囲気に合うよう留意しながら以下の4種類をそれぞれ制作しました。

blog-2

特にライブに関しては完全にオリジナルの意味を表すアイコンなので、これらの意味を把握しておくともっとサービスが使いやすいんじゃないかと思います。さり気なくマイクのコードがライブマークを意識してたりします。

現在は上のようなカラーリングで使っているアイコンは、リリース当初ちょっと雰囲気が違いました。

blog-3

ライブっぽさを意識してグラデーション背景だったんです。
これはこれで個人的に気に入っていますが、全体的にフラットなデザインとの質感の差と、縮小した時の見栄えも考慮して修正しました。
ちなみにグラデーションを作ってからの強い色調補正は色の境界線が出来てしまって綺麗にいかないという勉強にもなりました。

サイトで使用する時は最小で25px四方とかなり縮小されるため、アイコン自体の視認性には悩んでいます。
試行錯誤しながらベストなところに落ち着けたらなと思います!

このアイコンがどんな風に使われているかまだ見ていないという方はこちらから!↓

https://www.staart.jp/

ユーザーの事前登録twitter公式アカウントのフォローもよろしくお願いします!

標準
staart-blogtitle
Releases

[Staart] UI小話と更新情報

こんにちは!雨の日が続きますね。
そんな中でもハレノヒではがっつりと開発進行中です!

今回はStaartのUIについてと更新情報をお届けしたいと思います。
その前に、Staartって何?という方はこちらから↓

https://www.staart.jp/

StaartのUI小話

Staartの開発をする中で大事にしていることは情報をできるだけたくさん、見やすく表示することです。

メニューや検索バーを縦60pxのヘッダーに収めて、ライブ情報を載せる領域を少しでも広く確保しています。
これは表面的にはPinterestのスタイルに近いのですが、扱っている情報がもう少し複雑なため、テキストのサイズや配置に気を配りました。様々な長さの文章が入ることを想定して省略などを駆使しながらレイアウトするのはwebならではだと思いました。
また、適宜タブを使って必要な箇所にすぐたどり着けるように作っています。

そして何より、各ページの上部に余計なものを入れないということにはかなり注意を払っています。
たとえばSNS関係のいいねボタンなどを上部に入れればクリックしやすいです。けれどその分ファーストビューに表示される情報が減ってしまいます。各SNSに拡散していただけることも勿論ありがたく、Staartでも重要視していますが、少しでも多くのライブ・イベント情報を配信したいという立場から優先順位を考えた上で現在の配置になりました。

前回更新したピックアップバナーエリアも、ピックアップという特別感(他とは違う見え方)を演出しつつ、使用面積は出来るだけ抑えるという条件のもとエンジニアとデザイナーとで相談し合いながらレイアウトを決めました。
開発中のエリア別検索用のナビゲーションについても、使い勝手とコンパクトさを両立したUIを作るのは結構苦労したので、個人的にも実装が楽しみなところです。

これからユーザーが増えていった時に、現状のUIが最適ではないということが間違いなくあると思います。
自分たちも1ユーザーとして、このUIでいいのかどうかを常に見直しながらブラッシュアップしていきたいです。

更新情報

では、ここからはStaartの更新情報です。
日々少しずつ進歩していっております!

blog-0612

ライブ詳細ページの横にもPickupライブ・イベントがランダムで3つ表示されるようになりました。
トップページで見逃してしまっても、これ、注目です。

そして、概要の中のテキストURLにリンクが貼られるようになりました。
今までご不便をおかけしましたが、これで予約ページやオフィシャルページにアクセスしやすいですね。

そしてそして、ユーザー機能実装に向けて、お気に入り機能が追加されました。
☆のアイコンがお気に入りを表します。
これを活用すれば、気になるライブ・イベント情報をコレクション出来ちゃいます。
はやくポチッと押したいです。

事前登録受付中です!

blog-0612-2

ただいまトップページより、ユーザーの事前登録を受付中です!
Staartのユーザー機能実装をいち早くお知らせいたします。
ご登録お待ちしております!!

Staartのツイートも、アーティストご本人や所属事務所などからのリツイートをいただいています。
フォロー・リツイート・お気に入りお気軽にどうぞ!
Staart公式アカウントをフォローしてライブ情報をチェックしよう!
@staartjp

それでは引き続きStaartをよろしくお願いします!
アクセスはこちらからどうぞ↓

https://www.staart.jp/

標準
staart-blogtitle
Releases

[Staart] ピックアップバナーエリアを追加しました!

こんにちは!梅雨入りして雨の日が続きますが、明けたらあっという間に夏が来ますね。
夏といえば!ライブ!!!

Staartでは夏フェスの情報も随時更新しております。ぜひチェックしてみて下さい!
アクセスはこちらから↓

https://www.staart.jp/

新機能追加しました!

今回は、昨日紹介記事を書くのと同時に実装された新機能をご紹介いたします。
新しく追加されたのは[ピックアップバナーエリア]です。

blog-1

これはライブ一覧ページの最上部についたバナーエリアで、いまアクセス数が多い注目のライブや特集などのおすすめコンテンツをご紹介していきます。
ライブが沢山ありすぎてどこを見たらいいか分からない時や、サクッと情報を拾いたい時などにどうぞ!

ちなみにこのバナーエリアは他のコンテンツと違って横スクロールです。
必要に応じてスクロールしてご覧ください。

Staartの成長をお楽しみに!

ただいま開発中のユーザー機能(コメント投稿・お気に入り機能など)便利検索(エリア・日付検索など)のリリースも待ち遠しいですが、さらにミーティングなどで面白いと思ったアイデアも盛り込んでまいります!

また、もしStaartにこんな機能があったらなというご要望などがありましたら
info@halenohi.jp
までお送りいただけますと幸いです。

登録されている[これから開催されるライブ数]700件突破!
どんどん成長していくStaartをよろしくお願いします!!

https://www.staart.jp/

標準
staart-blogtitle
Releases

新音楽サービスStaartはこんなサービスです!

お久しぶりです覚えてますか!森田です。
しばらくブログを書いていない間に色んなことがありました。
新たにエンジニアさんを迎えて開発チームがだいぶ盛り上がっていたり、Staartが前回の記事の通りようやくリリース報告が出来るまでになったりと、刺激だらけの日々です。

特にStaartは、私が入社前から構想されていたものがついに形になったんです。胸熱です。
どんなものか見てみたいという方は↓からどうぞ!

https://www.staart.jp/

とはいえ、まだまだ各種機能は絶賛開発中です。
今後さらに便利に、より楽しく使っていただけるように頑張っておりますのでお楽しみに!

さて今回は、そんな新音楽サービスStaartについてご紹介したいと思います。
まだ全然知らないという方!ちょっと見ただけという方!要チェックですよ!!

【ライブ・イベント情報ナビ Staart】とは

“Staartは、みんなの街のライブ・イベント情報を検索・発見するサービスです。”

公式の紹介文がこちらです。

[みんなの街=日本全国のライブ・イベント情報を集めて、その情報を検索できるサービス]ということなんですが、それだけじゃありません。ただ探すだけではなく、ジャンルや位置情報に応じて関連ライブを紹介して[今まで見逃していたかもしれないライブ・イベント情報を発見できるサービス]なんです。

多彩な発見ルート

Staartではライブ・イベント/アーティスト/ライブハウスの3種類の情報を集めているため、それぞれをベースに探していくことが出来ます。
関連のおすすめ情報からも、意外な発見があるかも知れません。
今はまだ公開していないユーザー機能が実装されたら、ユーザー同士のつながりからも自分好みの情報を見つけられるはず。

このように多彩な発見ルートをご用意して、行きたい!と思えるライブ・イベント情報とユーザーとをつなぐサービスを目指しています。

もっとライブを楽しむ仕組みづくり

“もっとライブを楽しもう!”

こちらはキャッチコピーです。

もっとライブを楽しむとはどういうことか?
それは、行きたいライブを見つけて→行って体感し→レビューして残すことなんじゃないかと思います。

「ライブの体感」自体の提供は難しいかも知れませんが、その「動機作り」と「感想をシェアし合う場」があったら。情報を発見したところが体感の始まりになり、同じライブに行く/行った仲間同士がつながる、そしてそれが次へのモチベーションになれば、きっと体感が何倍にも広がるんじゃないでしょうか。

このさがす→つながる→のこすというプロセスを通して、今までよりもっとライブを楽しんでいただけたらと思います。

Staartでこんなことが出来ます

どんなサービスなのかを知っていただいたら、次は実際にどんな機能があるのかをご紹介します。
開発は常に進行中なので2014年6月10日時点での機能紹介になります。
最新情報はまたこのブログなどでお知らせしていきますね。

メニュー説明

blog-0

一覧ページを開くとこのようにライブ情報が並んでいます。
右上が検索バー、左上がメニューボタンです。

blog-1b

メニューの内容はこんな感じです。
いつも左上にいますのでいつでも使って下さい。

Staartがもつ3種類のライブ関連情報

[一覧]

tab

一覧ページをスクロールしはじめると、タブバーが出てきます。
このタブもしくは先ほどのメニューから一覧表示をライブ・イベント/アーティスト/ライブハウスに切り替えられます。

また、それに合わせて検索バーも切り替わっているので、3種類の情報をそれぞれ閲覧・検索できます。

[ライブ・イベント]

stream

Staartの情報はカード形式になっています。
まずライブはカバー画像・詳細情報・アーティストの情報で構成されています。
すこし細かくはなりますが、下記のようにリンクしています。

  • カバー/ライブタイトル:ライブ詳細
  • ライブハウス名:ライブハウス詳細
  • マイクのマーク/and more…:ライブ出演アーティスト一覧(ライブ詳細)
  • 吹き出しのマーク:コメント一覧(ライブ詳細)※開発中
  • 各アーティスト名:アーティスト詳細

これらを利用して気になった箇所からどんどん探していってみてください。

detail

ライブ・イベントの詳細表示はこのような感じです。
近くのライブハウスで開催されるライブ情報が関連情報として右側に表示されています。
この画面を閉じる時は、右上の×ボタンか周囲の暗い部分をクリックすると一覧に戻れます。

4

下部に用意してあるコメント機能はただいま開発中です。
公開されたら、行きます宣言したり感想を書き込んだりと楽しく使っていただきたいです。

[アーティスト・ライブハウス]

アーティストとライブハウスは、登録してあるこれから開催されるライブ数と一緒にカードになっています。
Staartのロゴにもあるイナズママークがライブを意味するマークです。※重要
詳細ページに行くと、これから・これまでのライブに加えて、そのアーティストがどんなライブハウスでライブしたか、そのライブハウスではどんなアーティストが出演したかもそれぞれ見ることが出来ます。

artist

こちらがアーティスト。

venue2

こちらがライブハウスです。

検索方法

先ほども書いたように、現在は

  • ライブ・イベント検索
  • アーティスト検索
  • ライブハウス検索

の3種類をご用意しています。

今後はこれらに加えて、エリア検索・日付検索なども追加していく予定です!

「ここから近いライブハウスでどんなライブやってるんだろう」
「来週はどんなライブがあるかな?」
「今まで知らなかったバンドを開拓したい!」

たとえばこういった声に、Staartを見れば応えられるのが目標です。

公式Twitter

@staartjp

Staartの公式Twitterでは、登録されているこれから開催されるライブ情報をご紹介しています!
フォローしたらライブのウッカリ忘れが少なくなるかも?!

リツイート大歓迎、フォローお待ちしております!!

よろしくお願いします!

長くなりましたが、Staartがどんなサービスなのか少し分かっていただけたでしょうか?
Staartへのアクセスはこちらです!↓

https://www.staart.jp/

ただ今、ユーザー機能公開時にいち早くお知らせする事前登録を受け付けております!
今までよりもっとライブを楽しんじゃいたい方はぜひ!

どうぞStaartをよろしくお願いいたします!!!

標準
IMG_5313
Releases

新音楽サービスStaart(スターート)をリリースしました!

ハレノヒから新しい音楽サービスStaart(スターート)をリリースしました。

Staartは日本全国のライブ・イベント情報をあつめて、ジャンルや位置情報に応じて次々とおすすめのライブ・イベント情報を紹介してくれるサービスです。

サイトは自由に見られますが、ユーザー機能はまだ公開していません。
しかし一日も早く皆さんに使っていただきたいので目下開発中です。

ユーザー機能のリリース時にすぐご利用していただけるように招待希望の方専用のメールアドレス登録フォームがトップページに用意してあります。

是非Staartを御覧ください!そしてライブをみつけて見に行こう!

ライブ・イベント情報ナビStaart(スターート)

IMG_6953

IMG_5313

標準
mbd-cover
Releases

真ん中バースデーWebサイトリニューアルしました!

こんにちは!新人森田です。
街で新入生や新社会人な方々を見かけたり、新年度や新学期が始まったりと、新しいことづくめの季節になりましたね。 この空気だけで結構ワクワクしちゃうから春って好きです。
ではフレッシュな感じに今回もはりきって告知します!

なんと! 真ん中バースデーのWebサイトをリニューアルしましたー!

http://www.mannaka-birthday.com/

どのへんが変わったのかというと、

1、ロゴ周辺をリデザイン

0410-1

以前はロゴの下にキャッチフレーズやデモ画面の紹介等を置いていたんですが、ちょっと散漫な印象が。。
あとは、新機能の実装するためのスペース確保をするために周辺要素をひとまとめにしてみました。

まずロゴとデモ機を合わせました。 App Storeのボタンもこのどこかに配置するとのことだったので、リボンをあしらって目立たせ&まとまり感を演出。左側に空いたスペースには無料ダウンロードのメッセージを入れようと試行錯誤していたら、バッジ形式がよさげでした。フォントに他とは違うやわらかい明朝体を使って、ペタッと貼ったようなちょっと変わった質感を出しました。明朝体は単なる思いつきだったけど気に入ってます。 色はリボンと合わせて全体のトーンを整えつつ、これならキャッチコピーは上かな!という流れで完成!

情報が一カ所にまとまったことで、見てほしいポイントが絞られる効果もあったんじゃないでしょうか。
で、この下に空いたスペースに何を置いたのかというと。

2、おためし計算機能実装

0410-2

はいっ!こちらです!

web上で真ん中バースデーをおためし体験できます

名前は入れなくても調べられるので、是非使ってみて下さいね。
ただし、おためしは1日1回までなんですすいません。
もっと調べてみたい時はApp storeからアプリをダウンロードしていただけると嬉しいです!

真ん中バースデー on the App store

単に説明だけだったWebページでしたが、内容が充実してきました。
前に見ていただいた方もよろしければ是非おためししていってみてください。

http://www.mannaka-birthday.com/

次回アップデート予告!

ただいまハレノヒでは現在進行形で真ん中バースデーアプリのアップデート作業を遂行中です。
プログラムの方は師匠がすでにバッチリ作り上げてくださっております。
私の方の素材準備が間に合うかどうかのギリギリなところですが、間に合わせてみせる…!

iPhoneだけどFacebookアカウント持っていなくて真ん中バースデーを調べられなかったという方!
お待たせしました!

次のアップデートでは、Facebookアカウントなしでもアカウント作成出来るように仕様変更いたします。

今までだいぶユーザーが限られてしまって申し訳なかったのですが、これでもう少し広げられるんじゃないかと思います。
また、Facebookアカウントなしでアカウント作成した場合は友だちが0人の状態からのスタートとなります。 そうなっても寂しくないように、もう1つのアップデートをご用意しておりますのでどうぞお楽しみに!!

今回リニューアルした真ん中バースデーwebサイトでおためししたい方は、
http://www.mannaka-birthday.com/

真ん中バースデーアプリをダウンロードしたい方は、
真ん中バースデー on the App store

どうぞよろしくお願いします!!

標準
mbd-cover
Releases

iPhoneアプリ「真ん中バースデー」をリリースしました(Titanium mobile&Alloy製)

本日真ん中バースデーというiPhoneアプリをリリースしました!

AppStoreで “真ん中バースデー” と検索していただくか上記のウィジェットのボタンを押すとダウンロードできます。

デザインはもちろん弊社の新人デザイナー森田が担当しています。
プログラムはTitanium mobileとAlloyを使って書きました。

こんなアプリです

自分の誕生日と、恋人や友だちの誕生日のちょうど中間の日、それが真ん中バースデーです。

なんでもない日だけど記念日にしちゃおう!例えば入籍する日を迷っていたり、デートに誘うきっかけになればと思って作りました。

mbd

遊び方

まずFacebookアカウントが必要です。なぜならFacebookのプロフィールと友達リストを利用するからです。

Facebookアカウントと同期が完了すると友達リストが表示されるので、真ん中バースデーを知りたい友だちを選んで調べるボタンを押すだけです。

iPhoneユーザーの皆さんダウンロードお願いします

標準