diff --git a/app/helpers/application_helper.rb b/app/helpers/application_helper.rb
index e3e4677..b80b5f2 100644
--- a/app/helpers/application_helper.rb
+++ b/app/helpers/application_helper.rb
@@ -2,7 +2,7 @@ require 'digest/md5'
 module ApplicationHelper
 
   def get_color(user)
-    @color = Digest::MD5.hexdigest(user.name)[0..5]
+    @color = Digest::MD5.hexdigest(user.nickname)[0..5]
   end
 
   def get_color_style(user)
diff --git a/app/views/orders/_user_list.html.erb b/app/views/orders/_user_list.html.erb
new file mode 100644
index 0000000..e9a5394
--- /dev/null
+++ b/app/views/orders/_user_list.html.erb
@@ -0,0 +1,17 @@
+<div class="col-md-6 ">
+  <h3 class="center" >sort by name</h3>
+
+  <% users.each do |user| %>
+      <div class="thumbnail overview">
+        <%= link_to image_tag("http://placekitten.com/g/50/50", class: "img-circle dagschotel"),
+          user %>
+        <%= link_to image_tag("http://babeholder.pixoil.com/img/100/100", class: "img-circle user_img"),
+          new_user_order_path(user) %>
+
+
+      <%= link_to user.nickname , new_user_order_path(user), class: "btn btn-info",
+        style: get_color_style(user) %>
+    </div>
+  <% end %>
+
+</div>