generated
forgejo-actions
|
|
@ -1 +1 @@
|
|||
<!doctype html><html lang=en-us dir=ltr><head><meta charset=utf-8><meta name=viewport content="width=device-width"><meta name=color-scheme content="dark"><meta property="og:title" content="Categories"><meta property="og:description" content><meta property="og:type" content="website"><meta property="og:url" content="https://melissasarria.site/categories/"><title>Categories</title><link rel=stylesheet href=/css/main.min.7c6d5cc0fef6e8aea69e4f62c4d6a39c67541ae7927c4735ae3460b9c710f5d1.css integrity="sha256-fG1cwP726K6mnk9ixNajnGdUGueSfEc1rjRguccQ9dE=" crossorigin=anonymous><link rel=stylesheet type=text/css href=/icons/fontawesome.css><script src=/js/main.min.e5d39ccfb0f0cea6d6d76d9d863adeee51fe8bf9d85844f3c4ed0b7c33f38388.js integrity="sha256-5dOcz7DwzqbW122dhjre7lH+i/nYWETzxO0LfDPzg4g=" crossorigin=anonymous></script></head><body><header><h2><a href=/>UX Portfolio</a></h2><h2><a href=/cv/>CV</a></h2></header><main><article class=content><div class=title><h1>Categories</h1></div></article></main><footer></footer></body></html>
|
||||
<!doctype html><html lang=en-us dir=ltr><head><meta charset=utf-8><meta name=viewport content="width=device-width"><meta name=color-scheme content="dark"><meta property="og:title" content="Categories"><meta property="og:description" content><meta property="og:type" content="website"><meta property="og:url" content="https://melissasarria.site/categories/"><title>Categories</title><link rel=stylesheet href=/css/main.min.0f85edd55584a5f72b3f9e2b56177162130f79f6c88a4ccc25b3d1bc96743ebd.css integrity="sha256-D4Xt1VWEpfcrP54rVhdxYhMPefbIikzMJbPRvJZ0Pr0=" crossorigin=anonymous><link rel=stylesheet type=text/css href=/icons/fontawesome.css><script src=/js/main.min.e5d39ccfb0f0cea6d6d76d9d863adeee51fe8bf9d85844f3c4ed0b7c33f38388.js integrity="sha256-5dOcz7DwzqbW122dhjre7lH+i/nYWETzxO0LfDPzg4g=" crossorigin=anonymous></script></head><body><header><h2><a href=/>UX Portfolio</a></h2><h2><a href=/cv/>CV</a></h2></header><main><article class=content><div class=title><h1>Categories</h1></div></article></main><footer></footer></body></html>
|
||||
|
|
@ -3,4 +3,4 @@
|
|||
2020 - 2021 Forschungspraktikantin LobVR / Osnabrück
|
||||
Aus- und Weiterbildungen 2024 Certified User Experience Designer XDi- Experience Design Institut
|
||||
2023 Digital Product Design: UX Research & UI Design Udemy
|
||||
2019-2022 M.sc. Cognitive Science Universität Osnabrück / Osnabrück Schwerpunkte: Kognitive Psychologie und Computerlinguitik Thesenthema: A graph approach for the identification of exploratory and exploitative navigational strategies in a Virtual Reality city exploration."><meta property="og:type" content="article"><meta property="og:url" content="https://melissasarria.site/cv/"><meta property="article:section" content><title>CV</title><link rel=stylesheet href=/css/main.min.7c6d5cc0fef6e8aea69e4f62c4d6a39c67541ae7927c4735ae3460b9c710f5d1.css integrity="sha256-fG1cwP726K6mnk9ixNajnGdUGueSfEc1rjRguccQ9dE=" crossorigin=anonymous><link rel=stylesheet type=text/css href=/icons/fontawesome.css><script src=/js/main.min.e5d39ccfb0f0cea6d6d76d9d863adeee51fe8bf9d85844f3c4ed0b7c33f38388.js integrity="sha256-5dOcz7DwzqbW122dhjre7lH+i/nYWETzxO0LfDPzg4g=" crossorigin=anonymous></script></head><body><header><h2><a href=/>UX Portfolio</a></h2><h2><a href=/cv/>CV</a></h2></header><main><article class=content><div class=title><h1>CV</h1></div><h2 id=beruflicher-werdegang>Beruflicher Werdegang</h2><p>2023 Wissenchafliche Hilskraft (Neurobiopsychologie) Universität Osnabrück / Osnabrück</p><p>2023 Wissenchafliche Hilskraft (Vergleichende Kognitionsbiologie) Universität Osnabrück / Osnabrück</p><p>2020 - 2021 Forschungspraktikantin LobVR / Osnabrück</p><h2 id=aus--und-weiterbildungen>Aus- und Weiterbildungen</h2><p>2024 Certified User Experience Designer XDi- Experience Design Institut</p><p>2023 Digital Product Design: UX Research & UI Design Udemy</p><p>2019-2022 M.sc. Cognitive Science Universität Osnabrück / Osnabrück Schwerpunkte: Kognitive Psychologie und Computerlinguitik Thesenthema: A graph approach for the identification of exploratory and exploitative navigational strategies in a Virtual Reality city exploration. Ausgezeichnet mit dem Förderpreis der Universität Osnabrück 2022/2023 gestiftet durch die ROSEN Gruppe</p><p>2013- 2017 Studium zur Psychologin Pontificia Universidad Javeriana / Bogotá, Kolumbien</p></article></main><footer></footer></body></html>
|
||||
2019-2022 M.sc. Cognitive Science Universität Osnabrück / Osnabrück Schwerpunkte: Kognitive Psychologie und Computerlinguitik Thesenthema: A graph approach for the identification of exploratory and exploitative navigational strategies in a Virtual Reality city exploration."><meta property="og:type" content="article"><meta property="og:url" content="https://melissasarria.site/cv/"><meta property="article:section" content><title>CV</title><link rel=stylesheet href=/css/main.min.0f85edd55584a5f72b3f9e2b56177162130f79f6c88a4ccc25b3d1bc96743ebd.css integrity="sha256-D4Xt1VWEpfcrP54rVhdxYhMPefbIikzMJbPRvJZ0Pr0=" crossorigin=anonymous><link rel=stylesheet type=text/css href=/icons/fontawesome.css><script src=/js/main.min.e5d39ccfb0f0cea6d6d76d9d863adeee51fe8bf9d85844f3c4ed0b7c33f38388.js integrity="sha256-5dOcz7DwzqbW122dhjre7lH+i/nYWETzxO0LfDPzg4g=" crossorigin=anonymous></script></head><body><header><h2><a href=/>UX Portfolio</a></h2><h2><a href=/cv/>CV</a></h2></header><main><article class=content><div class=title><h1>CV</h1></div><h2 id=beruflicher-werdegang>Beruflicher Werdegang</h2><p>2023 Wissenchafliche Hilskraft (Neurobiopsychologie) Universität Osnabrück / Osnabrück</p><p>2023 Wissenchafliche Hilskraft (Vergleichende Kognitionsbiologie) Universität Osnabrück / Osnabrück</p><p>2020 - 2021 Forschungspraktikantin LobVR / Osnabrück</p><h2 id=aus--und-weiterbildungen>Aus- und Weiterbildungen</h2><p>2024 Certified User Experience Designer XDi- Experience Design Institut</p><p>2023 Digital Product Design: UX Research & UI Design Udemy</p><p>2019-2022 M.sc. Cognitive Science Universität Osnabrück / Osnabrück Schwerpunkte: Kognitive Psychologie und Computerlinguitik Thesenthema: A graph approach for the identification of exploratory and exploitative navigational strategies in a Virtual Reality city exploration. Ausgezeichnet mit dem Förderpreis der Universität Osnabrück 2022/2023 gestiftet durch die ROSEN Gruppe</p><p>2013- 2017 Studium zur Psychologin Pontificia Universidad Javeriana / Bogotá, Kolumbien</p></article></main><footer></footer></body></html>
|
||||
|
Before Width: | Height: | Size: 68 KiB After Width: | Height: | Size: 68 KiB |
|
Before Width: | Height: | Size: 4.7 KiB After Width: | Height: | Size: 4.7 KiB |
|
Before Width: | Height: | Size: 21 KiB After Width: | Height: | Size: 21 KiB |
|
Before Width: | Height: | Size: 42 KiB After Width: | Height: | Size: 42 KiB |
|
Before Width: | Height: | Size: 263 KiB After Width: | Height: | Size: 263 KiB |
|
Before Width: | Height: | Size: 29 KiB After Width: | Height: | Size: 29 KiB |
|
Before Width: | Height: | Size: 85 KiB After Width: | Height: | Size: 85 KiB |
|
Before Width: | Height: | Size: 162 KiB After Width: | Height: | Size: 162 KiB |
|
Before Width: | Height: | Size: 97 KiB After Width: | Height: | Size: 97 KiB |
|
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 10 KiB |
|
Before Width: | Height: | Size: 32 KiB After Width: | Height: | Size: 32 KiB |
|
Before Width: | Height: | Size: 61 KiB After Width: | Height: | Size: 61 KiB |
|
Before Width: | Height: | Size: 91 KiB After Width: | Height: | Size: 91 KiB |
|
Before Width: | Height: | Size: 21 KiB After Width: | Height: | Size: 21 KiB |
|
Before Width: | Height: | Size: 63 KiB After Width: | Height: | Size: 63 KiB |
|
Before Width: | Height: | Size: 116 KiB After Width: | Height: | Size: 116 KiB |
|
Before Width: | Height: | Size: 83 KiB After Width: | Height: | Size: 83 KiB |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 31 KiB After Width: | Height: | Size: 31 KiB |
|
Before Width: | Height: | Size: 56 KiB After Width: | Height: | Size: 56 KiB |
|
Before Width: | Height: | Size: 46 KiB After Width: | Height: | Size: 46 KiB |
|
Before Width: | Height: | Size: 27 KiB After Width: | Height: | Size: 27 KiB |
|
Before Width: | Height: | Size: 46 KiB After Width: | Height: | Size: 46 KiB |
|
Before Width: | Height: | Size: 46 KiB After Width: | Height: | Size: 46 KiB |
|
Before Width: | Height: | Size: 494 KiB After Width: | Height: | Size: 494 KiB |
|
Before Width: | Height: | Size: 77 KiB After Width: | Height: | Size: 77 KiB |
|
Before Width: | Height: | Size: 254 KiB After Width: | Height: | Size: 254 KiB |
|
Before Width: | Height: | Size: 494 KiB After Width: | Height: | Size: 494 KiB |
|
Before Width: | Height: | Size: 524 KiB After Width: | Height: | Size: 524 KiB |
|
Before Width: | Height: | Size: 79 KiB After Width: | Height: | Size: 79 KiB |
|
Before Width: | Height: | Size: 260 KiB After Width: | Height: | Size: 260 KiB |
|
Before Width: | Height: | Size: 528 KiB After Width: | Height: | Size: 528 KiB |
|
Before Width: | Height: | Size: 214 KiB After Width: | Height: | Size: 214 KiB |
|
Before Width: | Height: | Size: 23 KiB After Width: | Height: | Size: 23 KiB |
|
Before Width: | Height: | Size: 68 KiB After Width: | Height: | Size: 68 KiB |
|
Before Width: | Height: | Size: 132 KiB After Width: | Height: | Size: 132 KiB |
|
Before Width: | Height: | Size: 32 KiB After Width: | Height: | Size: 32 KiB |
|
Before Width: | Height: | Size: 41 KiB After Width: | Height: | Size: 41 KiB |
|
Before Width: | Height: | Size: 114 KiB After Width: | Height: | Size: 114 KiB |
|
Before Width: | Height: | Size: 32 KiB After Width: | Height: | Size: 32 KiB |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 29 KiB After Width: | Height: | Size: 29 KiB |
|
Before Width: | Height: | Size: 51 KiB After Width: | Height: | Size: 51 KiB |
|
Before Width: | Height: | Size: 26 KiB After Width: | Height: | Size: 26 KiB |
|
Before Width: | Height: | Size: 7.7 KiB After Width: | Height: | Size: 7.7 KiB |
|
Before Width: | Height: | Size: 21 KiB After Width: | Height: | Size: 21 KiB |
|
Before Width: | Height: | Size: 38 KiB After Width: | Height: | Size: 38 KiB |
|
Before Width: | Height: | Size: 101 KiB After Width: | Height: | Size: 101 KiB |
|
Before Width: | Height: | Size: 26 KiB After Width: | Height: | Size: 26 KiB |
|
Before Width: | Height: | Size: 72 KiB After Width: | Height: | Size: 72 KiB |
|
Before Width: | Height: | Size: 130 KiB After Width: | Height: | Size: 130 KiB |
|
Before Width: | Height: | Size: 204 KiB After Width: | Height: | Size: 204 KiB |
|
Before Width: | Height: | Size: 36 KiB After Width: | Height: | Size: 36 KiB |
|
Before Width: | Height: | Size: 121 KiB After Width: | Height: | Size: 121 KiB |
|
Before Width: | Height: | Size: 204 KiB After Width: | Height: | Size: 204 KiB |
|
Before Width: | Height: | Size: 354 KiB After Width: | Height: | Size: 354 KiB |
|
Before Width: | Height: | Size: 42 KiB After Width: | Height: | Size: 42 KiB |
|
Before Width: | Height: | Size: 133 KiB After Width: | Height: | Size: 133 KiB |
|
Before Width: | Height: | Size: 238 KiB After Width: | Height: | Size: 238 KiB |
|
Before Width: | Height: | Size: 80 KiB After Width: | Height: | Size: 80 KiB |
|
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 32 KiB After Width: | Height: | Size: 32 KiB |
|
Before Width: | Height: | Size: 55 KiB After Width: | Height: | Size: 55 KiB |
|
Before Width: | Height: | Size: 258 KiB After Width: | Height: | Size: 258 KiB |
|
Before Width: | Height: | Size: 52 KiB After Width: | Height: | Size: 52 KiB |
|
Before Width: | Height: | Size: 162 KiB After Width: | Height: | Size: 162 KiB |
|
Before Width: | Height: | Size: 307 KiB After Width: | Height: | Size: 307 KiB |
|
Before Width: | Height: | Size: 87 KiB After Width: | Height: | Size: 87 KiB |
|
Before Width: | Height: | Size: 31 KiB After Width: | Height: | Size: 31 KiB |
|
Before Width: | Height: | Size: 97 KiB After Width: | Height: | Size: 97 KiB |
|
Before Width: | Height: | Size: 87 KiB After Width: | Height: | Size: 87 KiB |
|
Before Width: | Height: | Size: 155 KiB After Width: | Height: | Size: 155 KiB |
|
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 20 KiB |
|
Before Width: | Height: | Size: 56 KiB After Width: | Height: | Size: 56 KiB |
|
Before Width: | Height: | Size: 104 KiB After Width: | Height: | Size: 104 KiB |
|
Before Width: | Height: | Size: 128 KiB After Width: | Height: | Size: 128 KiB |
|
Before Width: | Height: | Size: 34 KiB After Width: | Height: | Size: 34 KiB |
|
Before Width: | Height: | Size: 114 KiB After Width: | Height: | Size: 114 KiB |
|
Before Width: | Height: | Size: 128 KiB After Width: | Height: | Size: 128 KiB |
|
Before Width: | Height: | Size: 114 KiB After Width: | Height: | Size: 114 KiB |
|
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 37 KiB After Width: | Height: | Size: 37 KiB |
|
Before Width: | Height: | Size: 71 KiB After Width: | Height: | Size: 71 KiB |
|
|
@ -1,4 +1,4 @@
|
|||
<!doctype html><html lang=en-us dir=ltr><head><meta name=generator content="Hugo 0.115.4"><meta charset=utf-8><meta name=viewport content="width=device-width"><meta name=color-scheme content="dark"><meta property="og:title" content="Hi, I'm Melissa"><meta property="og:description" content><meta property="og:type" content="website"><meta property="og:url" content="https://melissasarria.site/"><title>Hi, I'm Melissa</title><link rel=stylesheet href=/css/main.min.7c6d5cc0fef6e8aea69e4f62c4d6a39c67541ae7927c4735ae3460b9c710f5d1.css integrity="sha256-fG1cwP726K6mnk9ixNajnGdUGueSfEc1rjRguccQ9dE=" crossorigin=anonymous><link rel=stylesheet type=text/css href=/icons/fontawesome.css><script src=/js/main.min.e5d39ccfb0f0cea6d6d76d9d863adeee51fe8bf9d85844f3c4ed0b7c33f38388.js integrity="sha256-5dOcz7DwzqbW122dhjre7lH+i/nYWETzxO0LfDPzg4g=" crossorigin=anonymous></script></head><body><header><h2><a href=/>UX Portfolio</a></h2><h2><a href=/cv/>CV</a></h2></header><main><div id=scroller class=scroller><section><div class="profile card"><div class=image><a href=/images/avatar.jpg><picture><source type=image/avif srcset="/images/avatar-320.jpg.avif 320w,
|
||||
<!doctype html><html lang=en-us dir=ltr><head><meta name=generator content="Hugo 0.115.4"><meta charset=utf-8><meta name=viewport content="width=device-width"><meta name=color-scheme content="dark"><meta property="og:title" content="Hi, I'm Melissa"><meta property="og:description" content><meta property="og:type" content="website"><meta property="og:url" content="https://melissasarria.site/"><title>Hi, I'm Melissa</title><link rel=stylesheet href=/css/main.min.0f85edd55584a5f72b3f9e2b56177162130f79f6c88a4ccc25b3d1bc96743ebd.css integrity="sha256-D4Xt1VWEpfcrP54rVhdxYhMPefbIikzMJbPRvJZ0Pr0=" crossorigin=anonymous><link rel=stylesheet type=text/css href=/icons/fontawesome.css><script src=/js/main.min.e5d39ccfb0f0cea6d6d76d9d863adeee51fe8bf9d85844f3c4ed0b7c33f38388.js integrity="sha256-5dOcz7DwzqbW122dhjre7lH+i/nYWETzxO0LfDPzg4g=" crossorigin=anonymous></script></head><body><header><h2><a href=/>UX Portfolio</a></h2><h2><a href=/cv/>CV</a></h2></header><main><div id=scroller class=scroller><section><div class="profile card"><div class=image><a href=/images/avatar.jpg><picture><source type=image/avif srcset="/images/avatar-320.jpg.avif 320w,
|
||||
/images/avatar-640.jpg.avif 640w,
|
||||
/images/avatar-960.jpg.avif 960w,
|
||||
/images/avatar-1280.jpg.avif 1280w,
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
<!doctype html><html lang=en-us dir=ltr><head><meta charset=utf-8><meta name=viewport content="width=device-width"><meta name=color-scheme content="dark"><meta property="og:title" content="Projects"><meta property="og:description" content><meta property="og:type" content="website"><meta property="og:url" content="https://melissasarria.site/projects/"><title>Projects</title><link rel=stylesheet href=/css/main.min.7c6d5cc0fef6e8aea69e4f62c4d6a39c67541ae7927c4735ae3460b9c710f5d1.css integrity="sha256-fG1cwP726K6mnk9ixNajnGdUGueSfEc1rjRguccQ9dE=" crossorigin=anonymous><link rel=stylesheet type=text/css href=/icons/fontawesome.css><script src=/js/main.min.e5d39ccfb0f0cea6d6d76d9d863adeee51fe8bf9d85844f3c4ed0b7c33f38388.js integrity="sha256-5dOcz7DwzqbW122dhjre7lH+i/nYWETzxO0LfDPzg4g=" crossorigin=anonymous></script></head><body><header><h2><a href=/>UX Portfolio</a></h2><h2><a href=/cv/>CV</a></h2></header><main><article class=content><div class=title><h1>Projects</h1></div><article><h2><a href=/projects/smartberg/>Design of a responsive Website for a major German city</a></h2>As part of my UX training "Certified UX-Designer", I designed a responsive Website for Smartberg, a major German city. The project goal was to create a barrier-free, user interface, that equally well adapts to the needs of the city's heterogeneous target group. Such a group comprises people from all age ranges and includes Smartberg's citizens, students, tourists and employees of the city administration. Moreover, this project included the development of the city's visual identity, which stands from the intersection of history, cultural traditions, modernity and an ecologically oriented Smart City, with digital administration.</article></article></main><footer></footer></body></html>
|
||||
<!doctype html><html lang=en-us dir=ltr><head><meta charset=utf-8><meta name=viewport content="width=device-width"><meta name=color-scheme content="dark"><meta property="og:title" content="Projects"><meta property="og:description" content><meta property="og:type" content="website"><meta property="og:url" content="https://melissasarria.site/projects/"><title>Projects</title><link rel=stylesheet href=/css/main.min.0f85edd55584a5f72b3f9e2b56177162130f79f6c88a4ccc25b3d1bc96743ebd.css integrity="sha256-D4Xt1VWEpfcrP54rVhdxYhMPefbIikzMJbPRvJZ0Pr0=" crossorigin=anonymous><link rel=stylesheet type=text/css href=/icons/fontawesome.css><script src=/js/main.min.e5d39ccfb0f0cea6d6d76d9d863adeee51fe8bf9d85844f3c4ed0b7c33f38388.js integrity="sha256-5dOcz7DwzqbW122dhjre7lH+i/nYWETzxO0LfDPzg4g=" crossorigin=anonymous></script></head><body><header><h2><a href=/>UX Portfolio</a></h2><h2><a href=/cv/>CV</a></h2></header><main><article class=content><div class=title><h1>Projects</h1></div><article><h2><a href=/projects/smartberg/>Design of a responsive Website for a major German city</a></h2>As part of my UX training "Certified UX-Designer", I designed a responsive Website for Smartberg, a major German city. The project goal was to create a barrier-free, user interface, that equally well adapts to the needs of the city's heterogeneous target group. Such a group comprises people from all age ranges and includes Smartberg's citizens, students, tourists and employees of the city administration. Moreover, this project included the development of the city's visual identity, which stands from the intersection of history, cultural traditions, modernity and an ecologically oriented Smart City, with digital administration.</article></article></main><footer></footer></body></html>
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
<!doctype html><html lang=en-us dir=ltr><head><meta charset=utf-8><meta name=viewport content="width=device-width"><meta name=color-scheme content="dark"><meta property="og:title" content="Design of a responsive Website for a major German city"><meta property="og:description" content="Problem statement Given the many, and sometimes contradictory sources of information that exist today, it isn’t easy to find reliable information. Moreover, busy lives, make it harder to be updated about what is going on in the city, and given the prevalence of the internet, information needs to be shared online to reach most people. Further, the heavy workload faced by city workers requires solutions that make procedures faster and smoother both for city hall workers and citizens."><meta property="og:type" content="article"><meta property="og:url" content="https://melissasarria.site/projects/smartberg/"><meta property="article:section" content="projects"><meta property="article:published_time" content="2024-03-31T00:00:00+00:00"><meta property="article:modified_time" content="2024-03-31T00:00:00+00:00"><title>Design of a responsive Website for a major German city</title><link rel=stylesheet href=/css/main.min.7c6d5cc0fef6e8aea69e4f62c4d6a39c67541ae7927c4735ae3460b9c710f5d1.css integrity="sha256-fG1cwP726K6mnk9ixNajnGdUGueSfEc1rjRguccQ9dE=" crossorigin=anonymous><link rel=stylesheet type=text/css href=/icons/fontawesome.css><script src=/js/main.min.e5d39ccfb0f0cea6d6d76d9d863adeee51fe8bf9d85844f3c4ed0b7c33f38388.js integrity="sha256-5dOcz7DwzqbW122dhjre7lH+i/nYWETzxO0LfDPzg4g=" crossorigin=anonymous></script></head><body><header><h2><a href=/>UX Portfolio</a></h2><h2><a href=/cv/>CV</a></h2></header><main><article class=content><div class=title><h1>Design of a responsive Website for a major German city</h1></div><div class=card><div class=image><a href=/images/projects/smartberg/image.png><picture><source type=image/avif srcset="/images/projects/smartberg/image-320.png.avif 320w,
|
||||
<!doctype html><html lang=en-us dir=ltr><head><meta charset=utf-8><meta name=viewport content="width=device-width"><meta name=color-scheme content="dark"><meta property="og:title" content="Design of a responsive Website for a major German city"><meta property="og:description" content="Problem statement Given the many, and sometimes contradictory sources of information that exist today, it isn’t easy to find reliable information. Moreover, busy lives, make it harder to be updated about what is going on in the city, and given the prevalence of the internet, information needs to be shared online to reach most people. Further, the heavy workload faced by city workers requires solutions that make procedures faster and smoother both for city hall workers and citizens."><meta property="og:type" content="article"><meta property="og:url" content="https://melissasarria.site/projects/smartberg/"><meta property="article:section" content="projects"><meta property="article:published_time" content="2024-03-31T00:00:00+00:00"><meta property="article:modified_time" content="2024-03-31T00:00:00+00:00"><title>Design of a responsive Website for a major German city</title><link rel=stylesheet href=/css/main.min.0f85edd55584a5f72b3f9e2b56177162130f79f6c88a4ccc25b3d1bc96743ebd.css integrity="sha256-D4Xt1VWEpfcrP54rVhdxYhMPefbIikzMJbPRvJZ0Pr0=" crossorigin=anonymous><link rel=stylesheet type=text/css href=/icons/fontawesome.css><script src=/js/main.min.e5d39ccfb0f0cea6d6d76d9d863adeee51fe8bf9d85844f3c4ed0b7c33f38388.js integrity="sha256-5dOcz7DwzqbW122dhjre7lH+i/nYWETzxO0LfDPzg4g=" crossorigin=anonymous></script></head><body><header><h2><a href=/>UX Portfolio</a></h2><h2><a href=/cv/>CV</a></h2></header><main><article class=content><div class=title><h1>Design of a responsive Website for a major German city</h1></div><div class=card><div class=image><a href=/images/projects/smartberg/image.png><picture><source type=image/avif srcset="/images/projects/smartberg/image-320.png.avif 320w,
|
||||
/images/projects/smartberg/image-640.png.avif 640w,
|
||||
/images/projects/smartberg/image-960.png.avif 960w,
|
||||
/images/projects/smartberg/image-1280.png.avif 1280w,
|
||||
|
|
|
|||
BIN
public.zip
|
|
@ -1 +1 @@
|
|||
<!doctype html><html lang=en-us dir=ltr><head><meta charset=utf-8><meta name=viewport content="width=device-width"><meta name=color-scheme content="dark"><meta property="og:title" content="Tags"><meta property="og:description" content><meta property="og:type" content="website"><meta property="og:url" content="https://melissasarria.site/tags/"><title>Tags</title><link rel=stylesheet href=/css/main.min.7c6d5cc0fef6e8aea69e4f62c4d6a39c67541ae7927c4735ae3460b9c710f5d1.css integrity="sha256-fG1cwP726K6mnk9ixNajnGdUGueSfEc1rjRguccQ9dE=" crossorigin=anonymous><link rel=stylesheet type=text/css href=/icons/fontawesome.css><script src=/js/main.min.e5d39ccfb0f0cea6d6d76d9d863adeee51fe8bf9d85844f3c4ed0b7c33f38388.js integrity="sha256-5dOcz7DwzqbW122dhjre7lH+i/nYWETzxO0LfDPzg4g=" crossorigin=anonymous></script></head><body><header><h2><a href=/>UX Portfolio</a></h2><h2><a href=/cv/>CV</a></h2></header><main><article class=content><div class=title><h1>Tags</h1></div><article><h2><a href=/tags/product-strategy/>Product Strategy</a></h2></article><article><h2><a href=/tags/ux-research/>UX Research</a></h2></article><article><h2><a href=/tags/web-design/>Web Design</a></h2></article></article></main><footer></footer></body></html>
|
||||
<!doctype html><html lang=en-us dir=ltr><head><meta charset=utf-8><meta name=viewport content="width=device-width"><meta name=color-scheme content="dark"><meta property="og:title" content="Tags"><meta property="og:description" content><meta property="og:type" content="website"><meta property="og:url" content="https://melissasarria.site/tags/"><title>Tags</title><link rel=stylesheet href=/css/main.min.0f85edd55584a5f72b3f9e2b56177162130f79f6c88a4ccc25b3d1bc96743ebd.css integrity="sha256-D4Xt1VWEpfcrP54rVhdxYhMPefbIikzMJbPRvJZ0Pr0=" crossorigin=anonymous><link rel=stylesheet type=text/css href=/icons/fontawesome.css><script src=/js/main.min.e5d39ccfb0f0cea6d6d76d9d863adeee51fe8bf9d85844f3c4ed0b7c33f38388.js integrity="sha256-5dOcz7DwzqbW122dhjre7lH+i/nYWETzxO0LfDPzg4g=" crossorigin=anonymous></script></head><body><header><h2><a href=/>UX Portfolio</a></h2><h2><a href=/cv/>CV</a></h2></header><main><article class=content><div class=title><h1>Tags</h1></div><article><h2><a href=/tags/product-strategy/>Product Strategy</a></h2></article><article><h2><a href=/tags/ux-research/>UX Research</a></h2></article><article><h2><a href=/tags/web-design/>Web Design</a></h2></article></article></main><footer></footer></body></html>
|
||||
|
|
@ -1 +1 @@
|
|||
<!doctype html><html lang=en-us dir=ltr><head><meta charset=utf-8><meta name=viewport content="width=device-width"><meta name=color-scheme content="dark"><meta property="og:title" content="Product Strategy"><meta property="og:description" content><meta property="og:type" content="website"><meta property="og:url" content="https://melissasarria.site/tags/product-strategy/"><title>Product Strategy</title><link rel=stylesheet href=/css/main.min.7c6d5cc0fef6e8aea69e4f62c4d6a39c67541ae7927c4735ae3460b9c710f5d1.css integrity="sha256-fG1cwP726K6mnk9ixNajnGdUGueSfEc1rjRguccQ9dE=" crossorigin=anonymous><link rel=stylesheet type=text/css href=/icons/fontawesome.css><script src=/js/main.min.e5d39ccfb0f0cea6d6d76d9d863adeee51fe8bf9d85844f3c4ed0b7c33f38388.js integrity="sha256-5dOcz7DwzqbW122dhjre7lH+i/nYWETzxO0LfDPzg4g=" crossorigin=anonymous></script></head><body><header><h2><a href=/>UX Portfolio</a></h2><h2><a href=/cv/>CV</a></h2></header><main><article class=content><div class=title><h1>Product Strategy</h1></div><article><h2><a href=/projects/smartberg/>Design of a responsive Website for a major German city</a></h2>As part of my UX training "Certified UX-Designer", I designed a responsive Website for Smartberg, a major German city. The project goal was to create a barrier-free, user interface, that equally well adapts to the needs of the city's heterogeneous target group. Such a group comprises people from all age ranges and includes Smartberg's citizens, students, tourists and employees of the city administration. Moreover, this project included the development of the city's visual identity, which stands from the intersection of history, cultural traditions, modernity and an ecologically oriented Smart City, with digital administration.</article></article></main><footer></footer></body></html>
|
||||
<!doctype html><html lang=en-us dir=ltr><head><meta charset=utf-8><meta name=viewport content="width=device-width"><meta name=color-scheme content="dark"><meta property="og:title" content="Product Strategy"><meta property="og:description" content><meta property="og:type" content="website"><meta property="og:url" content="https://melissasarria.site/tags/product-strategy/"><title>Product Strategy</title><link rel=stylesheet href=/css/main.min.0f85edd55584a5f72b3f9e2b56177162130f79f6c88a4ccc25b3d1bc96743ebd.css integrity="sha256-D4Xt1VWEpfcrP54rVhdxYhMPefbIikzMJbPRvJZ0Pr0=" crossorigin=anonymous><link rel=stylesheet type=text/css href=/icons/fontawesome.css><script src=/js/main.min.e5d39ccfb0f0cea6d6d76d9d863adeee51fe8bf9d85844f3c4ed0b7c33f38388.js integrity="sha256-5dOcz7DwzqbW122dhjre7lH+i/nYWETzxO0LfDPzg4g=" crossorigin=anonymous></script></head><body><header><h2><a href=/>UX Portfolio</a></h2><h2><a href=/cv/>CV</a></h2></header><main><article class=content><div class=title><h1>Product Strategy</h1></div><article><h2><a href=/projects/smartberg/>Design of a responsive Website for a major German city</a></h2>As part of my UX training "Certified UX-Designer", I designed a responsive Website for Smartberg, a major German city. The project goal was to create a barrier-free, user interface, that equally well adapts to the needs of the city's heterogeneous target group. Such a group comprises people from all age ranges and includes Smartberg's citizens, students, tourists and employees of the city administration. Moreover, this project included the development of the city's visual identity, which stands from the intersection of history, cultural traditions, modernity and an ecologically oriented Smart City, with digital administration.</article></article></main><footer></footer></body></html>
|
||||
|
|
@ -1 +1 @@
|
|||
<!doctype html><html lang=en-us dir=ltr><head><meta charset=utf-8><meta name=viewport content="width=device-width"><meta name=color-scheme content="dark"><meta property="og:title" content="UX Research"><meta property="og:description" content><meta property="og:type" content="website"><meta property="og:url" content="https://melissasarria.site/tags/ux-research/"><title>UX Research</title><link rel=stylesheet href=/css/main.min.7c6d5cc0fef6e8aea69e4f62c4d6a39c67541ae7927c4735ae3460b9c710f5d1.css integrity="sha256-fG1cwP726K6mnk9ixNajnGdUGueSfEc1rjRguccQ9dE=" crossorigin=anonymous><link rel=stylesheet type=text/css href=/icons/fontawesome.css><script src=/js/main.min.e5d39ccfb0f0cea6d6d76d9d863adeee51fe8bf9d85844f3c4ed0b7c33f38388.js integrity="sha256-5dOcz7DwzqbW122dhjre7lH+i/nYWETzxO0LfDPzg4g=" crossorigin=anonymous></script></head><body><header><h2><a href=/>UX Portfolio</a></h2><h2><a href=/cv/>CV</a></h2></header><main><article class=content><div class=title><h1>UX Research</h1></div><article><h2><a href=/projects/smartberg/>Design of a responsive Website for a major German city</a></h2>As part of my UX training "Certified UX-Designer", I designed a responsive Website for Smartberg, a major German city. The project goal was to create a barrier-free, user interface, that equally well adapts to the needs of the city's heterogeneous target group. Such a group comprises people from all age ranges and includes Smartberg's citizens, students, tourists and employees of the city administration. Moreover, this project included the development of the city's visual identity, which stands from the intersection of history, cultural traditions, modernity and an ecologically oriented Smart City, with digital administration.</article></article></main><footer></footer></body></html>
|
||||
<!doctype html><html lang=en-us dir=ltr><head><meta charset=utf-8><meta name=viewport content="width=device-width"><meta name=color-scheme content="dark"><meta property="og:title" content="UX Research"><meta property="og:description" content><meta property="og:type" content="website"><meta property="og:url" content="https://melissasarria.site/tags/ux-research/"><title>UX Research</title><link rel=stylesheet href=/css/main.min.0f85edd55584a5f72b3f9e2b56177162130f79f6c88a4ccc25b3d1bc96743ebd.css integrity="sha256-D4Xt1VWEpfcrP54rVhdxYhMPefbIikzMJbPRvJZ0Pr0=" crossorigin=anonymous><link rel=stylesheet type=text/css href=/icons/fontawesome.css><script src=/js/main.min.e5d39ccfb0f0cea6d6d76d9d863adeee51fe8bf9d85844f3c4ed0b7c33f38388.js integrity="sha256-5dOcz7DwzqbW122dhjre7lH+i/nYWETzxO0LfDPzg4g=" crossorigin=anonymous></script></head><body><header><h2><a href=/>UX Portfolio</a></h2><h2><a href=/cv/>CV</a></h2></header><main><article class=content><div class=title><h1>UX Research</h1></div><article><h2><a href=/projects/smartberg/>Design of a responsive Website for a major German city</a></h2>As part of my UX training "Certified UX-Designer", I designed a responsive Website for Smartberg, a major German city. The project goal was to create a barrier-free, user interface, that equally well adapts to the needs of the city's heterogeneous target group. Such a group comprises people from all age ranges and includes Smartberg's citizens, students, tourists and employees of the city administration. Moreover, this project included the development of the city's visual identity, which stands from the intersection of history, cultural traditions, modernity and an ecologically oriented Smart City, with digital administration.</article></article></main><footer></footer></body></html>
|
||||
|
|
@ -1 +1 @@
|
|||
<!doctype html><html lang=en-us dir=ltr><head><meta charset=utf-8><meta name=viewport content="width=device-width"><meta name=color-scheme content="dark"><meta property="og:title" content="Web Design"><meta property="og:description" content><meta property="og:type" content="website"><meta property="og:url" content="https://melissasarria.site/tags/web-design/"><title>Web Design</title><link rel=stylesheet href=/css/main.min.7c6d5cc0fef6e8aea69e4f62c4d6a39c67541ae7927c4735ae3460b9c710f5d1.css integrity="sha256-fG1cwP726K6mnk9ixNajnGdUGueSfEc1rjRguccQ9dE=" crossorigin=anonymous><link rel=stylesheet type=text/css href=/icons/fontawesome.css><script src=/js/main.min.e5d39ccfb0f0cea6d6d76d9d863adeee51fe8bf9d85844f3c4ed0b7c33f38388.js integrity="sha256-5dOcz7DwzqbW122dhjre7lH+i/nYWETzxO0LfDPzg4g=" crossorigin=anonymous></script></head><body><header><h2><a href=/>UX Portfolio</a></h2><h2><a href=/cv/>CV</a></h2></header><main><article class=content><div class=title><h1>Web Design</h1></div><article><h2><a href=/projects/smartberg/>Design of a responsive Website for a major German city</a></h2>As part of my UX training "Certified UX-Designer", I designed a responsive Website for Smartberg, a major German city. The project goal was to create a barrier-free, user interface, that equally well adapts to the needs of the city's heterogeneous target group. Such a group comprises people from all age ranges and includes Smartberg's citizens, students, tourists and employees of the city administration. Moreover, this project included the development of the city's visual identity, which stands from the intersection of history, cultural traditions, modernity and an ecologically oriented Smart City, with digital administration.</article></article></main><footer></footer></body></html>
|
||||
<!doctype html><html lang=en-us dir=ltr><head><meta charset=utf-8><meta name=viewport content="width=device-width"><meta name=color-scheme content="dark"><meta property="og:title" content="Web Design"><meta property="og:description" content><meta property="og:type" content="website"><meta property="og:url" content="https://melissasarria.site/tags/web-design/"><title>Web Design</title><link rel=stylesheet href=/css/main.min.0f85edd55584a5f72b3f9e2b56177162130f79f6c88a4ccc25b3d1bc96743ebd.css integrity="sha256-D4Xt1VWEpfcrP54rVhdxYhMPefbIikzMJbPRvJZ0Pr0=" crossorigin=anonymous><link rel=stylesheet type=text/css href=/icons/fontawesome.css><script src=/js/main.min.e5d39ccfb0f0cea6d6d76d9d863adeee51fe8bf9d85844f3c4ed0b7c33f38388.js integrity="sha256-5dOcz7DwzqbW122dhjre7lH+i/nYWETzxO0LfDPzg4g=" crossorigin=anonymous></script></head><body><header><h2><a href=/>UX Portfolio</a></h2><h2><a href=/cv/>CV</a></h2></header><main><article class=content><div class=title><h1>Web Design</h1></div><article><h2><a href=/projects/smartberg/>Design of a responsive Website for a major German city</a></h2>As part of my UX training "Certified UX-Designer", I designed a responsive Website for Smartberg, a major German city. The project goal was to create a barrier-free, user interface, that equally well adapts to the needs of the city's heterogeneous target group. Such a group comprises people from all age ranges and includes Smartberg's citizens, students, tourists and employees of the city administration. Moreover, this project included the development of the city's visual identity, which stands from the intersection of history, cultural traditions, modernity and an ecologically oriented Smart City, with digital administration.</article></article></main><footer></footer></body></html>
|
||||