summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorLauren Choi <laurenchoi@gmail.com>2022-12-12 23:19:59 -0500
committerLauren Choi <laurenchoi@gmail.com>2022-12-12 23:19:59 -0500
commit11fd6c347a4abf933672dff2aa8b543c53d0c895 (patch)
treea080c399e1271fc2818dd1ed410a20e7fa5a9346
parentb5e49acf088e91f7556c826fcd92286f710fa86c (diff)
create guests page, add ds_store to gitignore
-rw-r--r--.gitignore1
-rw-r--r--html/guests.html100
-rwxr-xr-xstyles.css32
3 files changed, 133 insertions, 0 deletions
diff --git a/.gitignore b/.gitignore
index f50392f..66f694e 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,4 @@
# exclude idea files
**/.idea/workspace.xml
**/.idea/tasks.xml
+.DS_Store \ No newline at end of file
diff --git a/html/guests.html b/html/guests.html
new file mode 100644
index 0000000..706796b
--- /dev/null
+++ b/html/guests.html
@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <meta name="description" content="User Interfaces and User Experience, Fall 2022 at Brown University. 400+ student course taught by instructor Jeff Huang and TAs. Topics include understanding when to use different interfaces, modeling and representing user interaction, principles of user experience design, eliciting requirements and feedback from users, methods for designing and prototyping interfaces, and user interface evaluation.">
+ <link rel="stylesheet" href="../styles.css">
+
+ <title>CS 1300 - UI/UX 2022</title>
+ <link rel="icon" href="assets/favicon.png"/>
+
+ <script src="script.js" defer></script>
+</head>
+
+<body>
+ <section id="guest-reviewers">
+ <h2 class="title">guest portfolio reviewers</h2>
+ <div class="edges">
+ <div class="flex-grid-2">
+ <div class="guest">
+ <h3 class="guest-name">Lisa Wang</h3>
+ <h4 class="guest-role">Former 1300 student</h4>
+ <p class="guest-description">Hi! My name is Lisa. I graduated 2 years ago with double concentration in cs and visa. I am now a product designer at Microsoft working on education products. I like climbing, drawing, and taking walks. </p>
+ </div>
+ <div class="guest">
+ <h3 class="guest-name">Ashley Wang</h3>
+ <h4 class="guest-role">Product Designer at Opensea</h4>
+ <p class="guest-description">Ashley is a product designer at Opensea, the largest NFT marketplace. Previously, Ashley has designed at Spotify, BCG Digital Ventures and LinkedIn. Ashley studied HCI and Design at CMU. </p>
+ </div>
+ </div>
+
+ <div class="flex-grid-2">
+ <div class="guest">
+ <h3 class="guest-name">Marlena Morshead</h3>
+ <h4 class="guest-role">Meta, former 1300 TA</h4>
+ <p class="guest-description">I'm a senior product designer currently based in Los Angeles, CA. I joined Meta (FKA Facebook) in 2017 and spent my first 4 years at the company working on small business and advertising tools across Instagram, Facebook and WhatsApp. In July 2021, I transferred to Instagram's blockchain platform team where I currently lead design for web3 product experiences like NFTs. Prior to Meta, I spent some time at a start up and interned at IBM. At Brown, I dual concentrated in Computer Science and Modern Culture and Media. I was also an HTA for CS1300, a member of the Brown Women's crew team and the design director for Brown Political Review. </p>
+ </div>
+ <div class="guest">
+ <h3 class="guest-name">Xiaochen Yang "XY"</h3>
+ <h4 class="guest-role">Product Designer</h4>
+ <p class="guest-description">Xiaochen Yang "XY" is a media artist, designer with a background in visual design, and generative research. Her multi-disciplinary practice explores the in-between space across fine art, tangible media, and speculative narratives. As a Product Designer working with conversational AI, she's interested in inventing new systems and design paradigms with emerging technologies. Her past work includes working with Intel Research on the future landscape of autonomous driving and serving as a strategist at TBWA/Chiat/Day media arts lab. She has received awards internationally from The OneShow Design Awards, non-profit organizations WWF(World Wide Fund for Nature) and iGem(International Genetically Engineered Machine), etc. She graduated with MFA in Media Design Practices from Art Center College of Design.</p>
+ </div>
+ </div>
+
+ <div class="flex-grid-2">
+ <div class="guest">
+ <h3 class="guest-name">Gifford Cheung</h3>
+ <h4 class="guest-role">Sr UX Researcher at Nintendo</h4>
+ <p class="guest-description">I am a Sr UX Researcher within a division of Nintendo that primarily supports developer tools. Our UX team works with tool and game developers. We sometimes solve problems like consultants, but are also embedded on developer teams. My methods range from qualitative (user studies, task-based, interviews, focus groups) to quantitative (surveys, card sorts, metrics, etc.). </p>
+ </div>
+ <div class="guest">
+ <h3 class="guest-name">Hannah Chow</h3>
+ <h4 class="guest-role">Former 1300 HTA</h4>
+ <p class="guest-description">Hannah Chow ('20) is a UX Designer for Microsoft living in Seattle, WA. While studying at Brown she concentrated in Computer Science, took cs1300 in Fall '18, and HTA'd c1300 in Fall '19. Aside from zooming her cursor around Figma files at 2 AM, she also enjoys binge-watching Survivor, religiously solving the NYT crossword each morning, and caring too much about winning at weekly bar trivia. </p>
+ </div>
+ </div>
+
+ <div class="flex-grid-2">
+ <div class="guest">
+ <h3 class="guest-name">Zach Deocadiz</h3>
+ <h4 class="guest-role">Former 1300 TA</h4>
+ <p class="guest-description">Zach is currently a Sr Designer at FitXR, working on the future of XR fitness. Previously, he worked as a designer at Within, creating AR and VR products such as Wonderscope and Supernatural, and as a VR UI/UX designer at Vicarious Surgical, working on the future of single port robots combined with VR and 3D screen technology. They graduated from RISD in 2017 with a BFA in Graphic Design.</p>
+ </div>
+ <div class="guest">
+ <h3 class="guest-name">Irene Rae</h3>
+ <h4 class="guest-role">Senior Staff UX at Google</h4>
+ <p class="guest-description">Irene is a Senior Staff UX Researcher in the Labs team at Google, focusing on long-term technology projects. Previously, she worked at Databricks as Head of UX Research, created the UX team in Google's data infrastructure organization, and did design research for Microsoft's Data Platforms. </p>
+ </div>
+ </div>
+
+ <div class="flex-grid-2">
+ <div class="guest">
+ <h3 class="guest-name">Clara Kliman-Silver</h3>
+ <h4 class="guest-role">UX Research Manager at Google</h4>
+ <p class="guest-description">Clara Kliman-Silver '13 is a UX research manager at Google, leading a team focused on design systems and tools. Throughout her career she has studied tooling and workflows across a variety of domains, designer and developer productivity, and artificial intelligence. She previously worked as a UX designer in the healthcare and AI spaces. At Brown she concentrated in Cognitive Science, worked in 3D shape perception and psycholinguistics research labs, and enjoyed riding her bike around Providence.</p>
+ </div>
+ <div class="guest">
+ <h3 class="guest-name">Sophia Xu</h3>
+ <h4 class="guest-role">Interaction Designer at SmartDesign</h4>
+ <p class="guest-description">Hi! I'm Sophia, an interaction designer at Smart Design. I graduated from RISD in Industrial Design and actually took this class you guys are in right now! I've worked in the toy industry a bit and at a different strategic and creative consultancy agency before coming to Smart Design, a design agency based in Brooklyn, NY. Some cool projects I've worked on here include designing for a smart fridge, helping Meta co-design with teens and parents to create a safer platform, user testing with a fitness company, researching what makes experiences feel premium, and my current project is on omnichannel shopping experiences for global youth!</p>
+ </div>
+ </div>
+
+ <div class="flex-grid-2">
+ <div class="guest">
+ <h3 class="guest-name">Aaditya Ailawadhi</h3>
+ <h4 class="guest-role">Former 1300 student</h4>
+ <p class="guest-description">Aaditya is a UX Designer at Amazon. Previously, he worked as a Product Designer at Microsoft, Unqork, and Commonstock. He lives in Seattle, loves cars, and misses Bajas on Thayer street.</p>
+ </div>
+ <div class="guest">
+ <h3 class="guest-name">John Filmanowicz</h3>
+ <h4 class="guest-role">Nickelodeon, former 1300 HTA</h4>
+ <p class="guest-description">Independent Filmmaker and Multimedia Artist</p>
+ </div>
+ </div>
+ </div>
+ </section>
+</body>
+</html>
diff --git a/styles.css b/styles.css
index bf933a6..eeda9f5 100755
--- a/styles.css
+++ b/styles.css
@@ -961,3 +961,35 @@ weekly specials conic border
/* box-sizing: border-box;*/
/*}*/
+#guest-reviewers {
+ height: 100%;
+}
+
+.guest-name, .guest-role {
+ color: var(--accent-color);
+}
+
+.flex-grid-2 {
+ display: flex;
+ justify-content: space-between;
+}
+.flex-grid-2 .guest {
+ width: 45%;
+}
+
+@media (max-width: 800px) {
+ .flex-grid-2 {
+ display: block;
+ }
+ .flex-grid-2 .guest {
+ width: 100%;
+ }
+}
+
+.guest {
+ margin: 2rem 0;
+ height: auto;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+} \ No newline at end of file