me/uxProcess.html at master · jbasallaje/me · GitHub

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
<html>

</html>

<head>
    <title>UX Process</title>
    <link rel="shortcut icon" type="image/png" href="images/favicon.png">
    <meta name="description" content="The digital home of Jonathan Basallaje">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.min.css" />
    <link href="https://fonts.googleapis.com/css2?family=Open+Sans&family=Roboto+Serif:opsz,wght@8..144,300&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="style.css" />
</head>

<body>

    <div class="gallery fadeIn">
		<h1 style="margin-top: 64px;">UX Process</h1>
		<img class="hero" src="images/team_hero.png" alt="Pictures of me sketching on a whiteboard">
		<img class="responsive" src="images/Toolset.png" alt="Logos of the UX tools I am proficient in">
        <img class="hero" src="images/Understanding the user.png" style="margin-top: 25px;" alt="Professional UX artifacts: Personas, User stories, and Jobs to be done">
		<img class="responsive" src="images/Deliverables.png" alt="Professional deliverables: user flows, sketches, and prototypes">
        <img class="hero" src="images/Standards.png" style="margin-top: 25px;" alt="Examples of corporate standards and documentation">
        <p style="margin-left:auto; margin-right: auto; margin-bottom: 200px;">For more details, email me at <a href="mailto: jbasallaje@gmail.com">jbasallaje@gmail.com</a>.</p>
    </div>

    <!-- Back Button -->
    <div class="button">
		<a href="index.html#0">
            <img class="liImage"
				src="images/backArrow.png" alt="Back arrow"></a>
	</div>
</body>

</html>