Permalink
Switch branches/tags
Nothing to show
Find file
Fetching contributors…
Cannot retrieve contributors at this time
executable file 400 lines (387 sloc) 26.7 KB
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8" />
<meta content='youRoom,ユールーム,ゆーるーむ' name='keywords' />
<title>youRoom - Task management is communication</title>
<link href='images/favicon.ico' rel='shortcut icon' type='image/vnd.microsoft.icon' />
<link href='images/favicon.ico' rel='icon' type='image/vnd.microsoft.icon' />
<link href="stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" />
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<link href="stylesheets/ie.css" media="screen, projection" rel="stylesheet" type="text/css" />
<![endif]-->
<script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.4.min.js"></script>
<script src="javascripts/modernizr.custom.js"></script>
<script src="javascripts/smoothscroll.js" type="text/javascript"></script>
<link rel="stylesheet" href="stylesheets/facebox.css" type="text/css" />
<script type="text/javascript" src="javascripts/facebox.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$('a[rel*=facebox]').facebox({
loading_image : 'loading.gif',
close_image : 'closelabel.gif'
});
});
</script>
<!-- Google Analytics -->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-10225950-9']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body id="en">
<!-- Facebook -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ja_JP/all.js#xfbml=1&appId=177651085648087";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<header id="top">
<h1><a href="http://ja.youroom.in">youRoom</a></h1>
<ul class="social_buttons">
<li class="facebopok"><div class="fb-like" data-href="http://www.facebook.com/youroom" data-send="false" data-layout="button_count" data-width="100" data-show-faces="true" data-action="recommend"></div></li>
<li><a href="https://twitter.com/share" class="twitter-share-button" data-via="youroom" data-lang="ja">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></li>
<li></li>
<li></li>
</ul>
<nav>
<ul>
<li><a href="http://www.youroom.in/">Login <span>to youRoom</span></a></li>
</ul>
</nav>
</header>
<div id="wrapper">
<section id="movie">
<div class="contents">
<hgroup>
<h1>youRoom</h1>
<h2>Task management is communication</h2>
<h3>Perfect for group collaboration and information sharing.</h3>
<h3 class="sign_up"><a href="http://www.youroom.in/users/new"><span>FREE</span>Try it out now</a></h3>
<p>All you need is an e-mail address..</p>
</hgroup>
<div class="movie">
<iframe src="http://player.vimeo.com/video/40067184?title=0&amp;byline=0&amp;portrait=0&amp;autoplay=1&amp;loop=1" width="640" height="360" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></iframe>
</div>
</div>
</section><!-- #movie -->
<div id="main-nav-holder">
<nav id="main-nav">
<ul>
<li><a href="#about_nav">What is youRoom?</a></li>
<li><a href="#faq">FAQs</a></li>
<li><a href="#voices_senes">Usage Scenarios</a></li>
<li><a href="#pricing">Price / Plans</a></li>
<li><a href="#communites">Community / Contact Us</a></li>
<li><a href="#company">About Us</a></li>
</ul>
</nav>
</div><!-- #main-nav-holder -->
<section id="about">
<div id="about_nav" class="link"></div>
<div class="contents">
<div class="description">
<h1>What is youRoom?</h1>
<p>The need for a robust and performance-enhancing collaboration system cannot be overstated, in this time when demand for flexibility in work schedule and location is increasing. <strong>youRoom</strong> is a tool that supports <strong>group collaboration and information sharing</strong>. An internet connection is all your team members need to use youRoom anytime, anywhere. Our starter plan is completely free.</p>
</div><!-- .description -->
<div class="problems">
<div class="high-speed">
<div class="problem">
<h2><span>“Character limits” and “structuring”</span>enables high-speed collaboration</h2>
<p>E-mail is one of the worst group communication tools there is. When too many people are involved in the relay, we lose track of who's writing to whom. And almost every message comes attached with a trainload of convoluted quotes.</p>
<p>Some try to cover for the inefficiency with lengthy messages, only to start an endless round robin of equally long replies.</p>
<p>What about IM, then?<br/>IM holds the other party up, just like a phone call.</p>
<p>Productivity nosedives when concentration is interrupted.</p>
<p>Comments left may be lost in the flow of the chat.<br/>IM use should be kept to a bare minimum.</p>
</div><!-- .problem -->
<div class="solution">
<h3><span>Solve it with youRoom!</span></h3>
<div id="high-speed_movie" style="display:none;">
<object width="853" height="480"><param name="movie" value="http://www.youtube.com/v/YmA2coBeqY8?version=3&amp;hl=ja_JP&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/YmA2coBeqY8?version=3&amp;hl=ja_JP&amp;rel=0" type="application/x-shockwave-flash" width="853" height="480" allowscriptaccess="always" allowfullscreen="true"></embed></object>
</div>
<div class="body">
<a href="#high-speed_movie" rel="facebox"><img src="images/high-speed_captcha.png"></a>
<p>youRoom has a 280 character limit, which encourages users to cut out excessive remarks and only state important points.</p>
<p>Feel free to attribute the lack of salutations to youRoom.</p>
<p>All comments are posted in a logical and structured manner. It will always be apparent who is replying to whom, no matter how much time passes.</p>
<p>Participants can reply to posts at their own time.</p>
</div>
</div>
<div class="with_no_waste">
<div class="problem">
<h2>The key to seamless collaboration is <span>“task management and integration”.</span></h2>
<p>“Task management” is a major part of group collaboration.</p>
<p>Group tasks generally arise from someone's request. Once the task is finished, all parties involved are informed of its “completion”. All tasks begin and end with communication.</p>
<p>Should we not use another tool for task management, then?</p>
<p>At any rate, if it begins and ends with communication, the most effective way to handle that would be to manage this communication itself as a task.</p>
</div><!-- .problem -->
<div class="solution">
<h3><span>Solve it with youRoom!</span></h3>
<div id="with_no_waste_movie" style="display:none;">
<object width="853" height="480"><param name="movie" value="http://www.youtube.com/v/8zgiuz0VwRo?version=3&amp;hl=ja_JP&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/8zgiuz0VwRo?version=3&amp;hl=ja_JP&amp;rel=0" type="application/x-shockwave-flash" width="853" height="480" allowscriptaccess="always" allowfullscreen="true"></embed></object>
</div>
<div class="body">
<a href="#with_no_waste_movie" rel="facebox"><img src="images/with_no_waste_captcha.png"></a>
<p>Posts with new comments are bumped to the top of your home screen and marked “For Review”.</p>
<p>Remove the “For Review” tag after reading to take it off the home screen.</p>
<p>Messages “For Review” are thus viewed as “your tasks”.</p>
<p>No matter how many groups you're in, they can all be viewed at once on your home screen, increasing your productivity.</p>
</div><!-- .body -->
</div><!-- .solution -->
</div>
<p class="sign_up"><a href="http://www.youroom.in/users/new"><span class="whithout_mail">All you need is an e-mail address.</span>Try it out now<span class="free">FREE</span></a></p>
</div><!-- .problems -->
<div class="anytime_anywhere usage">
<div class="inner">
<h2>What can youRoom be used for?</h2>
<p>What do you use for your group communication or information sharing sessions? Individual e-mails? Mailing lists? Both can be sources of major headaches.</p>
<p>If you have been using mailing lists, we believe you’ll definitely like youRoom. Like a mailing list, each youRoom has an administrator, and information is only shared among a limited number of participants. It also comes with many convenient features that mailing lists do not offer.</p>
</div>
</div><!-- .anytime_anywhere -->
<div class="anytime_anywhere">
<div class="inner">
<h2>Accessible anytime, anywhere</h2>
<p>Based in the cloud, youRoom can be accessed anytime, anywhere with an internet connection and web browser.</p>
<p>You can even log in from your smartphones or mobile devices. Share ideas with the group as soon as you come up with them, wherever and whenever you may be.</p>
</div>
</div><!-- .anytime_anywhere -->
<div class="functions">
  <h2>youRoom Features<span>youRoom has many features that are deceptively simple yet serve to enhance collaboration.</span></h2>
<ul>
<li class="function left"><h3>Home Screen</h3><p>On the Home screen, all new comments in your groups can be seen at once. Here, you can post directly to different rooms without clicking into them. Unread posts and comments are automatically managed as well.</p></li><!-- function -->
<li class="function center"><h3>Room Screen</h3><p>On the Room screen, participants and posts can be seen at one glance. As users have to set up different names for different rooms, they can choose to use nicknames for one and real names for another.</p></li><!-- function -->
<li class="function right"><h3>Categories</h3><p>Posts in each room can be categorized by the room administrator. By sorting them out into categories like “Important”, “Pending”, “Completed”, and others, they can be easily located later.</p></li><!-- function -->
</ul>
<ul>
<li class="function left"><h3>Share Images</h3><p>Uploaded images can be viewed within a timeline.</p></li><!-- function -->
<li class="function center"><h3>Share Files</h3><p>Upload and share necessary files for collaboration.</p></li><!-- function -->
<li class="function right"><h3>Large Document Support (Paid Users)</h3><p>Large documents like minutes or proposals can be uploaded separately.</p></li><!-- function -->
</ul>
<ul>
<li class="function left"><h3>Invite Friends</h3><p>No limit to the number of rooms you can create. Invite participants using e-mail, Facebook, or Twitter.</p></li><!-- function -->
<li class="function center"><h3>Strong Security</h3><p>All communication in youRoom is encrypted. Conscientious use of rooms will ensure secure information sharing.</p></li><!-- function -->
<li class="function right"><h3>Supports Globalization</h3><p>youRoom comes in Japanese and English. Posts can be made in any language.</p></li><!-- function -->
</ul>
</div><!-- .contents -->
</div>
</section><!-- #about -->
<section id="faq">
<div class="contents">
<h1>Frequently Asked Questions &amp; Answers</h1>
<ul>
<li class="faq">
<h2><span>How is it different<br />from IM?</span></h2>
<p>The biggest difference between youRoom and Skype or Facebook’s IM tools is that users can use youRoom at their own time. Like making a phone call, you can’t communicate via IM if the other party is not available. Also, when your concentration is interrupted, productivity takes a nosedive as well.<br />With youRoom, all parties can reply to posts and requests at their own time.</p>
</li>
<li class="faq">
<h2><span>How is it different <br />from Twitter?</span></h2>
<p>Although similar at first glance, youRoom and Twitter are different in function and usage. On Twitter, people make “Tweets” on the internet which is sometimes seen by everyone, or no one at all.<br />On youRoom, however, only those within the designated group can view posted messages in a secure environment.</p>
</li>
<li class="faq">
<h2><span>How is it different <br />from Facebook Groups?</span></h2>
<p>On Facebook Groups, you can share information with a limited group of people. However, Facebook Groups do not have the “For Review” function offered by youRoom. Messages you need to reply to may be buried without you even noticing it.<br />Above all, youRoom can be used by people who do not have Facebook accounts.</p>
</li>
<!-- <li class="faq">
<h2><span>How is it different <br /> from Yammer or internal SNS?</span></h2>
<p>youRoom is not an internal SNS or Twitter-like service. While an SNS is suitable for getting to know people better by making personal connections in a vast network, it is inadequate for a small group of people who wish to engage in deep discussions or collaborative work.<br />On the other hand, youRoom has been tailor-made for the collaborative work of a small group of people.<br />If you truly need an internal SNS solution, we recommend <a href="http://www.skipaas.jp" target="_blank">SKIP</a> for its proven track record.</p>
</li> -->
</ul>
</div>
<!-- .contents -->
</section><!-- #faq -->
<section id="voices_senes">
<div class="contents">
<h1>Usage Scenarios</h1>
<div class="senes">
  <h2>Common Usage Scenarios<span>youRoom is being used in a variety of scenarios arising from the need for collaboration.
</span></h2>
<ul>
<li class="scene left"><h3>Operating as a single team with customers located far away on software development projects.</h3><p>Meticulous information sharing is necessary for success. The best way to do so is to operate within the same room, but sometimes that may be physically impossible. youRoom makes your communication seem just as if every teammate was in the same room.</p><p class="image"><img src="images/senes_left.png" /></p></li><!-- scene -->
<li class="scene center"><h3>Fully utilize youRoom as online hotlines with your consulting lawyers or tax accountants.</h3><p>Set up different rooms for secure discussions. The lawyer or tax accountant offering advice can also make good use of their time by composing carefully thought out answers at their own pace, without feeling pressured to reply immediately.</p><p class="image"><img src="images/senes_center.png" /></p></li><!-- scene -->
<li class="scene right"><h3>Use youRoom to share information with overseas telecommuters or contractors on a different time schedule.</h3><p>Even if your teammates may work at a different time or in a different place, they can post and reply to assignments or discussions when the idea strikes, and at their own convenience.</p><p class="image"><img src="images/senes_right.png" /></p></li><!-- scene -->
</ul>
</div><!-- .contents -->
<br /><br /><br /><br /><br /><br />
<div class="medias">
<h2>As Featured In</h2>
<ul>
<li class="media"><img src="images/en_tnw_logo.png" alt="The Next Web" width="200"/></li>
<li class="media"><img src="images/en_fmabadge10.png" alt="マイナビ" width="200" /></li>
<li class="media"><img src="images/en_logo_Killer.png" alt="マイナビ" width="200" /></li>
<li class="media"><img src="images/en_badge9-200x50.png" alt="マイナビ" width="200" /></li>
</ul>
</div>
</section><!-- #scene -->
<section id="pricing">
<div class="contents">
<h1>Price / Plans</h1>
<div class="main">
<p>You can use youRoom free forever, or upgrade to a “Premium Plan” if you like.</p>
<p>In the free version, users can only upload images and PDF files, with a 40MB monthly restriction.</p>
</div>
<div class="premium_plan">
<h2>Premium Plan ($5 / month)</h2>
<ul>
<li>40MB per month → <strong>Up to 500MB</strong></li>
<li>Only images or PDFs → <strong>All file formats</strong></li>
<li>280 characters → <strong>Text longer than 280 characters can be attached</strong></li>
</ul>
</div><!-- .premium_plan -->
<!--
<div class="campaign">
<h2>キャンペーン!</h2>
<p>今ならユーザ登録して頂くと「3ヶ月間」はプレミアムバージョンを無料で利用できます!
(4ヶ月目以降は、フリー・ファン・プレミアムのいずれかのプランを選択いただけます)</p>
</div> --><!-- .campaign -->
<div class="fan_plan">
<h2>Use Premium Plan features for free with the Fan Plan</h2>
<p class="recommend">NEW!</p>
<p class="price"><span class="premium">Premium Plan Features</span> - <span class="reviews">Word of Mouth</span> = $0/p>
<div class="description">
<h3>What is the Fan Plan?</h3>
<p>This is a plan that gives you access to Premium Plan features on youRoom free for 2 months when you feedback into youRoom via Twitter or Facebook.
<span>Keep doing it every 2 months, and youRoom’s premium features will be free to you forever.</span></p>
</div>
</div><!-- .fan_plan -->
<p class="sign_up"><a href="http://www.youroom.in/users/new"><span class="whithout_mail">All you need is an e-mail address.</span>Try it out now<span class="free">FREE</span></a></p>
</div><!-- .inner -->
</div><!-- .contents -->
</section><!-- #pricing -->
<section id="communites">
<div class="contents">
<h1>Community</h1>
<p>youRoom can be thought of as a tool that facilitates interaction among users through various mediums.<br />We look forward to receiving feedback from all our users.</p>
<div class="sns">
<ul>
<li>
<a href="http://www.facebook.com/youroom" target="_blank"><img src="images/facebook.png" /></a>
<h2><a href="http://www.facebook.com/youroom" target="_blank">Facebook Page</a></h2>
<p>Latest version updates.</p>
</li>
<li class="two">
<a href="https://twitter.com/youroom" target="_blank"><img src="images/twitter.png" /></a>
<h2><a href="https://twitter.com/youroom" target="_blank">Official Twitter @youroom</a></h2>
<p>Updates and bulletins.</p>
</li>
<li class="three">
<a href="http://blog-ja.youroom.in/" target="_blank"><img src="images/blog.png" /></a>
<h2><a href="http://blog-ja.youroom.in/" target="_blank">Official Blog</a></h2>
<p>Version update details, beneficial uses.</p>
</li>
<li>
<a href="http://youroomja.uservoice.com/forums/64415-general" target="_blank"><img src="images/uservoice.png" /></a>
<h2><a href="http://youroomja.uservoice.com/forums/64415-general" target="_blank">UserVoice</a></h2>
<p>Vote through the UserVoice service.</p>
</li>
</ul>
</div><!-- .sns -->
<div class="developers">
<h2>youRoom Developer’s Twitter</h2>
<p>Please feel free to send questions and requests to us.</p>
<ul>
<li>
<a href="https://twitter.com/kuranuki" target="_blank"><img src="images/kuranuki_twitter.png" /></a>
<h3><a href="https://twitter.com/kuranuki" target="_blank">@kuranuki</a></h3>
<p>Product Owner</p>
</li>
<li>
<a href="https://twitter.com/mat_aki" target="_blank"><img src="images/mat_aki_twitter.png" /></a>
<h3><a href="https://twitter.com/mat_aki" target="_blank">@mat_aki</a></h3>
<p>Main Programmer<p>
</li>
</ul>
</div><!-- .developers -->
<div class="api">
<h2>To all developers,</h2>
<p>We have an API available in the simple REST format that enables youRoom usage from external sources. Please <a href="http://apidoc.youroom.in/" target="_blank">click here</a> for the youRoom API documentation.<br />Those who wish to use the youRoom API need to register as developers first. Please <a href="http://goo.gl/gink" target="_blank">click here</a> to apply.</p>
</div>
<div class="fb-like-box" data-href="http://www.facebook.com/youroom" data-width="960" data-height="600" data-show-faces="true" data-stream="false" data-header="false"></div>
</div>
<!-- .contents -->
</section><!-- #community -->
<section id="inquiry">
<div class="contents">
<h1>Contact Us</h1>
<iframe src="https://spreadsheets.google.com/embeddedform?formkey=dEdockVReHU2NVp4V2JVbmpKenpYUEE6MQ&bc=F4F4F4" width="900" height="700" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>
</div>
<!-- .contents -->
</section><!-- #inquiry -->
<section id="company">
<div class="contents">
<h1>About Us</h1>
<div class="description">
<div class="logo">
<a href="http://www.sonicgarden.jp/" target="_blank"><img src="images/sonicgarden.jpg" alt="SonicGarden Inc"></a> </div>
<div class="text">
<p>youRoom is being managed by <a href="http://www.sonicgarden.jp/" target="_blank">SonicGarden Inc</a>.<br />
Please contact us <a href="http://www.sonicgarden.jp/inquiry" target="_blank">here</a> for queries about our operations or PR activities.</p>
</div>
</div>
<ul class="members">
<li class="kuranuki">
<p class="image"><a href="https://twitter.com/kuranuki" target="_blank"><img src="images/kuranuki_large.jpg"></a></p>
<h2>Product Manager</h2>
<p><a href="https://twitter.com/kuranuki" target="_blank">Yoshihito Kuranuki</a></p>
</li><!-- .kuranuki -->
<li class="matsumura">
<p class="image"><a href="https://twitter.com/mat_aki" target="_blank"><img src="images/mat_aki_large.jpg"></a></p>
<h2>Main Programmer</h2>
<p><a href="https://twitter.com/mat_aki" target="_blank">Akihiro Matsumura</a></p>
</li><!-- .matsumura -->
</ul>
<div class="why">
<h2>Why did you create youRoom?</h2>
<p>Popular tools basically attempt to act as extensions for current work styles. People think of building tools to increase meeting efficiency, even though meetings are said to be bad for productivity. But to be honest, why chase after the wind? If having meetings all the time reduces productivity, shouldn’t we come up with a better method of communication that does away with the need to meet? Routine begets habits, and our habits influence our tools. What we wanted to change with youRoom is the image of teamwork. We developed youRoom because we wanted a tool that can change mindsets.</p>
</div>
<div class="why">
<h2>Why is youRoom so simple?</h2>
<p>Like the idiom “every man to his trade,” there’s a wide range of available services offering specialized features. Take for instance file-sharing. Dropbox is probably at the top of the industry for this. We do not believe throwing every last unnecessary feature into a single software is for the best. We believe people can achieve optimal productivity by using a host of useful tools together in different settings. youRoom has been kept simple and uncluttered precisely because we have a clear vision for its use.</p>
</div>
</div>
<!-- .contents -->
</section><!-- #company -->
<div id="footer">
<nav>
<ul>
<li><a href="#top">Page Top</a></li>
<li><a href="http://ja.youroom.in/terms_of_service.html">Terms of Use</a></li>
<li><a href="http://ja.youroom.in/law.html">Declaration Based on the Specified Commercial Transaction Act</a></li>
<li><a href="http://ja.youroom.in/privacy.html">Privacy Policy</a></li>
</ul>
</nav>
</div>
<footer>
<nav>
<ul>
<li><a class="top" href="#top" title="Back to top">Top</a></li>
</ul>
</nav>
</footer>
</div>
<script src="javascripts/waypoints.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.top').addClass('hidden');
$.waypoints.settings.scrollThrottle = 30;
$('#wrapper').waypoint(function(event, direction) {
$('.top').toggleClass('hidden', direction === "up");
}, {
offset: '-100%'
}).find('#main-nav-holder').waypoint(function(event, direction) {
$(this).parent().toggleClass('sticky', direction === "down");
event.stopPropagation();
});
});
</script>
</body>