diff --git a/web/app/assets/javascripts/web/signupDialog.js b/web/app/assets/javascripts/web/signupDialog.js
new file mode 100644
index 000000000..f6a916f5c
--- /dev/null
+++ b/web/app/assets/javascripts/web/signupDialog.js
@@ -0,0 +1,37 @@
+(function(context,$) {
+
+    "use strict";
+
+    context.JK = context.JK || {};
+
+    context.JK.SignupDialog = function(app) {
+        var logger = context.JK.logger;
+        var rest = context.JK.Rest();
+        var dialogId = '#signup-dialog';
+
+        function events() {
+
+        }
+
+        function beforeShow() {
+        }
+
+        function afterHide() {
+        }
+
+        function initialize(){
+
+            var dialogBindings = {
+                'beforeShow' : beforeShow,
+                'afterHide': afterHide
+            };
+
+            app.bindDialog('inviteUsers', dialogBindings);
+
+
+        }
+
+        this.initialize = initialize;
+
+    }
+})(window, jQuery);
\ No newline at end of file
diff --git a/web/app/views/layouts/web.erb b/web/app/views/layouts/web.erb
index 50e6e8cf9..6312ffc76 100644
--- a/web/app/views/layouts/web.erb
+++ b/web/app/views/layouts/web.erb
@@ -70,6 +70,9 @@
 
                 var userDropdown = new JK.UserDropdown(JK.app);
                 userDropdown.initialize(invitationDialog);
+
+                var signupDialog = new JK.SignupDialog(JK.app);
+                signupDialog.initialize();
             }
         })
     </script>
diff --git a/web/app/views/users/_signupDialog.html.erb b/web/app/views/users/_signupDialog.html.erb
new file mode 100644
index 000000000..8610d2f63
--- /dev/null
+++ b/web/app/views/users/_signupDialog.html.erb
@@ -0,0 +1,33 @@
+<div class="dialog overlay-small" layout-id="signup" id="signup-dialog">
+
+  <!-- ftue header -->
+  <div class="content-head">
+    <h1>sign up for jamkazam</h1>
+  </div>
+
+  <!-- inner wrapper -->
+  <div class="overlay-inner">
+
+    <%= image_tag "content/button_facebook_signup.png", {:width => 249, :height => 46 } %>
+    <br>
+    <br><br>
+
+    <div class="center"><strong class="white">Or</strong></div>
+    <br>
+    <br>
+
+    <div class="center"><%= link_to "SIGN UP WITH YOUR EMAIL", signup_path, class: "button-orange block" %>
+
+      <br>
+
+      <div class="center">
+        <small>Already have an account? <a href="#" class='signin'>Sign In</a><br>
+          <br>
+          <a href="#" layout-action="close">Cancel</a></small>
+      </div>
+    </div>
+    <!-- end inner -->
+    <br clear="all">
+  </div>
+  <!-- end overlay content -->
+</div>
\ No newline at end of file
diff --git a/web/app/views/users/welcome.html.erb b/web/app/views/users/welcome.html.erb
index 9bf3df638..062844780 100644
--- a/web/app/views/users/welcome.html.erb
+++ b/web/app/views/users/welcome.html.erb
@@ -3,7 +3,7 @@
 <% end %>
 <div class="clearall"></div>
 <div class="login-wrapper">
-  <%= link_to image_tag("/assets/web/cta_button.png", :alt => "Sign up now for your free account!"), signup_path, class: "signup", id: "signup" %>
+  <%= link_to image_tag("/assets/web/cta_button.png", :alt => "Sign up now for your free account!"), signup_path, class: "signup", id: "signup", :'layout-link' => 'signup-dialog' %>
   <div class="clearall"></div>
   <%= link_to "Already have an account?", signin_path, class: "signin", id: "signin" %>
 </div>