diff --git a/assets/static/images/account_circle.svg b/assets/static/images/account_circle.svg
new file mode 100644
index 000000000..7ba7670cd
--- /dev/null
+++ b/assets/static/images/account_circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 4c1.93 0 3.5 1.57 3.5 3.5S13.93 13 12 13s-3.5-1.57-3.5-3.5S10.07 6 12 6zm0 14c-2.03 0-4.43-.82-6.14-2.88a9.947 9.947 0 0 1 12.28 0C16.43 19.18 14.03 20 12 20z"/></svg>
\ No newline at end of file
diff --git a/lib/web/templates/layout/app.html.eex b/lib/web/templates/layout/app.html.eex
index 5f5729cae..229663b40 100644
--- a/lib/web/templates/layout/app.html.eex
+++ b/lib/web/templates/layout/app.html.eex
@@ -6,7 +6,18 @@
       <%= case current_user(@conn) do %>
       <% nil -> %>
       <% u -> %>
-      <!-- placeholder util nav-->
+
+        <%= if Accounts.role_at_or_below(u, "solver") do %>
+          <%= render Web.LayoutView, "util_nav/_solver.html", conn: @conn, user: u %>
+        <% end %>
+        <%= if ChallengeGov.Accounts.is_challenge_manager?(u) do %>
+          <%= render Web.LayoutView, "util_nav/_challenge_manager.html", conn: @conn, user: u %>
+        <% end %>
+        <%= if ChallengeGov.Accounts.has_admin_access?(u) do %>
+          <%= render Web.LayoutView, "util_nav/_admin.html", conn: @conn, user: u %>
+        <% end %>
+
+
       <% end %>
 
       <div class="grid-row grid-gap">
diff --git a/lib/web/templates/layout/util_nav/_admin.html.eex b/lib/web/templates/layout/util_nav/_admin.html.eex
new file mode 100644
index 000000000..97d4ab625
--- /dev/null
+++ b/lib/web/templates/layout/util_nav/_admin.html.eex
@@ -0,0 +1,39 @@
+<div class="bg-primary-darker w-full display-flex flex-justify-center desktop:flex-justify-end padding-1 font-body-3xs desktop:font-body-2xs text-white">
+
+  <%= link(to: Routes.dashboard_path(@conn, :index), class: "display-flex flex-align-center  desktop:flex-row margin-x-1 desktop:margin-x-3 text-white text-no-wra")  do %>
+      <svg class="usa-icon usa-challenge-menu float-left margin-right-1" aria-hidden="true" focusable="false" role="img">
+        <use xlink:href="/assets/img/sprite.svg#grid_view"></use>
+      </svg><span class="display-none desktop:display-block ">Dashboard</span><span class="desktop:display-none" style="font-size: 0.7rem">Dashboard</span>
+  <% end %>
+
+  <%= link(to: Routes.user_path(@conn, :index), class: "display-flex flex-align-center  desktop:flex-row margin-x-1 desktop:margin-x-3 text-white text-no-wra")  do %>
+      <svg class="usa-icon usa-challenge-menu float-left margin-right-1" aria-hidden="true" focusable="false" role="img">
+        <use xlink:href="/assets/img/sprite.svg#people"></use>
+      </svg><span class="display-none desktop:display-block">Users</span><span class="desktop:display-none" style="font-size: 0.7rem">Users</span>
+  <% end %>
+
+  <%= link(to: Routes.challenge_path(@conn, :index), class: "display-flex flex-align-center  desktop:flex-row margin-x-1 desktop:margin-x-3 text-white text-no-wra")  do %>
+      <svg class="usa-icon usa-challenge-menu float-left margin-right-1" aria-hidden="true" focusable="false" role="img">
+        <use xlink:href="/assets/img/sprite.svg#emoji_events"></use>
+      </svg><span class="display-none desktop:display-block">Challenges</span><span class="desktop:display-none" style="font-size: 0.7rem">Challenges</span>
+  <% end %>
+
+  <div class="display-none desktop:display-flex flex-align-center margin-x-1 margin-top-1"> |
+    <img class="usa-icon--size-3 icon-white margin-x-2" alt="Help"src=" <%= Routes.static_path(Web.Endpoint, "/images/account_circle.svg") %>" >
+    <ul class="navbar-nav">
+      <li class="nav-item dropdown">
+        <a class="text-bold text-white text-no-underline"  href="#" aria-expanded="true">
+          <span><%= @user.email %></span>
+        </a>
+        <div class="dropdown-content padding-2 float-right" style="min-width:280px">
+          <%= link to: Routes.session_path(@conn, :delete), method: :delete, class: "dropdown-item_" do %>
+          <svg class="usa-icon" aria-hidden="true" focusable="false" role="img">
+            <use xlink:href="/assets/img/sprite.svg#logout"></use>
+          </svg> Logout
+          <% end %>
+        </div>
+      </li>
+    </ul>
+</div>
+
+</div>
diff --git a/lib/web/templates/layout/util_nav/_challenge_manager.html.eex b/lib/web/templates/layout/util_nav/_challenge_manager.html.eex
new file mode 100644
index 000000000..e5b47ff73
--- /dev/null
+++ b/lib/web/templates/layout/util_nav/_challenge_manager.html.eex
@@ -0,0 +1,34 @@
+<div class="bg-primary-darker w-full display-flex flex-justify-center desktop:flex-justify-end padding-1 font-body-3xs desktop:font-body-2xs text-white">
+
+  <%= link(to: Routes.dashboard_path(@conn, :index), class: "display-flex flex-align-center  desktop:flex-row margin-x-1 desktop:margin-x-3 text-white text-no-wra")  do %>
+      <svg class="usa-icon usa-challenge-menu float-left margin-right-1" aria-hidden="true" focusable="false" role="img">
+        <use xlink:href="/assets/img/sprite.svg#grid_view"></use>
+      </svg><span class="display-none desktop:display-block ">Dashboard</span><span class="desktop:display-none" style="font-size: 0.7rem">Dashboard</span>
+  <% end %>
+
+  <%= link(to: Routes.challenge_path(@conn, :index), class: "display-flex flex-align-center  desktop:flex-row margin-x-1 desktop:margin-x-3 text-white text-no-wra")  do %>
+      <svg class="usa-icon usa-challenge-menu float-left margin-right-1" aria-hidden="true" focusable="false" role="img">
+        <use xlink:href="/assets/img/sprite.svg#emoji_events"></use>
+      </svg><span class="display-none desktop:display-block">Challenges</span><span class="desktop:display-none" style="font-size: 0.7rem">Challenges</span>
+  <% end %>
+
+  <div class="display-none desktop:display-flex flex-align-center margin-x-1 margin-top-1">
+  |
+    <img class="usa-icon--size-3 icon-white margin-x-2" alt="Help"src=" <%= Routes.static_path(Web.Endpoint, "/images/account_circle.svg") %>" >
+    <ul class="navbar-nav">
+      <li class="nav-item dropdown">
+        <a class="text-bold text-white text-no-underline"  href="#" aria-expanded="true">
+          <span><%= @user.email %></span>
+        </a>
+        <div class="dropdown-content padding-2 float-right" style="min-width:280px">
+          <%= link to: Routes.session_path(@conn, :delete), method: :delete, class: "dropdown-item_" do %>
+          <svg class="usa-icon" aria-hidden="true" focusable="false" role="img">
+            <use xlink:href="/assets/img/sprite.svg#logout"></use>
+          </svg> Logout
+          <% end %>
+        </div>
+      </li>
+    </ul>
+</div>
+
+</div>
diff --git a/lib/web/templates/layout/util_nav/_solver.html.eex b/lib/web/templates/layout/util_nav/_solver.html.eex
new file mode 100644
index 000000000..27e5576ae
--- /dev/null
+++ b/lib/web/templates/layout/util_nav/_solver.html.eex
@@ -0,0 +1,40 @@
+<div class="bg-primary-darker w-full display-flex flex-justify-center desktop:flex-justify-end padding-1 font-body-3xs desktop:font-body-2xs text-white">
+
+  <%= link(to: Routes.dashboard_path(@conn, :index), class: "display-flex flex-align-center  desktop:flex-row margin-x-1 desktop:margin-x-3 text-white text-no-wra")  do %>
+      <svg class="usa-icon usa-challenge-menu float-left margin-right-1" aria-hidden="true" focusable="false" role="img">
+        <use xlink:href="/assets/img/sprite.svg#grid_view"></use>
+      </svg><span class="display-none desktop:display-block ">Dashboard</span><span class="desktop:display-none" style="font-size: 0.7rem">Dashboard</span>
+  <% end %>
+
+  <%= link(to: Routes.submission_path(@conn, :index), class: "display-flex flex-align-center  desktop:flex-row margin-x-1 desktop:margin-x-3 text-white text-no-wra")  do %>
+      <svg class="usa-icon usa-challenge-menu float-left margin-right-1" aria-hidden="true" focusable="false" role="img">
+        <use xlink:href="/assets/img/sprite.svg#file_present"></use>
+      </svg><span class="display-none desktop:display-block">Submissions</span><span class="desktop:display-none" style="font-size: 0.7rem">Submissions</span>
+  <% end %>
+
+  <%= link(to: Routes.saved_challenge_path(@conn, :index), class: "display-flex flex-align-center  desktop:flex-row margin-x-1 desktop:margin-x-3 text-white text-no-wra")  do %>
+      <svg class="usa-icon usa-challenge-menu float-left margin-right-1" aria-hidden="true" focusable="false" role="img">
+        <use xlink:href="/assets/img/sprite.svg#emoji_events"></use>
+      </svg><span class="display-none desktop:display-block">Saved Challenges</span><span class="desktop:display-none" style="font-size: 0.7rem">Saved Challenges</span>
+  <% end %>
+
+  <div class="display-none desktop:display-flex flex-align-center margin-x-1 margin-top-1">
+    |
+    <img class="usa-icon--size-3 icon-white margin-x-2" alt="Help"src=" <%= Routes.static_path(Web.Endpoint, "/images/account_circle.svg") %>" >
+    <ul class="navbar-nav">
+      <li class="nav-item dropdown">
+        <a class="text-bold text-white text-no-underline"  href="#" aria-expanded="true">
+          <span><%= @user.email %></span>
+        </a>
+        <div class="dropdown-content padding-2 float-right" style="min-width:280px">
+          <%= link to: Routes.session_path(@conn, :delete), method: :delete, class: "dropdown-item_" do %>
+          <svg class="usa-icon" aria-hidden="true" focusable="false" role="img">
+            <use xlink:href="/assets/img/sprite.svg#logout"></use>
+          </svg> Logout
+          <% end %>
+        </div>
+      </li>
+    </ul>
+  </div>
+
+</div>