hci/index.html at main · kylehoffman/hci · 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
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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1" />
  <title>Portfolio | Projects</title>

  <link href="https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,wght@6..96,600;6..96,700&family=Inter:wght@400;500&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="style.css" />
</head>
<body>
  <div class="rule rule-top" aria-hidden="true"></div>

  <header class="masthead" role="banner">
    <h1 class="brand">CSC 363 Portfolio</h1>
  </header>

  <nav class="site-nav" aria-label="Primary">
    <ul>
      <li><a href="about.html">About Me</a></li>
      <li><a href="index.html">Projects</a></li>
      <li><a href="manifesto.html">Design Manifesto</a></li>
    </ul>
  </nav>

  <div class="rule rule-bottom" aria-hidden="true"></div>

  <main class="homepage-text">
    <section>

    <h2>Projects</h2>
      <p style="margin-bottom: 60px;">
        Throughout the semester, we completed several projects (called Design Sprints) that emphasized different parts
        of the human-centered design process. Many of these are referenced in my Design Manifesto, but I provide links
        to all of them here. To navigate to an individual project, click on the project titles below:
      </p>

     <div class="project-entry">
        <a href="https://medium.com/@blroper/768b87f40a63" class="project-title" target="_blank" rel="noopener noreferrer">Re-designing Knotty & Board</a>
        <div class="project-date">December 10, 2025</div>
        <p>
          In this project, we learned how to use Figma to design websites and applications. Specifically, we redesigned
          the website of a local furniture and interiors store, called Knotty & Board. As this was our first project
          this semester, it allowed us to become acquainted with the design process holistically. Our main focus was
          on sketching and design.
        </p>
      </div>

       <div class="project-entry">
        <a href="https://medium.com/@kyhoffman/exploring-the-world-of-coffee-through-data-visualization-25409cfb6999" class="project-title" target="_blank" rel="noopener noreferrer">Exploring the World of Coffee through Data Visualization</a>
        <div class="project-date">October 14, 2025</div>
        <p>
          This project focused parimarily on data visualization. We worked to visualize a dataset about coffee quality and
          production around the world. Our project contains two visualizations: a persuasive visualization and an analytical one.
          In terms of technical skills, this project taught us the basics of web development and data visualization.
        </p>
      </div>

         <div class="project-entry">
        <a href="https://medium.com/@ellora03/design-sprint-3-design-for-another-world-e433ecd5021f" class="project-title" target="_blank" rel="noopener noreferrer">Design Sprint 3: Design for Another World</a>
        <div class="project-date">November 4, 2025</div>
        <p>
            In this project, we got to combine the skills gained from our first and second Design Sprint assignments to
            build a web-based VR simulation. Hence, this project honed our web development skills and allowed us to
            dip our feet in VR development. We relied primarily on A-frame to build the VR experience, as well as
            360-degree photography.
        </p>
      </div>

       <div class="project-entry">
        <a href="https://medium.com/@ellora03/design-sprint-4-re-design-and-extend-60aa4a1fcf80" class="project-title" target="_blank" rel="noopener noreferrer">Design Sprint 4: Re-design and Extend</a>
        <div class="project-date">December 4, 2025</div>
        <p>
            This project had a different flavor from our other Design Sprint assignments because our final submission
            was a physical prototype rather than a digital one. Nonetheless, I particiularly appreciate this because
            during the prototyping phase of any project, physical prototypes offer a tangible experience with a design
            which might not otherwise be possible. In particular, this project allowed us to develop further our ideation,
            prototyping, and revision skills in the human-centered design process.
        </p>
      </div>

    </section>
  </main>
</body>
</html>