diff --git a/src/dependencies.pug b/src/dependencies.pug
index 8f1538625268dbf5ac9a9334c79be074305fc776..4afbf7dd286314d10aaadee5810e1781fb8e2cbc 100644
--- a/src/dependencies.pug
+++ b/src/dependencies.pug
@@ -19,11 +19,8 @@ script(src="/scripts/index.js")
 // Stylesheets
 link(rel='stylesheet', href='/lib/normalize.css')
 link(rel='stylesheet', href='/styles/index.css')
-link(
-  rel='stylesheet'
-  href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700&subset=latin-ext'
-)
-link(href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet")
+link(rel='stylesheet', href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700&subset=latin-ext')
+link(rel='stylesheet', href='https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i')
 
 // Web components
 
diff --git a/src/page-members.pug b/src/page-members.pug
index 14f7f927f1ea7914d0602f7e84f8e699f307c0f0..f36d7d6811e1c47041e1f170795620cb854a1cc3 100644
--- a/src/page-members.pug
+++ b/src/page-members.pug
@@ -7,8 +7,9 @@ div.grid-layer
       data-src=`${sdn}/members/`,
       data-fields='header, infos, groups',
       set-header='user.account.picture, user, pseudonym, bio, send',
-      set-infos='user.roles, user.email, phone, user.skills',
-      set-pseudonym='before-pseudo,pseudo',
+      set-infos='cell, user.groups.name, user.email, phone, user.skills',
+      set-user='user.first_name, user.last_name',
+      set-pseudonym='before-pseudo,user.username',
       value-before-pseudo='@',
       value-send='SEND A MESSAGE',
       template-send='chat-link',
diff --git a/src/styles/functions.scss b/src/styles/functions.scss
deleted file mode 100644
index ab0c01417a74fea63241d7c8ff072a26d0fed513..0000000000000000000000000000000000000000
--- a/src/styles/functions.scss
+++ /dev/null
@@ -1 +0,0 @@
-//
\ No newline at end of file
diff --git a/src/styles/icons.scss b/src/styles/icons.scss
index f85028c9c0fc3afb5c2fef450ff2dcdcc3a7eaa5..1ff8e4ec7fdc006aad63cd37a5fe4967bccfea1e 100644
--- a/src/styles/icons.scss
+++ b/src/styles/icons.scss
@@ -58,7 +58,16 @@
   // text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3);
 }
 
+%outline-person {
+  background-image: url(/images/svg/icon-outline-person.svg);
+  background-repeat: no-repeat;
+  background-position: left top;
+  padding-top: 20px;
+  margin-left: 1.35em;;
+}
+
 $icons: (
+  /* outline-person: '\f206', */
   user-female: '\e000',
   people: '\e001',
   user-follow: '\e002',
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 630d6692efae15c4e6e3911e5fe4597526f8559d..16688e858e60dfff1227fcdf226ecaa03826e5ec 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -1,7 +1,7 @@
 @charset "UTF-8";
 
-@import 'functions';
 @import '../../node_modules/include-media/dist/include-media';
+@import 'material-design-icons';
 @import 'icons';
 @import 'variables';
 @import 'mixins';
diff --git a/src/styles/material-design-icons.scss b/src/styles/material-design-icons.scss
new file mode 100644
index 0000000000000000000000000000000000000000..226d20db731ae58bf65a499097a82b4f4b923dd9
--- /dev/null
+++ b/src/styles/material-design-icons.scss
@@ -0,0 +1,87 @@
+/* MaterialDesignIcons.com */
+
+$mdi-filename:         "material-design-icons";
+$mdi-font-name:        "material-design-icons";
+$mdi-font-family:      "material-design-icons";
+$mdi-font-weight:      "regular";
+$mdi-font-path:        "../fonts" !default;
+$mdi-css-prefix:       mdi !default;
+$mdi-version:          "3.3.92" !default;
+
+@font-face {
+  font-family: '#{$mdi-font-name}';
+  src: url('#{$mdi-font-path}/#{$mdi-filename}.eot?v=#{$mdi-version}');
+  src: url('#{$mdi-font-path}/#{$mdi-filename}.eot?#iefix&v=#{$mdi-version}') format('embedded-opentype'),
+    url('#{$mdi-font-path}/#{$mdi-filename}.woff2?v=#{$mdi-version}') format('woff2'),
+    url('#{$mdi-font-path}/#{$mdi-filename}.woff?v=#{$mdi-version}') format('woff'),
+    url('#{$mdi-font-path}/#{$mdi-filename}.ttf?v=#{$mdi-version}') format('truetype'),
+    url('#{$mdi-font-path}/#{$mdi-filename}.svg?v=#{$mdi-version}##{$mdi-filename}#{$mdi-font-weight}') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+
+$mdi-icons: (
+  account-outline: '\F013',
+  atom: '\F767'
+);
+
+%mdi,
+[class^='mdi-']:before,
+[class*='mdi-']:before {
+  display: inline-block;
+  font-family: '#{$mdi-font-name}';
+  font-size: 25px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 0.5em;
+  margin-left: -0.15em;
+  text-align: center;
+  text-decoration: inherit;
+  width: 1em;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+
+  /* For safety - reset parent styles, that can break glyph codes*/
+  font-variant: normal;
+  text-transform: none;
+}
+
+@function char($character-code) {
+  @if function-exists("selector-append") {
+    @return unquote("\"\\#{$character-code}\"");
+  }
+
+  @if "\\#{'x'}" == "\\x" {
+    @return str-slice("\x", 1, 1) + $character-code;
+  }
+  @else {
+    @return #{"\"\\"}#{$character-code + "\""};
+  }
+}
+
+@function mdi($name) {
+  @if map-has-key($mdi-icons, $name) == false {
+    @warn "Icon #{$name} not found.";
+    @return "";
+  }
+  @return char(map-get($mdi-icons, $name));
+}
+
+@each $key, $value in $mdi-icons {
+  .#{$mdi-css-prefix}-#{$key}:before {
+    content: char($value);
+  }
+}
+
+@mixin mdi($value) {
+  &:before {
+    @extend %mdi;
+    @extend .#{$mdi-css-prefix}-#{$value};
+  }
+}
+
+
+.#{$mdi-css-prefix}-blank:before {
+  content: "\F68C";
+  visibility: hidden;
+}
diff --git a/src/styles/members.scss b/src/styles/members.scss
index 44fb15d2060b509473d59f8d255204ef2a6ba376..3943e8e67b6d6fe939e781c798691960de5b0fd9 100644
--- a/src/styles/members.scss
+++ b/src/styles/members.scss
@@ -50,7 +50,7 @@
       flex-flow: column wrap;
       margin-bottom: 2.5rem;
       @media(min-width: 56rem) {
-        height: 60rem;
+        height: 62rem;
         width: 32%;
       }
 
@@ -60,7 +60,7 @@
 
       div[name='header'] {
         border-bottom: 1px solid $color-grey-light;
-        padding: 0.5em 0 3em;
+        padding: 0.5em 0 2em;
         display: flex;
         flex-direction: column;
 
@@ -82,15 +82,20 @@
           }
         }
 
-        hdapp-userinfo {
+        div[name='user'] {
+          font-weight: bold;
           @extend h1;
-          
-          ul {
-            padding: 0;
-            margin: 0;
+
+          sib-display-div[name$='last_name'] {
+            margin-left: 6px;
           }
         }
 
+        div[name='pseudonym'] {
+          font-size: 15px;
+          margin-top: 8px;
+        }
+
         sib-display-div[name$='bio'] {
           display: flex;
           flex-basis: 3.5em;
@@ -134,11 +139,11 @@
         }
         
         [name$='cell'] * {
-          @include icon('chemistry');
+          @include mdi('atom');
         }
 
-        [name$='roles'] * {
-          @include icon('user');
+        [name*='groups'] * {
+          @include mdi('account-outline');
         }
 
         [name$='email'] * {
diff --git a/www/fonts/material-design-icons.eot b/www/fonts/material-design-icons.eot
new file mode 100644
index 0000000000000000000000000000000000000000..b9798eab88241c9eb89ff548b20562cf70fc54d5
Binary files /dev/null and b/www/fonts/material-design-icons.eot differ
diff --git a/www/fonts/material-design-icons.svg b/www/fonts/material-design-icons.svg
new file mode 100644
index 0000000000000000000000000000000000000000..5b4f68cac3a0fbbdb53d9dc4c8c7a8a0e433772d
--- /dev/null
+++ b/www/fonts/material-design-icons.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" standalone="no"?> 
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<defs>
+  <font id="material-design-icons" horiz-adv-x="24">
+    <font-face font-family="material-design-icons"
+      units-per-em="512" ascent="448"
+      descent="64" />
+    <missing-glyph horiz-adv-x="0" />
+
+    <glyph glyph-name="account-outline"
+      unicode="&#xF013;"
+      horiz-adv-x="512" d=" M256 362.6666666666667C303.1466666666667 362.6666666666667 341.3333333333333 324.48 341.3333333333333 277.3333333333334S303.1466666666667 192 256 192S170.6666666666667 230.1866666666667 170.6666666666667 277.3333333333334S208.8533333333333 362.6666666666667 256 362.6666666666667M256 320C232.5333333333334 320 213.3333333333333 300.8 213.3333333333333 277.3333333333334S232.5333333333334 234.6666666666667 256 234.6666666666667S298.6666666666667 253.8666666666667 298.6666666666667 277.3333333333334S279.4666666666667 320 256 320M256 170.6666666666667C312.96 170.6666666666667 426.6666666666667 142.2933333333334 426.6666666666667 85.3333333333334V21.3333333333334H85.3333333333333V85.3333333333334C85.3333333333333 142.2933333333334 199.04 170.6666666666667 256 170.6666666666667M256 130.1333333333333C192.64 130.1333333333333 125.8666666666667 98.9866666666667 125.8666666666667 85.3333333333334V61.8666666666667H386.1333333333334V85.3333333333334C386.1333333333334 98.9866666666667 319.36 130.1333333333333 256 130.1333333333333z" />
+    
+    <glyph glyph-name="atom"
+      unicode="&#xF767;"
+      horiz-adv-x="512" d=" M256 213.3333333333334C267.7333333333334 213.3333333333334 277.3333333333333 203.7333333333334 277.3333333333333 192S267.7333333333334 170.6666666666667 256 170.6666666666667S234.6666666666667 180.2666666666667 234.6666666666667 192S244.2666666666667 213.3333333333334 256 213.3333333333334M90.0266666666667 357.9733333333334C120.5333333333333 388.48 186.6666666666667 374.8266666666667 256 329.3866666666667C325.3333333333333 374.8266666666667 391.4666666666667 388.48 421.9733333333334 357.9733333333334C452.48 327.4666666666667 438.8266666666667 261.3333333333334 393.3866666666667 192C438.8266666666667 122.6666666666667 452.48 56.5333333333333 421.9733333333334 26.0266666666666C391.4666666666667 -4.48 325.3333333333333 9.1733333333333 256 54.6133333333333C186.6666666666667 9.1733333333333 120.5333333333333 -4.48 90.0266666666667 26.0266666666666C59.52 56.5333333333333 73.1733333333333 122.6666666666667 118.6133333333333 192C73.1733333333333 261.3333333333334 59.52 327.4666666666667 90.0266666666667 357.9733333333334M331.52 267.52C344.5333333333333 254.2933333333334 356.48 240.8533333333333 367.5733333333333 227.4133333333334C397.0133333333333 272.8533333333334 407.68 311.8933333333333 391.68 327.68C375.8933333333333 343.68 336.8533333333333 333.0133333333333 291.4133333333333 303.5733333333334C304.8533333333334 292.48 318.2933333333333 280.5333333333334 331.52 267.5200000000001M180.48 116.48C167.4666666666667 129.7066666666667 155.52 143.1466666666667 144.4266666666667 156.5866666666667C114.9866666666667 111.1466666666667 104.32 72.1066666666667 120.32 56.3200000000001C136.1066666666667 40.3200000000001 175.1466666666667 50.9866666666667 220.5866666666667 80.4266666666667C207.1466666666667 91.52 193.7066666666667 103.4666666666667 180.48 116.48M120.32 327.68C104.32 311.8933333333333 114.9866666666667 272.8533333333334 144.4266666666667 227.4133333333334C155.52 240.8533333333334 167.4666666666667 254.2933333333334 180.48 267.52C193.7066666666667 280.5333333333333 207.1466666666667 292.48 220.5866666666667 303.5733333333333C175.1466666666667 333.0133333333333 136.1066666666667 343.68 120.32 327.68M210.7733333333333 146.7733333333333C225.7066666666666 131.84 241.0666666666667 118.1866666666667 256 106.0266666666666C270.9333333333333 118.1866666666667 286.2933333333333 131.84 301.2266666666667 146.7733333333333C316.16 161.7066666666667 329.8133333333334 177.0666666666667 341.9733333333334 192C329.8133333333334 206.9333333333333 316.16 222.2933333333334 301.2266666666667 237.2266666666667C286.2933333333334 252.1600000000001 270.9333333333334 265.8133333333334 256 277.9733333333334C241.0666666666667 265.8133333333334 225.7066666666667 252.1600000000001 210.7733333333333 237.2266666666667C195.84 222.2933333333334 182.1866666666667 206.9333333333334 170.0266666666667 192C182.1866666666667 177.0666666666667 195.84 161.7066666666667 210.7733333333333 146.7733333333333M391.68 56.3200000000001C407.68 72.1066666666667 397.0133333333333 111.1466666666667 367.5733333333333 156.5866666666667C356.48 143.1466666666667 344.5333333333333 129.7066666666667 331.52 116.48C318.2933333333334 103.4666666666667 304.8533333333334 91.52 291.4133333333333 80.4266666666667C336.8533333333333 50.9866666666667 375.8933333333333 40.3200000000001 391.68 56.3200000000001z" />
+  </font>
+</defs>
+</svg>
diff --git a/www/fonts/material-design-icons.ttf b/www/fonts/material-design-icons.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..75cde78f1ad24a1c44b36ab07adfcf0d722b0b20
Binary files /dev/null and b/www/fonts/material-design-icons.ttf differ
diff --git a/www/fonts/material-design-icons.woff b/www/fonts/material-design-icons.woff
new file mode 100644
index 0000000000000000000000000000000000000000..8adbd27dd130cb4f1499c8734b8a7029f6a1000e
Binary files /dev/null and b/www/fonts/material-design-icons.woff differ
diff --git a/www/fonts/material-design-icons.woff2 b/www/fonts/material-design-icons.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..bc58886faec0ccb5d8f4a5691ffa4153b4627424
Binary files /dev/null and b/www/fonts/material-design-icons.woff2 differ
diff --git a/www/fonts/simple-line-icons.svg b/www/fonts/simple-line-icons.svg
index ed0de1b8c7fd6d175d82d2663737159bc82af4de..e8cb6e474761cc24fdd69e2e2b41f7e7249c86a7 100644
--- a/www/fonts/simple-line-icons.svg
+++ b/www/fonts/simple-line-icons.svg
@@ -6,6 +6,10 @@
 <font id="simple-line-icons" horiz-adv-x="1000" >
 <font-face font-family="simple-line-icons" font-weight="400" font-stretch="normal" units-per-em="1000" ascent="850" descent="-150" />
 <missing-glyph horiz-adv-x="1000" />
+<!--
+    <glyph glyph-name="outline-person" unicode="&#xf206;" d="M0 0h24v24H0V0z M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1 2.1S9.9 9.16 9.9 8s.94-2.1 2.1-2.1m0 9c2.97 0 6.1 1.46 6.1 2.1v1.1H5.9V17c0-.64 3.13-2.1 6.1-2.1M12 4C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 9c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4z" horiz-adv-x="1000" />
+-->
+
 <glyph glyph-name="user-female" unicode="&#xe000;" d="M938 66l-272 129c36 18 178 24 189 56 0 0-56 86-69 198-6 43-15 100-24 180-14 130-124 221-262 221h0 0c-138 0-247-91-262-221-9-80-18-137-24-180-13-112-69-198-69-198 12-32 153-38 190-56l-272-129s-63-22-63-74v-82c0-35 28-60 63-60h875c34 0 62 25 62 60v82c0 52-62 74-62 74z m-875-154v80c0 4 11 12 21 15 2 1 3 2 5 3l272 129c22 10 36 32 36 56 0 23-13 45-34 56-22 11-50 16-94 24-10 1-24 4-38 7 18 40 38 96 46 159 1 16 4 34 7 54 4 33 10 76 16 127 11 97 93 166 200 166h0 0c107 0 189-69 200-166 6-51 12-94 16-127 3-20 6-38 8-54 7-63 27-119 45-159-14-3-28-6-38-7-44-8-72-13-93-24-22-11-35-33-35-57 0-23 14-45 36-55l272-129c2-1 3-2 5-3 10-3 20-11 22-15l0-80h-875z" horiz-adv-x="1000" />
 
 <glyph glyph-name="people" unicode="&#xe001;" d="M729 34l-197 109c73 58 93 171 93 234v132c0 88-116 185-233 185-116 0-236-97-236-185v-132c0-57 25-174 99-233l-202-110s-53-23-53-53v-79c0-29 24-53 53-53h676c29 0 52 24 52 53v79c0 32-52 53-52 53z m-10-122h-656v56c4 3 10 7 15 9 2 1 3 2 5 2l201 110c19 10 31 28 33 49s-7 42-23 55c-53 42-75 135-75 184v132c0 45 84 122 173 122 90 0 170-76 170-122v-132c0-49-15-142-69-185-16-13-25-33-23-54 1-21 13-39 32-50l197-109c1-1 4-2 5-2 5-2 11-6 15-9v-56z m228 278l-199 109c73 57 96 171 96 234v132c0 87-119 186-236 186-76 0-153-42-198-94 25-2 54-2 78-10 33 26 75 41 120 41 90 0 173-77 173-123v-132c0-49-18-143-72-185-17-13-25-33-24-54 2-21 14-40 33-50l199-109c2-1 4-2 6-3 5-2 10-5 15-8v-55h-127c19-15 25-35 33-63h103c29 0 53 24 53 53v78c0 31-53 53-53 53z" horiz-adv-x="1000" />
diff --git a/www/images/svg/icon-outline-person.svg b/www/images/svg/icon-outline-person.svg
new file mode 100644
index 0000000000000000000000000000000000000000..29e2fa787c4162852ba9ce9b6a7f4c1209c7d31a
--- /dev/null
+++ b/www/images/svg/icon-outline-person.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" width="24" height="24" viewBox="0 0 24.00 24.00" enable-background="new 0 0 24.00 24.00" xml:space="preserve">
+	<path fill="#000000" fill-opacity="1" stroke-width="0.2" stroke-linejoin="round" d="M 11.9994,3.99807C 14.2074,3.99807 15.9994,5.79006 15.9994,7.99807C 15.9994,10.2051 14.2074,11.9981 11.9994,11.9981C 9.79138,11.9981 7.99939,10.2051 7.99939,7.99807C 7.99939,5.79006 9.79138,3.99807 11.9994,3.99807 Z M 11.9994,5.99808C 10.8966,5.99808 9.99943,6.89522 9.99943,7.99807C 9.99943,9.10092 10.8966,9.99806 11.9994,9.99806C 13.1023,9.99806 13.9994,9.10092 13.9994,7.99807C 13.9994,6.89522 13.1023,5.99808 11.9994,5.99808 Z M 11.9994,12.9981C 14.6664,12.9981 19.9994,14.3331 19.9994,16.9981L 19.9994,19.9981L 3.99939,19.9981L 3.99939,16.9981C 3.99939,14.3331 9.3324,12.9981 11.9994,12.9981 Z M 11.9994,14.8981C 9.02539,14.8981 5.89937,16.3551 5.89937,16.9981L 5.89937,18.0981L 18.0994,18.0981L 18.0994,16.9981C 18.0994,16.3551 14.9734,14.8981 11.9994,14.8981 Z "/>
+</svg>
\ No newline at end of file