-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
153 lines (148 loc) · 6.27 KB
/
index.html
File metadata and controls
153 lines (148 loc) · 6.27 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Melissa's Portfolio</title>
<link href="css/style.css" rel="stylesheet" type="text/css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-QK0VELR0YR"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-QK0VELR0YR');
</script>
<!-- Hotjar Tracking Code for https://mwolf1.github.io/ -->
<script>
(function(h,o,t,j,a,r){
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
h._hjSettings={hjid:2071662,hjsv:6};
a=o.getElementsByTagName('head')[0];
r=o.createElement('script');r.async=1;
r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
a.appendChild(r);
})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>
</head>
<nav class="navigation">
<div class="navOptions">
<a href="#title1" class="navItem">HOME</a>
<a href="#title2" class="navItem">ABOUT</a>
<a href="#title3" class="navItem">WORK</a>
<p class="highlight">M</p>
<a href="#title4" class="navItem">TOOLKIT</a>
<a href="#title5" class="navItem">PROCESS</a>
<a href="#title6" class="navItem">CONTACT</a>
</div>
</nav>
<body>
<section>
<a id="title1"></a>
<div>
<img src="../mwolf1.github.io/images/Backgroundimg.jpg" id="backgroundImg"/>
<div>
<img src="../mwolf1.github.io/images/HeadingCircle.png" id="headingCircle"/>
</div>
</div>
</section>
<section>
<a id="title2"></a>
<div id="containerGrid" class="pinkBox">
<div class="headingOne">ABOUT ME</div>
<div class="headshot"> <img src="../mwolf1.github.io/images/AboutMeIMG.jpg" alt="headshot"></div>
<div class="aboutInfo">
<h3>Hello!</h3>
<p>My name is Melissa Wolf, and I’m a UX/UI Designer based out of the western suburbs of Minneapolis. I have background in various leadership roles as well as many years in the retail field. My passion early on was in merchandising and has transpired into developing digital products with cutting edge designs as a UX/UI designer. I enjoy building projects from the ideation to the execution phases and meeting the overall brand and technical requirements. </p>
<h3>Contact:</h3>
<p>melissalynn.wolf1@gmail.com <br>
952-240-4356
</p>
<h3>Fun Facts:</h3>
<p>-Dog mom to a Morkie named Miles and Chocolate Lab, Koda <br>
-Event Coordinator for an event that raises money for Multiple Sclerosis <br>
-Recently completed my first marathon <br>
</p>
<div class="button">VIEW RESUME</div>
</div>
</div>
</section>
<section>
<a id="title3"></a>
<div id="containerGridTwo" class="greenBox">
<div class="headingTwo">MY WORK</div>
<div id="crawlCure">
<a href="https://mwolf1.github.io/git_homework_20/">
<img src="../mwolf1.github.io/images/Crawl4Cure.png" alt="Crawl 4 The Cure"></a>
</div>
<div id="nasa"> <img src="../mwolf1.github.io/images/NASA.png" alt="NASA"></div>
</div>
</section>
<section>
<a id="title4"></a>
<div id="containerGridThree" class="pinkBox">
<div class="headingTwo">DESIGN PROCESS</div>
<div id="empathy"> <img src="../mwolf1.github.io/images/Empathy Icon.png" alt="Empathy Icon"></div>
<div class="empathyH3">EMPATHY</div>
<ul class="empathyp"> <li>Proto-Persona</li>
<li>Research Plan</li>
<li>User Interviews</li>
<li>User Surveys</li>
<li>Competitive Analysis</li>
</ul>
<div id="define"> <img src="../mwolf1.github.io/images/Define Icon.png" alt="Define Icon"></div>
<div class="defineH3">DEFINE</div>
<ul class="definep">
<li>Affinity Diagram</li>
<li>Empathy Map</li>
<li>User Persona</li>
<li>User Insight</li>
<li>How Might We</li>
<li>Problem Statement</li>
<li>Heuristic Evaluation</li>
</ul>
<div id="ideate"> <img src="../mwolf1.github.io/images/Ideate Icon.png" alt="Ideate Icon"></div>
<div class="ideateH3">IDEATE</div>
<ul class="ideatep">
<li>I like, I wish, what if</li>
<li>Feature Prioritization</li>
<li>User Scenario</li>
<li>Storyboarding</li>
<li>User Journey Map</li>
<li>User Flows</li>
<li>SWOT Analysis</li>
</ul>
<div id="prototype"> <img src="../mwolf1.github.io/images/Prototype Icon.png" alt="Prototype Icon"></div>
<div class="prototypeH3">PROTOTYPE</div>
<ul class="prototypep">
<li>Sketch</li>
<li>Wireframe</li>
<li>Lo-fi Prototype</li>
<li>Hi-fi Mockup</li>
<li>Hi-fi Prototype</li>
<li>Code</li>
</ul>
<div id="test"> <img src="../mwolf1.github.io/images/Test Icon.png" alt="Test Icon"></div>
<div class="testH3">TEST</div>
<ul class="testp">
<li>Test It</li>
<li>Iterate</li>
<li>Redesign It</li>
<li>Test Again</li>
</ul>
</div>
</section>
</body>
<footer class="navigation">
<div class="navOptions">
<a href="#title1" class="navItem">HOME</a>
<a href="#title2" class="navItem">ABOUT</a>
<a href="#title3" class="navItem">WORK</a>
<p class="highlight">M</p>
<a href="#title4" class="navItem">TOOLKIT</a>
<a href="#title5" class="navItem">PROCESS</a>
<a href="#title6" class="navItem">CONTACT</a>
</div>
</footer>
<script src="js/index.js"></script>
</html>