AmazonS3
tcp/443
CloudFront
tcp/80
Open service 2600:9000:27e6:be00:1d:6ae5:f380:93a1:443 · sarahhum.com
2025-12-19 02:32
HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 6971
Connection: close
Date: Thu, 18 Dec 2025 08:22:38 GMT
Last-Modified: Sun, 03 Apr 2022 18:59:56 GMT
ETag: "5edbf27d391580aca04a780d195893d8"
Server: AmazonS3
X-Cache: Hit from cloudfront
Via: 1.1 c75869bb76b3ac8c8772bad5ef6bd5f0.cloudfront.net (CloudFront)
X-Amz-Cf-Pop: FRA60-P11
Alt-Svc: h3=":443"; ma=86400
X-Amz-Cf-Id: BAviOWEhfUizjeuI29mZ_C9sgjw3S_PXCsUiZmOgSclCg_CeFXcalg==
Age: 65404
Page title: Sarah Hum
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Sarah Hum</title>
<meta charset="UTF-8">
<meta name="robots" content="index, follow">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Product Designer">
<meta name="keywords" content="graphic product design ui ux user experience front end developer interactive interaction motion york sheridan portfolio">
<meta name="author" content="Sarah Hum 2014">
<meta name="copyright" content="© 2014 Sarah">
<link rel="icon" type="image/png" href="favicon.ico">
<link rel="stylesheet" href="css/style.css">
<script src="//use.typekit.net/trp3mmy.js"></script>
<script>try{Typekit.load();}catch(e){}</script>
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav">
<!-- Hidden li included to remove active class from about link when scrolled up past about section -->
<li class="hidden">
<a class="page-scroll" href="#page-top"></a>
</li>
<li>
<a class="page-scroll" href="#p1">42 Tech</a>
</li>
<li>
<a class="page-scroll" href="#p2">Product Pains</a>
</li>
<li>
<a class="page-scroll" href="#p3">Tango</a>
</li>
<li>
<a class="page-scroll" href="#p4">Etc.</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
<div id="wrapper">
<section id="intro" class="head">
<div class="head-content">
<h1>Sarah Hum</h1>
<h2>Founder & product designer, <a href="mailto:hello@sarahhum.com">hello@sarahhum.com</a></h2>
</div>
</section>
<section id="p1" class="project">
<p class="project-number">no. 1</p>
<p class="tagline"><strong>Canny</strong><br>Make better product decisions</p>
<p class="small-margin">We launch Canny in 2017 to help teams make better product decisions with customer feedback. We serve great companies like Flexport, Bench Accounting, and Compass.
<ul class="tags">
<li>design</li>
<li>development</li>
<li>illustration</li>
</ul>
</p>
<img class="border" src="img/canny-01.jpg" alt="">
<p>Users post and vote on feedback, giving product teams a list of consolidated feedback—a great improvement over scattered emails and live chat conversations.</p>
<img class="border" src="img/canny-02.jpg" alt="">
<img src="img/canny-03.jpg" alt="">
<p class="cta-container"><a class="cta" href="https://www.canny.io/" target="_blank">View Canny homepage →</a></p>
</section>
<section id="p2" class="project">
<p class="project-number">no. 2</p>
<p class="tagline"><strong>42 Technologies<br></strong>Retail analytics startup</p>
<p class="small-margin">I worked with 42 when it was born in February 2013. Since then, we were a part of the winter 2014 batch of Y Combinator, have been in TechCrunch Disrupt, and walked on a New York Fashion Week runway.
<ul class="tags">
<li>design</li>
<li>development</li>
<li>illustration</li>
</ul>
</p>
<img src="img/42-01.png" alt="">
<p>Designing the 42 dashboard required thinking about the system as a whole. Throughout product development, we worked with clients to understand what data matters to them and features they would find useful.</p>
<img class="small-margin" src="img/42-02.png" alt="">
<img class="small-margin" src="img/42-03.png" alt="">
<img src="img/42-04.png" alt="">
<p class="cta-container"><a class="cta" href="https://42technologies.com/" target="_blank">Launch the website →</a><p>
</section>
<section id="p3" class="project">
<p class="project-number">no. 3</p>
<p class="tagline"><strong>Tango</strong>
Open service 2600:9000:27e6:8800:1d:6ae5:f380:93a1:443 · sarahhum.com
2025-12-19 02:32
HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 6971
Connection: close
Date: Thu, 18 Dec 2025 08:22:38 GMT
Last-Modified: Sun, 03 Apr 2022 18:59:56 GMT
ETag: "5edbf27d391580aca04a780d195893d8"
Server: AmazonS3
X-Cache: Hit from cloudfront
Via: 1.1 4f9278fb12fe51f34089ffab835bdc00.cloudfront.net (CloudFront)
X-Amz-Cf-Pop: FRA60-P11
Alt-Svc: h3=":443"; ma=86400
X-Amz-Cf-Id: Y-Jr1x2fAQa_ybKqmQGnBARDeOgMr4iG2M3qywqax51yU_Z85IiLIA==
Age: 65404
Page title: Sarah Hum
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Sarah Hum</title>
<meta charset="UTF-8">
<meta name="robots" content="index, follow">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Product Designer">
<meta name="keywords" content="graphic product design ui ux user experience front end developer interactive interaction motion york sheridan portfolio">
<meta name="author" content="Sarah Hum 2014">
<meta name="copyright" content="© 2014 Sarah">
<link rel="icon" type="image/png" href="favicon.ico">
<link rel="stylesheet" href="css/style.css">
<script src="//use.typekit.net/trp3mmy.js"></script>
<script>try{Typekit.load();}catch(e){}</script>
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav">
<!-- Hidden li included to remove active class from about link when scrolled up past about section -->
<li class="hidden">
<a class="page-scroll" href="#page-top"></a>
</li>
<li>
<a class="page-scroll" href="#p1">42 Tech</a>
</li>
<li>
<a class="page-scroll" href="#p2">Product Pains</a>
</li>
<li>
<a class="page-scroll" href="#p3">Tango</a>
</li>
<li>
<a class="page-scroll" href="#p4">Etc.</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
<div id="wrapper">
<section id="intro" class="head">
<div class="head-content">
<h1>Sarah Hum</h1>
<h2>Founder & product designer, <a href="mailto:hello@sarahhum.com">hello@sarahhum.com</a></h2>
</div>
</section>
<section id="p1" class="project">
<p class="project-number">no. 1</p>
<p class="tagline"><strong>Canny</strong><br>Make better product decisions</p>
<p class="small-margin">We launch Canny in 2017 to help teams make better product decisions with customer feedback. We serve great companies like Flexport, Bench Accounting, and Compass.
<ul class="tags">
<li>design</li>
<li>development</li>
<li>illustration</li>
</ul>
</p>
<img class="border" src="img/canny-01.jpg" alt="">
<p>Users post and vote on feedback, giving product teams a list of consolidated feedback—a great improvement over scattered emails and live chat conversations.</p>
<img class="border" src="img/canny-02.jpg" alt="">
<img src="img/canny-03.jpg" alt="">
<p class="cta-container"><a class="cta" href="https://www.canny.io/" target="_blank">View Canny homepage →</a></p>
</section>
<section id="p2" class="project">
<p class="project-number">no. 2</p>
<p class="tagline"><strong>42 Technologies<br></strong>Retail analytics startup</p>
<p class="small-margin">I worked with 42 when it was born in February 2013. Since then, we were a part of the winter 2014 batch of Y Combinator, have been in TechCrunch Disrupt, and walked on a New York Fashion Week runway.
<ul class="tags">
<li>design</li>
<li>development</li>
<li>illustration</li>
</ul>
</p>
<img src="img/42-01.png" alt="">
<p>Designing the 42 dashboard required thinking about the system as a whole. Throughout product development, we worked with clients to understand what data matters to them and features they would find useful.</p>
<img class="small-margin" src="img/42-02.png" alt="">
<img class="small-margin" src="img/42-03.png" alt="">
<img src="img/42-04.png" alt="">
<p class="cta-container"><a class="cta" href="https://42technologies.com/" target="_blank">Launch the website →</a><p>
</section>
<section id="p3" class="project">
<p class="project-number">no. 3</p>
<p class="tagline"><strong>Tango</strong>
Open service 2600:9000:27e6:be00:1d:6ae5:f380:93a1:80 · sarahhum.com
2025-12-19 02:32
HTTP/1.1 301 Moved Permanently Server: CloudFront Date: Fri, 19 Dec 2025 02:32:41 GMT Content-Type: text/html Content-Length: 167 Connection: close Location: https://sarahhum.com/ X-Cache: Redirect from cloudfront Via: 1.1 863f28e724eea07689a10791ce5a6506.cloudfront.net (CloudFront) X-Amz-Cf-Pop: FRA60-P11 Alt-Svc: h3=":443"; ma=86400 X-Amz-Cf-Id: CNS4sRLYhTgTNlXvS6xxWs7POFLAwWyZuO16soCln0TUzo7C-7tffw== Page title: 301 Moved Permanently <html> <head><title>301 Moved Permanently</title></head> <body> <center><h1>301 Moved Permanently</h1></center> <hr><center>CloudFront</center> </body> </html>
Open service 2600:9000:27e6:b800:1d:6ae5:f380:93a1:80 · sarahhum.com
2025-12-19 02:32
HTTP/1.1 301 Moved Permanently Server: CloudFront Date: Fri, 19 Dec 2025 02:32:41 GMT Content-Type: text/html Content-Length: 167 Connection: close Location: https://sarahhum.com/ X-Cache: Redirect from cloudfront Via: 1.1 4218e34de65310fe1ec1fdbfddb4c01e.cloudfront.net (CloudFront) X-Amz-Cf-Pop: FRA60-P11 Alt-Svc: h3=":443"; ma=86400 X-Amz-Cf-Id: KPFa2yd76gyqt37k1Z3-TIlaHO5Go_GWXOW4NcS-zDjn86W57mK5bw== Page title: 301 Moved Permanently <html> <head><title>301 Moved Permanently</title></head> <body> <center><h1>301 Moved Permanently</h1></center> <hr><center>CloudFront</center> </body> </html>
Open service 2600:9000:27e6:a400:1d:6ae5:f380:93a1:443 · sarahhum.com
2025-12-19 02:32
HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 6971
Connection: close
Date: Thu, 18 Dec 2025 08:22:38 GMT
Last-Modified: Sun, 03 Apr 2022 18:59:56 GMT
ETag: "5edbf27d391580aca04a780d195893d8"
Server: AmazonS3
X-Cache: Hit from cloudfront
Via: 1.1 adb85524b165725266f060aad450374e.cloudfront.net (CloudFront)
X-Amz-Cf-Pop: FRA60-P11
Alt-Svc: h3=":443"; ma=86400
X-Amz-Cf-Id: wi2vwJzlOHAWm8Qty06QVdhU1GceOTEwIOPsU0er5zgHhBWGKRfV1w==
Age: 65404
Page title: Sarah Hum
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Sarah Hum</title>
<meta charset="UTF-8">
<meta name="robots" content="index, follow">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Product Designer">
<meta name="keywords" content="graphic product design ui ux user experience front end developer interactive interaction motion york sheridan portfolio">
<meta name="author" content="Sarah Hum 2014">
<meta name="copyright" content="© 2014 Sarah">
<link rel="icon" type="image/png" href="favicon.ico">
<link rel="stylesheet" href="css/style.css">
<script src="//use.typekit.net/trp3mmy.js"></script>
<script>try{Typekit.load();}catch(e){}</script>
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav">
<!-- Hidden li included to remove active class from about link when scrolled up past about section -->
<li class="hidden">
<a class="page-scroll" href="#page-top"></a>
</li>
<li>
<a class="page-scroll" href="#p1">42 Tech</a>
</li>
<li>
<a class="page-scroll" href="#p2">Product Pains</a>
</li>
<li>
<a class="page-scroll" href="#p3">Tango</a>
</li>
<li>
<a class="page-scroll" href="#p4">Etc.</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
<div id="wrapper">
<section id="intro" class="head">
<div class="head-content">
<h1>Sarah Hum</h1>
<h2>Founder & product designer, <a href="mailto:hello@sarahhum.com">hello@sarahhum.com</a></h2>
</div>
</section>
<section id="p1" class="project">
<p class="project-number">no. 1</p>
<p class="tagline"><strong>Canny</strong><br>Make better product decisions</p>
<p class="small-margin">We launch Canny in 2017 to help teams make better product decisions with customer feedback. We serve great companies like Flexport, Bench Accounting, and Compass.
<ul class="tags">
<li>design</li>
<li>development</li>
<li>illustration</li>
</ul>
</p>
<img class="border" src="img/canny-01.jpg" alt="">
<p>Users post and vote on feedback, giving product teams a list of consolidated feedback—a great improvement over scattered emails and live chat conversations.</p>
<img class="border" src="img/canny-02.jpg" alt="">
<img src="img/canny-03.jpg" alt="">
<p class="cta-container"><a class="cta" href="https://www.canny.io/" target="_blank">View Canny homepage →</a></p>
</section>
<section id="p2" class="project">
<p class="project-number">no. 2</p>
<p class="tagline"><strong>42 Technologies<br></strong>Retail analytics startup</p>
<p class="small-margin">I worked with 42 when it was born in February 2013. Since then, we were a part of the winter 2014 batch of Y Combinator, have been in TechCrunch Disrupt, and walked on a New York Fashion Week runway.
<ul class="tags">
<li>design</li>
<li>development</li>
<li>illustration</li>
</ul>
</p>
<img src="img/42-01.png" alt="">
<p>Designing the 42 dashboard required thinking about the system as a whole. Throughout product development, we worked with clients to understand what data matters to them and features they would find useful.</p>
<img class="small-margin" src="img/42-02.png" alt="">
<img class="small-margin" src="img/42-03.png" alt="">
<img src="img/42-04.png" alt="">
<p class="cta-container"><a class="cta" href="https://42technologies.com/" target="_blank">Launch the website →</a><p>
</section>
<section id="p3" class="project">
<p class="project-number">no. 3</p>
<p class="tagline"><strong>Tango</strong>
Open service 2600:9000:27e6:7a00:1d:6ae5:f380:93a1:443 · sarahhum.com
2025-12-19 02:32
HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 6971
Connection: close
Date: Thu, 18 Dec 2025 08:22:38 GMT
Last-Modified: Sun, 03 Apr 2022 18:59:56 GMT
ETag: "5edbf27d391580aca04a780d195893d8"
Server: AmazonS3
X-Cache: Hit from cloudfront
Via: 1.1 4cbb03cab2ae98371d6d5b712148e8c2.cloudfront.net (CloudFront)
X-Amz-Cf-Pop: FRA60-P11
Alt-Svc: h3=":443"; ma=86400
X-Amz-Cf-Id: Fls9K8QQNaEfFUQxRhOVI3YPVPkNrFAFN7AwGvPjMZcmgz9d-R-vrw==
Age: 65404
Page title: Sarah Hum
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Sarah Hum</title>
<meta charset="UTF-8">
<meta name="robots" content="index, follow">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Product Designer">
<meta name="keywords" content="graphic product design ui ux user experience front end developer interactive interaction motion york sheridan portfolio">
<meta name="author" content="Sarah Hum 2014">
<meta name="copyright" content="© 2014 Sarah">
<link rel="icon" type="image/png" href="favicon.ico">
<link rel="stylesheet" href="css/style.css">
<script src="//use.typekit.net/trp3mmy.js"></script>
<script>try{Typekit.load();}catch(e){}</script>
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav">
<!-- Hidden li included to remove active class from about link when scrolled up past about section -->
<li class="hidden">
<a class="page-scroll" href="#page-top"></a>
</li>
<li>
<a class="page-scroll" href="#p1">42 Tech</a>
</li>
<li>
<a class="page-scroll" href="#p2">Product Pains</a>
</li>
<li>
<a class="page-scroll" href="#p3">Tango</a>
</li>
<li>
<a class="page-scroll" href="#p4">Etc.</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
<div id="wrapper">
<section id="intro" class="head">
<div class="head-content">
<h1>Sarah Hum</h1>
<h2>Founder & product designer, <a href="mailto:hello@sarahhum.com">hello@sarahhum.com</a></h2>
</div>
</section>
<section id="p1" class="project">
<p class="project-number">no. 1</p>
<p class="tagline"><strong>Canny</strong><br>Make better product decisions</p>
<p class="small-margin">We launch Canny in 2017 to help teams make better product decisions with customer feedback. We serve great companies like Flexport, Bench Accounting, and Compass.
<ul class="tags">
<li>design</li>
<li>development</li>
<li>illustration</li>
</ul>
</p>
<img class="border" src="img/canny-01.jpg" alt="">
<p>Users post and vote on feedback, giving product teams a list of consolidated feedback—a great improvement over scattered emails and live chat conversations.</p>
<img class="border" src="img/canny-02.jpg" alt="">
<img src="img/canny-03.jpg" alt="">
<p class="cta-container"><a class="cta" href="https://www.canny.io/" target="_blank">View Canny homepage →</a></p>
</section>
<section id="p2" class="project">
<p class="project-number">no. 2</p>
<p class="tagline"><strong>42 Technologies<br></strong>Retail analytics startup</p>
<p class="small-margin">I worked with 42 when it was born in February 2013. Since then, we were a part of the winter 2014 batch of Y Combinator, have been in TechCrunch Disrupt, and walked on a New York Fashion Week runway.
<ul class="tags">
<li>design</li>
<li>development</li>
<li>illustration</li>
</ul>
</p>
<img src="img/42-01.png" alt="">
<p>Designing the 42 dashboard required thinking about the system as a whole. Throughout product development, we worked with clients to understand what data matters to them and features they would find useful.</p>
<img class="small-margin" src="img/42-02.png" alt="">
<img class="small-margin" src="img/42-03.png" alt="">
<img src="img/42-04.png" alt="">
<p class="cta-container"><a class="cta" href="https://42technologies.com/" target="_blank">Launch the website →</a><p>
</section>
<section id="p3" class="project">
<p class="project-number">no. 3</p>
<p class="tagline"><strong>Tango</strong>
Open service 2600:9000:27e6:9200:1d:6ae5:f380:93a1:80 · sarahhum.com
2025-12-19 02:32
HTTP/1.1 301 Moved Permanently Server: CloudFront Date: Fri, 19 Dec 2025 02:32:41 GMT Content-Type: text/html Content-Length: 167 Connection: close Location: https://sarahhum.com/ X-Cache: Redirect from cloudfront Via: 1.1 3f695203fbeb95037134ac09f46add98.cloudfront.net (CloudFront) X-Amz-Cf-Pop: FRA60-P11 Alt-Svc: h3=":443"; ma=86400 X-Amz-Cf-Id: hwGQg_r6TPEbfrDXy96EXk2Y82ou4nvmu2elQiqyCRosYZNT3QsPMg== Page title: 301 Moved Permanently <html> <head><title>301 Moved Permanently</title></head> <body> <center><h1>301 Moved Permanently</h1></center> <hr><center>CloudFront</center> </body> </html>
Open service 2600:9000:27e6:200:1d:6ae5:f380:93a1:80 · sarahhum.com
2025-12-19 02:32
HTTP/1.1 301 Moved Permanently Server: CloudFront Date: Fri, 19 Dec 2025 02:32:40 GMT Content-Type: text/html Content-Length: 167 Connection: close Location: https://sarahhum.com/ X-Cache: Redirect from cloudfront Via: 1.1 321608f40a0cbef23b6add681d95b456.cloudfront.net (CloudFront) X-Amz-Cf-Pop: FRA60-P11 Alt-Svc: h3=":443"; ma=86400 X-Amz-Cf-Id: bU05JZ-ohKzdeon1IVqeK2LC5Kq-SC1OYByMvNejvoNEzVnv9YFXXw== Page title: 301 Moved Permanently <html> <head><title>301 Moved Permanently</title></head> <body> <center><h1>301 Moved Permanently</h1></center> <hr><center>CloudFront</center> </body> </html>
Open service 2600:9000:27e6:b800:1d:6ae5:f380:93a1:443 · sarahhum.com
2025-12-19 02:32
HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 6971
Connection: close
Date: Thu, 18 Dec 2025 08:22:38 GMT
Last-Modified: Sun, 03 Apr 2022 18:59:56 GMT
ETag: "5edbf27d391580aca04a780d195893d8"
Server: AmazonS3
X-Cache: Hit from cloudfront
Via: 1.1 965b4705c2c785676c6b2cc3a0acb2b2.cloudfront.net (CloudFront)
X-Amz-Cf-Pop: FRA60-P11
Alt-Svc: h3=":443"; ma=86400
X-Amz-Cf-Id: uYUi46Umk6zxJQlfDK8hlh_1uhcpT11FgKfE9k2DPK6i1qJ8lqQ2TQ==
Age: 65403
Page title: Sarah Hum
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Sarah Hum</title>
<meta charset="UTF-8">
<meta name="robots" content="index, follow">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Product Designer">
<meta name="keywords" content="graphic product design ui ux user experience front end developer interactive interaction motion york sheridan portfolio">
<meta name="author" content="Sarah Hum 2014">
<meta name="copyright" content="© 2014 Sarah">
<link rel="icon" type="image/png" href="favicon.ico">
<link rel="stylesheet" href="css/style.css">
<script src="//use.typekit.net/trp3mmy.js"></script>
<script>try{Typekit.load();}catch(e){}</script>
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav">
<!-- Hidden li included to remove active class from about link when scrolled up past about section -->
<li class="hidden">
<a class="page-scroll" href="#page-top"></a>
</li>
<li>
<a class="page-scroll" href="#p1">42 Tech</a>
</li>
<li>
<a class="page-scroll" href="#p2">Product Pains</a>
</li>
<li>
<a class="page-scroll" href="#p3">Tango</a>
</li>
<li>
<a class="page-scroll" href="#p4">Etc.</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
<div id="wrapper">
<section id="intro" class="head">
<div class="head-content">
<h1>Sarah Hum</h1>
<h2>Founder & product designer, <a href="mailto:hello@sarahhum.com">hello@sarahhum.com</a></h2>
</div>
</section>
<section id="p1" class="project">
<p class="project-number">no. 1</p>
<p class="tagline"><strong>Canny</strong><br>Make better product decisions</p>
<p class="small-margin">We launch Canny in 2017 to help teams make better product decisions with customer feedback. We serve great companies like Flexport, Bench Accounting, and Compass.
<ul class="tags">
<li>design</li>
<li>development</li>
<li>illustration</li>
</ul>
</p>
<img class="border" src="img/canny-01.jpg" alt="">
<p>Users post and vote on feedback, giving product teams a list of consolidated feedback—a great improvement over scattered emails and live chat conversations.</p>
<img class="border" src="img/canny-02.jpg" alt="">
<img src="img/canny-03.jpg" alt="">
<p class="cta-container"><a class="cta" href="https://www.canny.io/" target="_blank">View Canny homepage →</a></p>
</section>
<section id="p2" class="project">
<p class="project-number">no. 2</p>
<p class="tagline"><strong>42 Technologies<br></strong>Retail analytics startup</p>
<p class="small-margin">I worked with 42 when it was born in February 2013. Since then, we were a part of the winter 2014 batch of Y Combinator, have been in TechCrunch Disrupt, and walked on a New York Fashion Week runway.
<ul class="tags">
<li>design</li>
<li>development</li>
<li>illustration</li>
</ul>
</p>
<img src="img/42-01.png" alt="">
<p>Designing the 42 dashboard required thinking about the system as a whole. Throughout product development, we worked with clients to understand what data matters to them and features they would find useful.</p>
<img class="small-margin" src="img/42-02.png" alt="">
<img class="small-margin" src="img/42-03.png" alt="">
<img src="img/42-04.png" alt="">
<p class="cta-container"><a class="cta" href="https://42technologies.com/" target="_blank">Launch the website →</a><p>
</section>
<section id="p3" class="project">
<p class="project-number">no. 3</p>
<p class="tagline"><strong>Tango</strong>
Open service 2600:9000:27e6:9200:1d:6ae5:f380:93a1:443 · sarahhum.com
2025-12-19 02:32
HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 6971
Connection: close
Date: Thu, 18 Dec 2025 08:22:38 GMT
Last-Modified: Sun, 03 Apr 2022 18:59:56 GMT
ETag: "5edbf27d391580aca04a780d195893d8"
Server: AmazonS3
X-Cache: Hit from cloudfront
Via: 1.1 3f695203fbeb95037134ac09f46add98.cloudfront.net (CloudFront)
X-Amz-Cf-Pop: FRA60-P11
Alt-Svc: h3=":443"; ma=86400
X-Amz-Cf-Id: 9Xhb1XOmA5dOqdLWFx-yflLXRTu__5A89bmzvVx3IQmDPURf7L-MPQ==
Age: 65403
Page title: Sarah Hum
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Sarah Hum</title>
<meta charset="UTF-8">
<meta name="robots" content="index, follow">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Product Designer">
<meta name="keywords" content="graphic product design ui ux user experience front end developer interactive interaction motion york sheridan portfolio">
<meta name="author" content="Sarah Hum 2014">
<meta name="copyright" content="© 2014 Sarah">
<link rel="icon" type="image/png" href="favicon.ico">
<link rel="stylesheet" href="css/style.css">
<script src="//use.typekit.net/trp3mmy.js"></script>
<script>try{Typekit.load();}catch(e){}</script>
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav">
<!-- Hidden li included to remove active class from about link when scrolled up past about section -->
<li class="hidden">
<a class="page-scroll" href="#page-top"></a>
</li>
<li>
<a class="page-scroll" href="#p1">42 Tech</a>
</li>
<li>
<a class="page-scroll" href="#p2">Product Pains</a>
</li>
<li>
<a class="page-scroll" href="#p3">Tango</a>
</li>
<li>
<a class="page-scroll" href="#p4">Etc.</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
<div id="wrapper">
<section id="intro" class="head">
<div class="head-content">
<h1>Sarah Hum</h1>
<h2>Founder & product designer, <a href="mailto:hello@sarahhum.com">hello@sarahhum.com</a></h2>
</div>
</section>
<section id="p1" class="project">
<p class="project-number">no. 1</p>
<p class="tagline"><strong>Canny</strong><br>Make better product decisions</p>
<p class="small-margin">We launch Canny in 2017 to help teams make better product decisions with customer feedback. We serve great companies like Flexport, Bench Accounting, and Compass.
<ul class="tags">
<li>design</li>
<li>development</li>
<li>illustration</li>
</ul>
</p>
<img class="border" src="img/canny-01.jpg" alt="">
<p>Users post and vote on feedback, giving product teams a list of consolidated feedback—a great improvement over scattered emails and live chat conversations.</p>
<img class="border" src="img/canny-02.jpg" alt="">
<img src="img/canny-03.jpg" alt="">
<p class="cta-container"><a class="cta" href="https://www.canny.io/" target="_blank">View Canny homepage →</a></p>
</section>
<section id="p2" class="project">
<p class="project-number">no. 2</p>
<p class="tagline"><strong>42 Technologies<br></strong>Retail analytics startup</p>
<p class="small-margin">I worked with 42 when it was born in February 2013. Since then, we were a part of the winter 2014 batch of Y Combinator, have been in TechCrunch Disrupt, and walked on a New York Fashion Week runway.
<ul class="tags">
<li>design</li>
<li>development</li>
<li>illustration</li>
</ul>
</p>
<img src="img/42-01.png" alt="">
<p>Designing the 42 dashboard required thinking about the system as a whole. Throughout product development, we worked with clients to understand what data matters to them and features they would find useful.</p>
<img class="small-margin" src="img/42-02.png" alt="">
<img class="small-margin" src="img/42-03.png" alt="">
<img src="img/42-04.png" alt="">
<p class="cta-container"><a class="cta" href="https://42technologies.com/" target="_blank">Launch the website →</a><p>
</section>
<section id="p3" class="project">
<p class="project-number">no. 3</p>
<p class="tagline"><strong>Tango</strong>
Open service 2600:9000:27e6:8800:1d:6ae5:f380:93a1:80 · sarahhum.com
2025-12-19 02:32
HTTP/1.1 301 Moved Permanently Server: CloudFront Date: Fri, 19 Dec 2025 02:32:40 GMT Content-Type: text/html Content-Length: 167 Connection: close Location: https://sarahhum.com/ X-Cache: Redirect from cloudfront Via: 1.1 4cbb03cab2ae98371d6d5b712148e8c2.cloudfront.net (CloudFront) X-Amz-Cf-Pop: FRA60-P11 Alt-Svc: h3=":443"; ma=86400 X-Amz-Cf-Id: KxBOYPUGlyc1Yb7eorwaEzEejkBKNgJ6NO3Rxpzow8WsJFe2epdprg== Page title: 301 Moved Permanently <html> <head><title>301 Moved Permanently</title></head> <body> <center><h1>301 Moved Permanently</h1></center> <hr><center>CloudFront</center> </body> </html>
Open service 2600:9000:27e6:7a00:1d:6ae5:f380:93a1:80 · sarahhum.com
2025-12-19 02:32
HTTP/1.1 301 Moved Permanently Server: CloudFront Date: Fri, 19 Dec 2025 02:32:40 GMT Content-Type: text/html Content-Length: 167 Connection: close Location: https://sarahhum.com/ X-Cache: Redirect from cloudfront Via: 1.1 965b4705c2c785676c6b2cc3a0acb2b2.cloudfront.net (CloudFront) X-Amz-Cf-Pop: FRA60-P11 Alt-Svc: h3=":443"; ma=86400 X-Amz-Cf-Id: eRkOa3faeMrH_nbTMY5N_sZ89INBWxGaSDEZ9XqU2pknfLnVlJLNXQ== Page title: 301 Moved Permanently <html> <head><title>301 Moved Permanently</title></head> <body> <center><h1>301 Moved Permanently</h1></center> <hr><center>CloudFront</center> </body> </html>
Open service 3.167.227.129:80 · sarahhum.com
2025-12-19 02:32
HTTP/1.1 301 Moved Permanently Server: CloudFront Date: Fri, 19 Dec 2025 02:32:40 GMT Content-Type: text/html Content-Length: 167 Connection: close Location: https://sarahhum.com/ X-Cache: Redirect from cloudfront Via: 1.1 11e96575dfbca7fdaeadce447e13bf86.cloudfront.net (CloudFront) X-Amz-Cf-Pop: FRA60-P11 Alt-Svc: h3=":443"; ma=86400 X-Amz-Cf-Id: CTvuFOxF7ddrEOsolLX10NxMnl7xJN98OaCtlUzSIWhCNwDIAP1MrQ== Page title: 301 Moved Permanently <html> <head><title>301 Moved Permanently</title></head> <body> <center><h1>301 Moved Permanently</h1></center> <hr><center>CloudFront</center> </body> </html>
Open service 2600:9000:27e6:2800:1d:6ae5:f380:93a1:443 · sarahhum.com
2025-12-19 02:32
HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 6971
Connection: close
Date: Thu, 18 Dec 2025 08:22:38 GMT
Last-Modified: Sun, 03 Apr 2022 18:59:56 GMT
ETag: "5edbf27d391580aca04a780d195893d8"
Server: AmazonS3
X-Cache: Hit from cloudfront
Via: 1.1 4cbb03cab2ae98371d6d5b712148e8c2.cloudfront.net (CloudFront)
X-Amz-Cf-Pop: FRA60-P11
Alt-Svc: h3=":443"; ma=86400
X-Amz-Cf-Id: r2Xh-J1gJSW63cNJlxzRCvhE96Dh9DiFUYKaVDy88Fxz_NVRE5CzpQ==
Age: 65403
Page title: Sarah Hum
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Sarah Hum</title>
<meta charset="UTF-8">
<meta name="robots" content="index, follow">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Product Designer">
<meta name="keywords" content="graphic product design ui ux user experience front end developer interactive interaction motion york sheridan portfolio">
<meta name="author" content="Sarah Hum 2014">
<meta name="copyright" content="© 2014 Sarah">
<link rel="icon" type="image/png" href="favicon.ico">
<link rel="stylesheet" href="css/style.css">
<script src="//use.typekit.net/trp3mmy.js"></script>
<script>try{Typekit.load();}catch(e){}</script>
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav">
<!-- Hidden li included to remove active class from about link when scrolled up past about section -->
<li class="hidden">
<a class="page-scroll" href="#page-top"></a>
</li>
<li>
<a class="page-scroll" href="#p1">42 Tech</a>
</li>
<li>
<a class="page-scroll" href="#p2">Product Pains</a>
</li>
<li>
<a class="page-scroll" href="#p3">Tango</a>
</li>
<li>
<a class="page-scroll" href="#p4">Etc.</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
<div id="wrapper">
<section id="intro" class="head">
<div class="head-content">
<h1>Sarah Hum</h1>
<h2>Founder & product designer, <a href="mailto:hello@sarahhum.com">hello@sarahhum.com</a></h2>
</div>
</section>
<section id="p1" class="project">
<p class="project-number">no. 1</p>
<p class="tagline"><strong>Canny</strong><br>Make better product decisions</p>
<p class="small-margin">We launch Canny in 2017 to help teams make better product decisions with customer feedback. We serve great companies like Flexport, Bench Accounting, and Compass.
<ul class="tags">
<li>design</li>
<li>development</li>
<li>illustration</li>
</ul>
</p>
<img class="border" src="img/canny-01.jpg" alt="">
<p>Users post and vote on feedback, giving product teams a list of consolidated feedback—a great improvement over scattered emails and live chat conversations.</p>
<img class="border" src="img/canny-02.jpg" alt="">
<img src="img/canny-03.jpg" alt="">
<p class="cta-container"><a class="cta" href="https://www.canny.io/" target="_blank">View Canny homepage →</a></p>
</section>
<section id="p2" class="project">
<p class="project-number">no. 2</p>
<p class="tagline"><strong>42 Technologies<br></strong>Retail analytics startup</p>
<p class="small-margin">I worked with 42 when it was born in February 2013. Since then, we were a part of the winter 2014 batch of Y Combinator, have been in TechCrunch Disrupt, and walked on a New York Fashion Week runway.
<ul class="tags">
<li>design</li>
<li>development</li>
<li>illustration</li>
</ul>
</p>
<img src="img/42-01.png" alt="">
<p>Designing the 42 dashboard required thinking about the system as a whole. Throughout product development, we worked with clients to understand what data matters to them and features they would find useful.</p>
<img class="small-margin" src="img/42-02.png" alt="">
<img class="small-margin" src="img/42-03.png" alt="">
<img src="img/42-04.png" alt="">
<p class="cta-container"><a class="cta" href="https://42technologies.com/" target="_blank">Launch the website →</a><p>
</section>
<section id="p3" class="project">
<p class="project-number">no. 3</p>
<p class="tagline"><strong>Tango</strong>
Open service 2600:9000:27e6:200:1d:6ae5:f380:93a1:443 · sarahhum.com
2025-12-19 02:32
HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 6971
Connection: close
Date: Thu, 18 Dec 2025 08:22:38 GMT
Last-Modified: Sun, 03 Apr 2022 18:59:56 GMT
ETag: "5edbf27d391580aca04a780d195893d8"
Server: AmazonS3
X-Cache: Hit from cloudfront
Via: 1.1 4fc7981d078c179bdb1eedaf9249be32.cloudfront.net (CloudFront)
X-Amz-Cf-Pop: FRA60-P11
Alt-Svc: h3=":443"; ma=86400
X-Amz-Cf-Id: oDkJlaMEe5eHO6tlnUST76uc41vj0c-xjaz0xzBfvB7jWp6aZwtIUw==
Age: 65403
Page title: Sarah Hum
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Sarah Hum</title>
<meta charset="UTF-8">
<meta name="robots" content="index, follow">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Product Designer">
<meta name="keywords" content="graphic product design ui ux user experience front end developer interactive interaction motion york sheridan portfolio">
<meta name="author" content="Sarah Hum 2014">
<meta name="copyright" content="© 2014 Sarah">
<link rel="icon" type="image/png" href="favicon.ico">
<link rel="stylesheet" href="css/style.css">
<script src="//use.typekit.net/trp3mmy.js"></script>
<script>try{Typekit.load();}catch(e){}</script>
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav">
<!-- Hidden li included to remove active class from about link when scrolled up past about section -->
<li class="hidden">
<a class="page-scroll" href="#page-top"></a>
</li>
<li>
<a class="page-scroll" href="#p1">42 Tech</a>
</li>
<li>
<a class="page-scroll" href="#p2">Product Pains</a>
</li>
<li>
<a class="page-scroll" href="#p3">Tango</a>
</li>
<li>
<a class="page-scroll" href="#p4">Etc.</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
<div id="wrapper">
<section id="intro" class="head">
<div class="head-content">
<h1>Sarah Hum</h1>
<h2>Founder & product designer, <a href="mailto:hello@sarahhum.com">hello@sarahhum.com</a></h2>
</div>
</section>
<section id="p1" class="project">
<p class="project-number">no. 1</p>
<p class="tagline"><strong>Canny</strong><br>Make better product decisions</p>
<p class="small-margin">We launch Canny in 2017 to help teams make better product decisions with customer feedback. We serve great companies like Flexport, Bench Accounting, and Compass.
<ul class="tags">
<li>design</li>
<li>development</li>
<li>illustration</li>
</ul>
</p>
<img class="border" src="img/canny-01.jpg" alt="">
<p>Users post and vote on feedback, giving product teams a list of consolidated feedback—a great improvement over scattered emails and live chat conversations.</p>
<img class="border" src="img/canny-02.jpg" alt="">
<img src="img/canny-03.jpg" alt="">
<p class="cta-container"><a class="cta" href="https://www.canny.io/" target="_blank">View Canny homepage →</a></p>
</section>
<section id="p2" class="project">
<p class="project-number">no. 2</p>
<p class="tagline"><strong>42 Technologies<br></strong>Retail analytics startup</p>
<p class="small-margin">I worked with 42 when it was born in February 2013. Since then, we were a part of the winter 2014 batch of Y Combinator, have been in TechCrunch Disrupt, and walked on a New York Fashion Week runway.
<ul class="tags">
<li>design</li>
<li>development</li>
<li>illustration</li>
</ul>
</p>
<img src="img/42-01.png" alt="">
<p>Designing the 42 dashboard required thinking about the system as a whole. Throughout product development, we worked with clients to understand what data matters to them and features they would find useful.</p>
<img class="small-margin" src="img/42-02.png" alt="">
<img class="small-margin" src="img/42-03.png" alt="">
<img src="img/42-04.png" alt="">
<p class="cta-container"><a class="cta" href="https://42technologies.com/" target="_blank">Launch the website →</a><p>
</section>
<section id="p3" class="project">
<p class="project-number">no. 3</p>
<p class="tagline"><strong>Tango</strong>
Open service 2600:9000:27e6:a400:1d:6ae5:f380:93a1:80 · sarahhum.com
2025-12-19 02:32
HTTP/1.1 301 Moved Permanently Server: CloudFront Date: Fri, 19 Dec 2025 02:32:41 GMT Content-Type: text/html Content-Length: 167 Connection: close Location: https://sarahhum.com/ X-Cache: Redirect from cloudfront Via: 1.1 2d64c26f3fb170f9c78362c276ef5bd6.cloudfront.net (CloudFront) X-Amz-Cf-Pop: FRA60-P11 Alt-Svc: h3=":443"; ma=86400 X-Amz-Cf-Id: Gs-cVNBSPncg0IZLlxgXS8YiEGcJFi8lDk_7oiT5iXKJv8JZq0mRVg== Page title: 301 Moved Permanently <html> <head><title>301 Moved Permanently</title></head> <body> <center><h1>301 Moved Permanently</h1></center> <hr><center>CloudFront</center> </body> </html>
Open service 3.167.227.123:443 · sarahhum.com
2025-12-19 02:32
HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 6971
Connection: close
Date: Thu, 18 Dec 2025 08:22:38 GMT
Last-Modified: Sun, 03 Apr 2022 18:59:56 GMT
ETag: "5edbf27d391580aca04a780d195893d8"
Server: AmazonS3
X-Cache: Hit from cloudfront
Via: 1.1 adb85524b165725266f060aad450374e.cloudfront.net (CloudFront)
X-Amz-Cf-Pop: FRA60-P11
Alt-Svc: h3=":443"; ma=86400
X-Amz-Cf-Id: e3lBzYCmN4s2-iruYesYd1PtUWBb2EMiWHV723n9SS176WPEsM5TCQ==
Age: 65403
Page title: Sarah Hum
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Sarah Hum</title>
<meta charset="UTF-8">
<meta name="robots" content="index, follow">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Product Designer">
<meta name="keywords" content="graphic product design ui ux user experience front end developer interactive interaction motion york sheridan portfolio">
<meta name="author" content="Sarah Hum 2014">
<meta name="copyright" content="© 2014 Sarah">
<link rel="icon" type="image/png" href="favicon.ico">
<link rel="stylesheet" href="css/style.css">
<script src="//use.typekit.net/trp3mmy.js"></script>
<script>try{Typekit.load();}catch(e){}</script>
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav">
<!-- Hidden li included to remove active class from about link when scrolled up past about section -->
<li class="hidden">
<a class="page-scroll" href="#page-top"></a>
</li>
<li>
<a class="page-scroll" href="#p1">42 Tech</a>
</li>
<li>
<a class="page-scroll" href="#p2">Product Pains</a>
</li>
<li>
<a class="page-scroll" href="#p3">Tango</a>
</li>
<li>
<a class="page-scroll" href="#p4">Etc.</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
<div id="wrapper">
<section id="intro" class="head">
<div class="head-content">
<h1>Sarah Hum</h1>
<h2>Founder & product designer, <a href="mailto:hello@sarahhum.com">hello@sarahhum.com</a></h2>
</div>
</section>
<section id="p1" class="project">
<p class="project-number">no. 1</p>
<p class="tagline"><strong>Canny</strong><br>Make better product decisions</p>
<p class="small-margin">We launch Canny in 2017 to help teams make better product decisions with customer feedback. We serve great companies like Flexport, Bench Accounting, and Compass.
<ul class="tags">
<li>design</li>
<li>development</li>
<li>illustration</li>
</ul>
</p>
<img class="border" src="img/canny-01.jpg" alt="">
<p>Users post and vote on feedback, giving product teams a list of consolidated feedback—a great improvement over scattered emails and live chat conversations.</p>
<img class="border" src="img/canny-02.jpg" alt="">
<img src="img/canny-03.jpg" alt="">
<p class="cta-container"><a class="cta" href="https://www.canny.io/" target="_blank">View Canny homepage →</a></p>
</section>
<section id="p2" class="project">
<p class="project-number">no. 2</p>
<p class="tagline"><strong>42 Technologies<br></strong>Retail analytics startup</p>
<p class="small-margin">I worked with 42 when it was born in February 2013. Since then, we were a part of the winter 2014 batch of Y Combinator, have been in TechCrunch Disrupt, and walked on a New York Fashion Week runway.
<ul class="tags">
<li>design</li>
<li>development</li>
<li>illustration</li>
</ul>
</p>
<img src="img/42-01.png" alt="">
<p>Designing the 42 dashboard required thinking about the system as a whole. Throughout product development, we worked with clients to understand what data matters to them and features they would find useful.</p>
<img class="small-margin" src="img/42-02.png" alt="">
<img class="small-margin" src="img/42-03.png" alt="">
<img src="img/42-04.png" alt="">
<p class="cta-container"><a class="cta" href="https://42technologies.com/" target="_blank">Launch the website →</a><p>
</section>
<section id="p3" class="project">
<p class="project-number">no. 3</p>
<p class="tagline"><strong>Tango</strong>
Open service 3.167.227.123:80 · sarahhum.com
2025-12-19 02:32
HTTP/1.1 301 Moved Permanently Server: CloudFront Date: Fri, 19 Dec 2025 02:32:40 GMT Content-Type: text/html Content-Length: 167 Connection: close Location: https://sarahhum.com/ X-Cache: Redirect from cloudfront Via: 1.1 476ae07dd6346c4b92dd08f99199afca.cloudfront.net (CloudFront) X-Amz-Cf-Pop: FRA60-P11 Alt-Svc: h3=":443"; ma=86400 X-Amz-Cf-Id: T-IQi70Kb_CwNkTaC_6sm0-IM-HIXqzyBNN7aFMRM8UFQESQl88A3g== Page title: 301 Moved Permanently <html> <head><title>301 Moved Permanently</title></head> <body> <center><h1>301 Moved Permanently</h1></center> <hr><center>CloudFront</center> </body> </html>
Open service 2600:9000:27e6:2800:1d:6ae5:f380:93a1:80 · sarahhum.com
2025-12-19 02:32
HTTP/1.1 301 Moved Permanently Server: CloudFront Date: Fri, 19 Dec 2025 02:32:40 GMT Content-Type: text/html Content-Length: 167 Connection: close Location: https://sarahhum.com/ X-Cache: Redirect from cloudfront Via: 1.1 adb85524b165725266f060aad450374e.cloudfront.net (CloudFront) X-Amz-Cf-Pop: FRA60-P11 Alt-Svc: h3=":443"; ma=86400 X-Amz-Cf-Id: UljU5ImB_spjMu-K7gS1WFdiUKF6YsvizqgK20stbuNVQqIxG7b_Sw== Page title: 301 Moved Permanently <html> <head><title>301 Moved Permanently</title></head> <body> <center><h1>301 Moved Permanently</h1></center> <hr><center>CloudFront</center> </body> </html>
Open service 3.167.227.129:443 · sarahhum.com
2025-12-19 02:32
HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 6971
Connection: close
Date: Thu, 18 Dec 2025 08:22:38 GMT
Last-Modified: Sun, 03 Apr 2022 18:59:56 GMT
ETag: "5edbf27d391580aca04a780d195893d8"
Server: AmazonS3
X-Cache: Hit from cloudfront
Via: 1.1 3f695203fbeb95037134ac09f46add98.cloudfront.net (CloudFront)
X-Amz-Cf-Pop: FRA60-P11
Alt-Svc: h3=":443"; ma=86400
X-Amz-Cf-Id: 4M3Km26B0wjVO7XPmhEIWjC18LeeG268D15InyAmiOkNdJVCUqB0VA==
Age: 65403
Page title: Sarah Hum
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Sarah Hum</title>
<meta charset="UTF-8">
<meta name="robots" content="index, follow">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Product Designer">
<meta name="keywords" content="graphic product design ui ux user experience front end developer interactive interaction motion york sheridan portfolio">
<meta name="author" content="Sarah Hum 2014">
<meta name="copyright" content="© 2014 Sarah">
<link rel="icon" type="image/png" href="favicon.ico">
<link rel="stylesheet" href="css/style.css">
<script src="//use.typekit.net/trp3mmy.js"></script>
<script>try{Typekit.load();}catch(e){}</script>
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav">
<!-- Hidden li included to remove active class from about link when scrolled up past about section -->
<li class="hidden">
<a class="page-scroll" href="#page-top"></a>
</li>
<li>
<a class="page-scroll" href="#p1">42 Tech</a>
</li>
<li>
<a class="page-scroll" href="#p2">Product Pains</a>
</li>
<li>
<a class="page-scroll" href="#p3">Tango</a>
</li>
<li>
<a class="page-scroll" href="#p4">Etc.</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
<div id="wrapper">
<section id="intro" class="head">
<div class="head-content">
<h1>Sarah Hum</h1>
<h2>Founder & product designer, <a href="mailto:hello@sarahhum.com">hello@sarahhum.com</a></h2>
</div>
</section>
<section id="p1" class="project">
<p class="project-number">no. 1</p>
<p class="tagline"><strong>Canny</strong><br>Make better product decisions</p>
<p class="small-margin">We launch Canny in 2017 to help teams make better product decisions with customer feedback. We serve great companies like Flexport, Bench Accounting, and Compass.
<ul class="tags">
<li>design</li>
<li>development</li>
<li>illustration</li>
</ul>
</p>
<img class="border" src="img/canny-01.jpg" alt="">
<p>Users post and vote on feedback, giving product teams a list of consolidated feedback—a great improvement over scattered emails and live chat conversations.</p>
<img class="border" src="img/canny-02.jpg" alt="">
<img src="img/canny-03.jpg" alt="">
<p class="cta-container"><a class="cta" href="https://www.canny.io/" target="_blank">View Canny homepage →</a></p>
</section>
<section id="p2" class="project">
<p class="project-number">no. 2</p>
<p class="tagline"><strong>42 Technologies<br></strong>Retail analytics startup</p>
<p class="small-margin">I worked with 42 when it was born in February 2013. Since then, we were a part of the winter 2014 batch of Y Combinator, have been in TechCrunch Disrupt, and walked on a New York Fashion Week runway.
<ul class="tags">
<li>design</li>
<li>development</li>
<li>illustration</li>
</ul>
</p>
<img src="img/42-01.png" alt="">
<p>Designing the 42 dashboard required thinking about the system as a whole. Throughout product development, we worked with clients to understand what data matters to them and features they would find useful.</p>
<img class="small-margin" src="img/42-02.png" alt="">
<img class="small-margin" src="img/42-03.png" alt="">
<img src="img/42-04.png" alt="">
<p class="cta-container"><a class="cta" href="https://42technologies.com/" target="_blank">Launch the website →</a><p>
</section>
<section id="p3" class="project">
<p class="project-number">no. 3</p>
<p class="tagline"><strong>Tango</strong>
Open service 3.167.227.78:80 · sarahhum.com
2025-12-19 02:32
HTTP/1.1 301 Moved Permanently Server: CloudFront Date: Fri, 19 Dec 2025 02:32:40 GMT Content-Type: text/html Content-Length: 167 Connection: close Location: https://sarahhum.com/ X-Cache: Redirect from cloudfront Via: 1.1 c4c77edb0e594ee05e794efbddc0c5f8.cloudfront.net (CloudFront) X-Amz-Cf-Pop: FRA60-P11 Alt-Svc: h3=":443"; ma=86400 X-Amz-Cf-Id: 7lMHoTQsLcm0MxPzquDN5koHxZdbg5KnQ40EhT8njY1mFrxukXkb_Q== Page title: 301 Moved Permanently <html> <head><title>301 Moved Permanently</title></head> <body> <center><h1>301 Moved Permanently</h1></center> <hr><center>CloudFront</center> </body> </html>
Open service 3.167.227.12:443 · sarahhum.com
2025-12-19 02:32
HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 6971
Connection: close
Date: Thu, 18 Dec 2025 08:22:38 GMT
Last-Modified: Sun, 03 Apr 2022 18:59:56 GMT
ETag: "5edbf27d391580aca04a780d195893d8"
Server: AmazonS3
X-Cache: Hit from cloudfront
Via: 1.1 27331d40ce87c331f48276ef8195d14c.cloudfront.net (CloudFront)
X-Amz-Cf-Pop: FRA60-P11
Alt-Svc: h3=":443"; ma=86400
X-Amz-Cf-Id: DpVFgGjFqNEEsohB-zaAXp_y4NUI6y9aAzqSK8V7djaUrh-dfkhm8w==
Age: 65403
Page title: Sarah Hum
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Sarah Hum</title>
<meta charset="UTF-8">
<meta name="robots" content="index, follow">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Product Designer">
<meta name="keywords" content="graphic product design ui ux user experience front end developer interactive interaction motion york sheridan portfolio">
<meta name="author" content="Sarah Hum 2014">
<meta name="copyright" content="© 2014 Sarah">
<link rel="icon" type="image/png" href="favicon.ico">
<link rel="stylesheet" href="css/style.css">
<script src="//use.typekit.net/trp3mmy.js"></script>
<script>try{Typekit.load();}catch(e){}</script>
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav">
<!-- Hidden li included to remove active class from about link when scrolled up past about section -->
<li class="hidden">
<a class="page-scroll" href="#page-top"></a>
</li>
<li>
<a class="page-scroll" href="#p1">42 Tech</a>
</li>
<li>
<a class="page-scroll" href="#p2">Product Pains</a>
</li>
<li>
<a class="page-scroll" href="#p3">Tango</a>
</li>
<li>
<a class="page-scroll" href="#p4">Etc.</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
<div id="wrapper">
<section id="intro" class="head">
<div class="head-content">
<h1>Sarah Hum</h1>
<h2>Founder & product designer, <a href="mailto:hello@sarahhum.com">hello@sarahhum.com</a></h2>
</div>
</section>
<section id="p1" class="project">
<p class="project-number">no. 1</p>
<p class="tagline"><strong>Canny</strong><br>Make better product decisions</p>
<p class="small-margin">We launch Canny in 2017 to help teams make better product decisions with customer feedback. We serve great companies like Flexport, Bench Accounting, and Compass.
<ul class="tags">
<li>design</li>
<li>development</li>
<li>illustration</li>
</ul>
</p>
<img class="border" src="img/canny-01.jpg" alt="">
<p>Users post and vote on feedback, giving product teams a list of consolidated feedback—a great improvement over scattered emails and live chat conversations.</p>
<img class="border" src="img/canny-02.jpg" alt="">
<img src="img/canny-03.jpg" alt="">
<p class="cta-container"><a class="cta" href="https://www.canny.io/" target="_blank">View Canny homepage →</a></p>
</section>
<section id="p2" class="project">
<p class="project-number">no. 2</p>
<p class="tagline"><strong>42 Technologies<br></strong>Retail analytics startup</p>
<p class="small-margin">I worked with 42 when it was born in February 2013. Since then, we were a part of the winter 2014 batch of Y Combinator, have been in TechCrunch Disrupt, and walked on a New York Fashion Week runway.
<ul class="tags">
<li>design</li>
<li>development</li>
<li>illustration</li>
</ul>
</p>
<img src="img/42-01.png" alt="">
<p>Designing the 42 dashboard required thinking about the system as a whole. Throughout product development, we worked with clients to understand what data matters to them and features they would find useful.</p>
<img class="small-margin" src="img/42-02.png" alt="">
<img class="small-margin" src="img/42-03.png" alt="">
<img src="img/42-04.png" alt="">
<p class="cta-container"><a class="cta" href="https://42technologies.com/" target="_blank">Launch the website →</a><p>
</section>
<section id="p3" class="project">
<p class="project-number">no. 3</p>
<p class="tagline"><strong>Tango</strong>
Open service 3.167.227.12:80 · sarahhum.com
2025-12-19 02:32
HTTP/1.1 301 Moved Permanently Server: CloudFront Date: Fri, 19 Dec 2025 02:32:40 GMT Content-Type: text/html Content-Length: 167 Connection: close Location: https://sarahhum.com/ X-Cache: Redirect from cloudfront Via: 1.1 e961568a7f39e8e23cb01bf72601c308.cloudfront.net (CloudFront) X-Amz-Cf-Pop: FRA60-P11 Alt-Svc: h3=":443"; ma=86400 X-Amz-Cf-Id: 8q_UuB_p27-pFGi2J5XLBD350LQjJkQjLFSSxukHqqkkv7aDvIo7Hw== Page title: 301 Moved Permanently <html> <head><title>301 Moved Permanently</title></head> <body> <center><h1>301 Moved Permanently</h1></center> <hr><center>CloudFront</center> </body> </html>
Open service 3.167.227.78:443 · sarahhum.com
2025-12-19 02:32
HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 6971
Connection: close
Date: Thu, 18 Dec 2025 08:22:38 GMT
Last-Modified: Sun, 03 Apr 2022 18:59:56 GMT
ETag: "5edbf27d391580aca04a780d195893d8"
Server: AmazonS3
X-Cache: Hit from cloudfront
Via: 1.1 476b5932e94d78f0c3734e15c13a5018.cloudfront.net (CloudFront)
X-Amz-Cf-Pop: FRA60-P11
Alt-Svc: h3=":443"; ma=86400
X-Amz-Cf-Id: MtO70umhNwcyQiqAskDcLhNHNehTo6WyfJ7gTtMsjHfKR8bj9T_hTQ==
Age: 65403
Page title: Sarah Hum
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Sarah Hum</title>
<meta charset="UTF-8">
<meta name="robots" content="index, follow">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Product Designer">
<meta name="keywords" content="graphic product design ui ux user experience front end developer interactive interaction motion york sheridan portfolio">
<meta name="author" content="Sarah Hum 2014">
<meta name="copyright" content="© 2014 Sarah">
<link rel="icon" type="image/png" href="favicon.ico">
<link rel="stylesheet" href="css/style.css">
<script src="//use.typekit.net/trp3mmy.js"></script>
<script>try{Typekit.load();}catch(e){}</script>
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav">
<!-- Hidden li included to remove active class from about link when scrolled up past about section -->
<li class="hidden">
<a class="page-scroll" href="#page-top"></a>
</li>
<li>
<a class="page-scroll" href="#p1">42 Tech</a>
</li>
<li>
<a class="page-scroll" href="#p2">Product Pains</a>
</li>
<li>
<a class="page-scroll" href="#p3">Tango</a>
</li>
<li>
<a class="page-scroll" href="#p4">Etc.</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
<div id="wrapper">
<section id="intro" class="head">
<div class="head-content">
<h1>Sarah Hum</h1>
<h2>Founder & product designer, <a href="mailto:hello@sarahhum.com">hello@sarahhum.com</a></h2>
</div>
</section>
<section id="p1" class="project">
<p class="project-number">no. 1</p>
<p class="tagline"><strong>Canny</strong><br>Make better product decisions</p>
<p class="small-margin">We launch Canny in 2017 to help teams make better product decisions with customer feedback. We serve great companies like Flexport, Bench Accounting, and Compass.
<ul class="tags">
<li>design</li>
<li>development</li>
<li>illustration</li>
</ul>
</p>
<img class="border" src="img/canny-01.jpg" alt="">
<p>Users post and vote on feedback, giving product teams a list of consolidated feedback—a great improvement over scattered emails and live chat conversations.</p>
<img class="border" src="img/canny-02.jpg" alt="">
<img src="img/canny-03.jpg" alt="">
<p class="cta-container"><a class="cta" href="https://www.canny.io/" target="_blank">View Canny homepage →</a></p>
</section>
<section id="p2" class="project">
<p class="project-number">no. 2</p>
<p class="tagline"><strong>42 Technologies<br></strong>Retail analytics startup</p>
<p class="small-margin">I worked with 42 when it was born in February 2013. Since then, we were a part of the winter 2014 batch of Y Combinator, have been in TechCrunch Disrupt, and walked on a New York Fashion Week runway.
<ul class="tags">
<li>design</li>
<li>development</li>
<li>illustration</li>
</ul>
</p>
<img src="img/42-01.png" alt="">
<p>Designing the 42 dashboard required thinking about the system as a whole. Throughout product development, we worked with clients to understand what data matters to them and features they would find useful.</p>
<img class="small-margin" src="img/42-02.png" alt="">
<img class="small-margin" src="img/42-03.png" alt="">
<img src="img/42-04.png" alt="">
<p class="cta-container"><a class="cta" href="https://42technologies.com/" target="_blank">Launch the website →</a><p>
</section>
<section id="p3" class="project">
<p class="project-number">no. 3</p>
<p class="tagline"><strong>Tango</strong>
2600:9000:27e6:be00:1d:6ae5:f380:93a1 1 2600:9000:27e6:8800:1d:6ae5:f380:93a1 1 2600:9000:27e6:b800:1d:6ae5:f380:93a1 1 2600:9000:27e6:a400:1d:6ae5:f380:93a1 1 2600:9000:27e6:7a00:1d:6ae5:f380:93a1 1 2600:9000:27e6:9200:1d:6ae5:f380:93a1 1 2600:9000:27e6:200:1d:6ae5:f380:93a1 1 3.167.227.129 1 2600:9000:27e6:2800:1d:6ae5:f380:93a1 1 3.167.227.123 1 3.167.227.78 1 3.167.227.12 1