diff --git a/client/src/components/UserWidget.vue b/client/src/components/UserWidget.vue
index 87fa6b39..42e9aaa7 100644
--- a/client/src/components/UserWidget.vue
+++ b/client/src/components/UserWidget.vue
@@ -1,19 +1,21 @@
 <template>
     <div class="user-widget" :class="{'user-widget--is-profile': isProfile}">
-      <user-icon class="user-widget__avatar" :src="avatar"></user-icon>
+      <div class="user-widget__avatar">
+        <avatar :avatar-url="avatarUrl" :icon-highlighted="isProfile" />
+      </div>
       <span class="user-widget__name">{{firstName}} {{lastName}}</span>
       <span class="user-widget__date" v-if="date">{{date}}</span>
     </div>
 </template>
 
 <script>
-  import UserIcon from '@/components/icons/UserIcon';
+  import Avatar from '@/components/profile/Avatar';
 
   export default {
-    props: ['firstName', 'lastName', 'avatar', 'date'],
+    props: ['firstName', 'lastName', 'avatarUrl', 'date'],
 
     components: {
-      UserIcon
+      Avatar
     },
     computed: {
       isProfile() {
@@ -44,15 +46,10 @@
     &__avatar {
       width: 30px;
       height: 30px;
-      border-radius: 15px;
       fill: $color-grey;
     }
 
     &--is-profile {
-      & > svg {
-        fill: $color-brand;
-      }
-
       & > span {
         color: $color-brand;
       }
diff --git a/client/src/components/portfolio/OwnerWidget.vue b/client/src/components/portfolio/OwnerWidget.vue
index 6bec8b66..0978ccf6 100644
--- a/client/src/components/portfolio/OwnerWidget.vue
+++ b/client/src/components/portfolio/OwnerWidget.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="owner-widget">
-    <user-icon></user-icon>
+    <avatar class="owner-widget__avatar" :avatarUrl="avatarUrl" />
     <span>
         {{name}}
     </span>
@@ -8,32 +8,34 @@
 </template>
 
 <script>
-  import UserIcon from '@/components/icons/UserIcon.vue';
+  import Avatar from '@/components/profile/Avatar';
 
   export default {
-    props: ['name'],
+    props: ['name', 'avatarUrl'],
 
     components: {
-      UserIcon
+      Avatar
     }
   }
 </script>
 
 <style scoped lang="scss">
   @import "@/styles/_mixins.scss";
+  @import "@/styles/_variables.scss";
 
   .owner-widget {
     display: flex;
     align-items: center;
-    opacity: 0.6;
+    margin-top: $small-spacing;
 
-    svg {
+    &__avatar {
       width: 30px;
-      fill: $color-darkgrey-1;
-      margin-right: 15px;
+      height: 30px;
     }
 
     & > span {
+      opacity: 0.6;
+      margin-left: $small-spacing;
       @include room-widget-text-style;;
     }
   }
diff --git a/client/src/components/portfolio/ProjectWidget.vue b/client/src/components/portfolio/ProjectWidget.vue
index 9f6ff647..c6f81461 100644
--- a/client/src/components/portfolio/ProjectWidget.vue
+++ b/client/src/components/portfolio/ProjectWidget.vue
@@ -4,7 +4,7 @@
       <h3 class="project-widget__title">{{title}}</h3>
 
       <entry-count-widget :entry-count="entriesCount"></entry-count-widget>
-      <owner-widget :name="owner"></owner-widget>
+      <owner-widget :name="owner" :avatarUrl="student.avatarUrl"></owner-widget>
     </router-link>
     <widget-footer v-if="isOwner" class="project-widget__footer">
       <template slot-scope="scope">
diff --git a/client/src/components/profile/Avatar.vue b/client/src/components/profile/Avatar.vue
new file mode 100644
index 00000000..0b8d7eb7
--- /dev/null
+++ b/client/src/components/profile/Avatar.vue
@@ -0,0 +1,87 @@
+<template>
+  <div class="avatar">
+    <transition name="fade">
+      <user-icon v-show="!isAvatarLoaded" class="avatar__placeholder" :class="{'avatar__placeholder--highlighted': iconHighlighted}"></user-icon>
+    </transition>
+    <transition name="show">
+      <div v-show="isAvatarLoaded" class="avatar__image" ref="avatarImage" :style="{'background-image': `url(${this.avatarUrl})`}"></div>
+    </transition>
+    <img class="avatar__fake-image" :src="avatarUrl" ref="fakeImage"/>
+  </div>
+</template>
+
+<script>
+
+  import UserIcon from '@/components/icons/UserIcon';
+
+  export default {
+    props: ['avatarUrl', 'iconHighlighted'],
+    components: {UserIcon},
+    data () {
+      return {
+        isAvatarLoaded: false
+      }
+    },
+    mounted () {
+      if (this.avatarUrl !== '') {
+        this.$refs.fakeImage.addEventListener('load', () => {
+          this.$refs.fakeImage.remove();
+          this.isAvatarLoaded = true;
+        });
+      };
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+  @import "@/styles/_variables.scss";
+
+  $max-width: 100%;
+
+  .avatar {
+    height: $max-width;
+    width: $max-width;
+    overflow: hidden;
+    text-align: center;
+    border-radius: 50%;
+
+    &__placeholder {
+      height: $max-width;
+      fill: $color-grey;
+
+      &--highlighted {
+        fill: $color-brand;
+      }
+    }
+
+    &__image {
+
+    background-size: cover;
+    background-position: center center;
+    height: 100%;
+    width: 100%;
+    border: 0;
+
+    &--landscape {
+        width: auto;
+        height: $max-width;
+      }
+    }
+
+    &__fake-image {
+      width: 0;
+      height: 0;
+    }
+
+     .fade-leave-active, .show-enter-active {
+      transition: opacity .5s;
+    }
+    .fade-leave-to, .show-enter  {
+      opacity: 0;
+    }
+
+    .show-enter-to {
+      opacity: 1;
+    }
+  }
+</style>
diff --git a/client/src/components/profile/AvatarUploadForm.vue b/client/src/components/profile/AvatarUploadForm.vue
new file mode 100644
index 00000000..070a949c
--- /dev/null
+++ b/client/src/components/profile/AvatarUploadForm.vue
@@ -0,0 +1,33 @@
+<template>
+  <div class="avatar-upload">
+    <image-form :value="value" index="0" @link-change-url="changeLinkUrl" />
+  </div>
+</template>
+
+<script>
+
+  import ImageForm from '@/components/content-forms/ImageForm';
+
+  export default {
+    components: {
+      ImageForm
+    },
+    methods: {
+      changeLinkUrl(value, index) {
+        this.$emit('avatarUpdate', value);
+      }
+    },
+    data() {
+      return {
+        value: {
+          url: ''
+        }
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  @import "@/styles/_variables.scss";
+
+</style>
diff --git a/client/src/pages/passwordChange.vue b/client/src/components/profile/PasswordChange.vue
similarity index 92%
rename from client/src/pages/passwordChange.vue
rename to client/src/components/profile/PasswordChange.vue
index 8c01b0e8..3d48a364 100644
--- a/client/src/pages/passwordChange.vue
+++ b/client/src/components/profile/PasswordChange.vue
@@ -1,10 +1,10 @@
 <template>
   <div class="password-reset">
-    <h1 class="password-reset__header">Passwort ändern</h1>
+    <h2 class="password-reset__header">Passwort ändern</h2>
     <div v-if="showSuccess" class="success-message">
       <p class="success-message__msg" data-cy="password-change-success">Dein Password wurde erfolgreich geändert.</p>
     </div>
-    <password-change
+    <password-change-form
       @passwordSubmited="resetPassword"
       :oldPasswordErrors="oldPasswordErrors"
       :newPasswordErrors="newPasswordErrors" />
@@ -14,11 +14,11 @@
 <script>
 
   import UPDATE_PASSWORD_MUTATION from '@/graphql/gql/mutations/updatePassword.gql';
-  import PasswordChange from '@/components/PasswordChange'
+  import PasswordChangeForm from '@/components/profile/PasswordChangeForm'
 
   export default {
     components: {
-      PasswordChange
+      PasswordChangeForm
     },
 
     data() {
diff --git a/client/src/components/PasswordChange.vue b/client/src/components/profile/PasswordChangeForm.vue
similarity index 100%
rename from client/src/components/PasswordChange.vue
rename to client/src/components/profile/PasswordChangeForm.vue
diff --git a/client/src/components/profile/Profile.vue b/client/src/components/profile/Profile.vue
new file mode 100644
index 00000000..1c8d6764
--- /dev/null
+++ b/client/src/components/profile/Profile.vue
@@ -0,0 +1,93 @@
+<template>
+  <div class="profile">
+    <h1 class="profile__header">Profil</h1>
+    <h2 class="profile__avatar profile-avatar">Profilbild</h2>
+    <div class="profile-avatar" v-if="me.avatarUrl" >
+      <div class="profile-avatar__image">
+        <avatar :avatarUrl="me.avatarUrl" />
+      </div>
+      <a class="profile-avatar__remove icon-button" @click="deleteAvatar()">
+        <trash-icon class="profile-avatar__remove-icon icon-button__icon"></trash-icon>
+      </a>
+    </div>
+    <avatar-upload-form v-else @avatarUpdate="updateAvatar"/>
+    <password-change />
+  </div>
+</template>
+
+<script>
+
+  import UPDATE_AVATAR_QUERY from '@/graphql/gql/mutations/UpdateAvatarUrl.gql';
+  import ME_QUERY from '@/graphql/gql/meQuery.gql';
+  import PasswordChange from '@/components/profile/PasswordChange';
+  import AvatarUploadForm from '@/components/profile/AvatarUploadForm';
+  import Avatar from '@/components/profile/Avatar';
+  import TrashIcon from '@/components/icons/TrashIcon';
+
+  export default {
+    components: {
+      PasswordChange,
+      AvatarUploadForm,
+      Avatar,
+      TrashIcon
+    },
+
+    data() {
+      return {
+        me: {
+          avatarUrl: ''
+        }
+      }
+    },
+    apollo: {
+      me: {
+        query: ME_QUERY,
+      },
+    },
+    methods: {
+      deleteAvatar () {
+        this.updateAvatar('');
+      },
+      updateAvatar (url) {
+        this.$apollo.mutate({
+          mutation: UPDATE_AVATAR_QUERY,
+          variables: {
+            input: {
+              avatarUrl: url
+            }
+          },
+          update(store, {data: {updateAvatar: {success}}}) {
+            if (success) {
+              const data = store.readQuery({query: ME_QUERY});
+              if (data) {
+                data.me.avatarUrl = url;
+                store.writeQuery({query: ME_QUERY, data});
+              }
+            }
+          }
+        }).catch((error) => {
+          console.warn('UploadError', error)
+        });
+      }
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+  @import "@/styles/_variables.scss";
+
+  .profile-avatar {
+    display: flex;
+    flex-direction: row;
+
+    &__image {
+      height: 230px;
+      width: 230px;
+    }
+  }
+
+  .profile-avatar {
+    margin-bottom: $large-spacing;
+  }
+
+</style>
diff --git a/client/src/graphql/gql/fragments/projectParts.gql b/client/src/graphql/gql/fragments/projectParts.gql
index 4f7d27d5..3e98bef0 100644
--- a/client/src/graphql/gql/fragments/projectParts.gql
+++ b/client/src/graphql/gql/fragments/projectParts.gql
@@ -9,7 +9,8 @@ fragment ProjectParts on ProjectNode {
   student {
     firstName
     lastName
-    id
+    id,
+    avatarUrl
   }
   entriesCount
 }
diff --git a/client/src/graphql/gql/fragments/roomEntryParts.gql b/client/src/graphql/gql/fragments/roomEntryParts.gql
index 370c56d7..abdf8e40 100644
--- a/client/src/graphql/gql/fragments/roomEntryParts.gql
+++ b/client/src/graphql/gql/fragments/roomEntryParts.gql
@@ -7,5 +7,6 @@ fragment RoomEntryParts on RoomEntryNode {
     id
     firstName
     lastName
+    avatarUrl
   }
 }
diff --git a/client/src/graphql/gql/fragments/userParts.gql b/client/src/graphql/gql/fragments/userParts.gql
index 2a39dc96..1ea3939c 100644
--- a/client/src/graphql/gql/fragments/userParts.gql
+++ b/client/src/graphql/gql/fragments/userParts.gql
@@ -6,7 +6,7 @@ fragment UserParts on UserNode {
   email
   firstName
   lastName
-  avatar
+  avatarUrl
   lastModule {
     id
     slug
diff --git a/client/src/graphql/gql/mutations/updateAvatarUrl.gql b/client/src/graphql/gql/mutations/updateAvatarUrl.gql
new file mode 100644
index 00000000..ff6272df
--- /dev/null
+++ b/client/src/graphql/gql/mutations/updateAvatarUrl.gql
@@ -0,0 +1,11 @@
+mutation UpdateAvatar($input: UpdateAvatarInput!) {
+  updateAvatar(input: $input) {
+    success
+    errors {
+      field
+      errors {
+        code
+      }
+    }
+  }
+}
diff --git a/client/src/pages/profile.vue b/client/src/pages/profile.vue
index faf7caa4..94c32460 100644
--- a/client/src/pages/profile.vue
+++ b/client/src/pages/profile.vue
@@ -7,28 +7,14 @@
       <router-link to="/me/myclasses" active-class="top-navigation__link--active"
                   class="top-navigation__link profile-submenu__item submenu-item">Klassenliste
       </router-link>
-      <router-link to="/me/password-change" active-class="top-navigation__link--active"
-                  class="top-navigation__link profile-submenu__item submenu-item">Passwort ändern
+      <router-link to="/me/profile" active-class="top-navigation__link--active"
+                  class="top-navigation__link profile-submenu__item submenu-item">Profil
       </router-link>
     </nav>
     <router-view></router-view>
   </div>
 </template>
 
-<script>
-  export default {
-    components: {
-
-    },
-
-    data() {
-      return {
-        me: []
-      }
-    }
-  }
-</script>
-
 <style scoped lang="scss">
   @import "@/styles/_variables.scss";
   @import "@/styles/_functions.scss";
diff --git a/client/src/router/index.js b/client/src/router/index.js
index 4d3f6a24..ad2567c2 100644
--- a/client/src/router/index.js
+++ b/client/src/router/index.js
@@ -18,7 +18,7 @@ import submission from '@/pages/studentSubmission'
 import portfolio from '@/pages/portfolio'
 import project from '@/pages/project'
 import profilePage from '@/pages/profile'
-import passwordChange from '@/pages/passwordChange'
+import profile from '@/components/profile/profile'
 import myClasses from '@/pages/myClasses'
 import activity from '@/pages/activity'
 import Router from 'vue-router'
@@ -81,7 +81,7 @@ const routes = [
     path: '/me',
     component: profilePage,
     children: [
-      {path: 'password-change', name: 'pw-change', component: passwordChange, meta: {isProfile: true}},
+      {path: 'profile', name: 'profile', component: profile, meta: {isProfile: true}},
       {path: 'myclasses', name: 'my-classes', component: myClasses, meta: {isProfile: true}},
       {path: 'activity', name: 'activity', component: activity, meta: {isProfile: true}},
       {path: '', name: 'profile-activity', component: activity, meta: {isProfile: true}},
diff --git a/server/users/migrations/0004_user_avatar_url.py b/server/users/migrations/0004_user_avatar_url.py
new file mode 100644
index 00000000..a8a73705
--- /dev/null
+++ b/server/users/migrations/0004_user_avatar_url.py
@@ -0,0 +1,18 @@
+# Generated by Django 2.0.6 on 2019-04-23 12:08
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('users', '0003_user_last_module'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='user',
+            name='avatar_url',
+            field=models.CharField(blank=True, default='', max_length=254),
+        ),
+    ]
diff --git a/server/users/models.py b/server/users/models.py
index 2e33c4ff..6cc3ac78 100644
--- a/server/users/models.py
+++ b/server/users/models.py
@@ -12,6 +12,7 @@ DEFAULT_SCHOOL_ID = 1
 
 class User(AbstractUser):
     last_module = models.ForeignKey('books.Module', related_name='+', on_delete=models.SET_NULL, null=True)
+    avatar_url = models.CharField(max_length=254, blank=True, default='')
 
     def get_role_permissions(self):
         perms = set()
diff --git a/server/users/mutations.py b/server/users/mutations.py
index 64255ac1..f3500b79 100644
--- a/server/users/mutations.py
+++ b/server/users/mutations.py
@@ -2,7 +2,7 @@ import graphene
 from django.contrib.auth import update_session_auth_hash
 from graphene import relay
 from users.inputs import PasswordUpdateInput
-from users.serializers import PasswordSerialzer
+from users.serializers import PasswordSerialzer, AvatarUrlSerializer
 
 
 class FieldError(graphene.ObjectType):
@@ -19,7 +19,7 @@ class UpdatePassword(relay.ClientIDMutation):
         password_input = graphene.Argument(PasswordUpdateInput)
 
     success = graphene.Boolean()
-    errors = graphene.List(UpdateError)
+    errors = graphene.List(UpdateError)  # todo: change for consistency
 
     @classmethod
     def mutate_and_get_payload(cls, root, info, **kwargs):
@@ -45,5 +45,38 @@ class UpdatePassword(relay.ClientIDMutation):
         return cls(success=False, errors=errors)
 
 
+class UpdateAvatar(relay.ClientIDMutation):
+    class Input:
+        avatar_url = graphene.String()
+
+    success = graphene.Boolean()
+    errors = graphene.List(UpdateError)  # todo: change for consistency
+
+    @classmethod
+    def mutate_and_get_payload(cls, root, info, **kwargs):
+        user = info.context.user
+        avatar_data = kwargs.get('avatar_url')
+
+        serializer = AvatarUrlSerializer(data={'avatar_url': avatar_data})
+        if serializer.is_valid():
+            user.avatar_url = avatar_data
+            user.save()
+            return cls(success=True)
+
+        errors = []
+        for key, value in serializer.errors.items():
+
+            error = UpdateError(field=key, errors=[])
+
+            for field_error in serializer.errors[key]:
+                error.errors.append(FieldError(code=field_error.code))
+
+            errors.append(error)
+
+        return cls(success=False, errors=errors)
+
+
 class ProfileMutations:
     update_password = UpdatePassword.Field()
+    update_avatar = UpdateAvatar.Field()
+
diff --git a/server/users/schema.py b/server/users/schema.py
index 401b9adf..a6b91000 100644
--- a/server/users/schema.py
+++ b/server/users/schema.py
@@ -9,12 +9,11 @@ from users.models import SchoolClass, User
 class UserNode(DjangoObjectType):
     pk = graphene.Int()
     permissions = graphene.List(graphene.String)
-    avatar = graphene.String()
 
     class Meta:
         model = User
         filter_fields = ['username', 'email']
-        only_fields = ['username', 'email', 'first_name', 'last_name', 'school_classes', 'last_module']
+        only_fields = ['username', 'email', 'first_name', 'last_name', 'school_classes', 'last_module', 'avatar_url']
         interfaces = (relay.Node,)
 
     def resolve_pk(self, info, **kwargs):
@@ -23,9 +22,6 @@ class UserNode(DjangoObjectType):
     def resolve_permissions(self, info):
         return self.get_all_permissions()
 
-    def resolve_avatar(self, info):
-        return 'data:image/jpeg;base64,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'
-
 
 class SchoolClassNode(DjangoObjectType):
     pk = graphene.Int()
diff --git a/server/users/serializers.py b/server/users/serializers.py
index 9a9b0cee..ad05594c 100644
--- a/server/users/serializers.py
+++ b/server/users/serializers.py
@@ -11,7 +11,7 @@ import re
 
 from django.contrib.auth import get_user_model
 from rest_framework import serializers
-from rest_framework.fields import CharField
+from rest_framework.fields import CharField, URLField
 from django.utils.translation import ugettext_lazy as _
 
 MIN_PASSWORD_LENGTH = 8
@@ -63,3 +63,7 @@ class PasswordSerialzer(serializers.Serializer):
 
     def validate(self, obj):
         return validate_old_new_password(obj)
+
+
+class AvatarUrlSerializer(serializers.Serializer):
+    avatar_url = URLField(allow_blank=True)