-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathinfographic-design.html
73 lines (56 loc) · 3.44 KB
/
infographic-design.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="description" content="I am a 3rd year undergrad student developed to define, design, and deliver digital products.">
<meta name="author" content="Elaine Gao">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="css/images/eg-logo-black.png">
<link rel="shortcut icon"
type="image/png"
href="css/images/eg-logo-black.png">
<title>Infographic Design</title>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Lora:400,400i,700|Poppins:300,400,500,600,700" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/newstylesheet.css">
</head>
<body class="featurepage">
<nav class="navbar navbar-expand-lg navbar-light fixed-top">
<a class="navbar-brand" href="features.html"><img src="css/images/landingPageLogo.png" style="height: 2em; width: auto; padding-left: 10px;"></a>
</nav>
<div class="container featurecontent">
<div class="row title">
<h1>Credit Score Infographics</h1>
</div>
<div class="row description">
<h3>context</h3>
</div>
<div class="description">
<p>My summer project at <a href="https://finn.ai" class="regLink">Finn AI</a> involved creating accessible content to educate Gen Z about basic financial topics. I like infographics because they present information in a bite-sized, easily digestible format.</p>
</div>
<div class="row description">
<h3>Action</h3>
</div>
<div class="description">
<p>I researched the basics that students should know about credit cards, designed a set of infographics to include all the information, and asked 9 peers to evaluate my work for feedback regarding organization, clarity, and effectiveness.</p>
</div>
<div class="row description">
<h3>Results</h3>
</div>
<div class="description">
<p>Peer feedback confirmed that infographics were a more engaging way to receive information than traditional learning materials found on the web, such as bank websites or Wikipedia articles. I also received feedback that I should design a clear path to navigate through an infographic, like a flowchart. This feedback will improve my infographics in the future. 100% of the 18 peers I asked would choose to learn about other financial topics in the same format, and 94% said that, to their knowledge, it was better than any alternative on the web.</p>
<p>Here is the full set of infographics:</p>
</div>
<div class="row">
<img src="css/infographics/Qualify.png" alt="Qualifying for a credit card" class="infographics">
<img src="css/infographics/Choosing.png" alt="How to choose a credit card" class="infographics">
<img src="css/infographics/Building.png" alt="Building your credit score" class="infographics">
<img src="css/infographics/Paying.png" alt="Paying for your credit card" class="infographics">
</div>
<div class="row description">
<h3><a href="features.html" class="regLink">Back to my features ⟶</a></h3>
</div>
<div class="footer"></div>
</div>
</body>