CS 1300 - UI/UX 2022

Date: Mon, 12 Dec 2022 23:19:59 -0500 Subject: create guests page, add ds_store to gitignore --- .gitignore | 1 + html/guests.html | 100 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ styles.css | 32 ++++++++++++++++++ 3 files changed, 133 insertions(+) create mode 100644 html/guests.html 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 @@ + + + + + + + + + + CS 1300 - UI/UX 2022 + + + + + + +

guest portfolio reviewers

Lisa Wang

Former 1300 student

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.

Ashley Wang

Product Designer at Opensea

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.

+ +

Marlena Morshead

Meta, former 1300 TA

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.

Xiaochen Yang "XY"

Product Designer

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.

+ +

Gifford Cheung

Sr UX Researcher at Nintendo

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.).

Hannah Chow

Former 1300 HTA

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.

+ +

Zach Deocadiz

Former 1300 TA

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.

Irene Rae

Senior Staff UX at Google

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.

+ +

Clara Kliman-Silver

UX Research Manager at Google

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.

Sophia Xu

Interaction Designer at SmartDesign

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!

+ +

Aaditya Ailawadhi

Former 1300 student

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.

John Filmanowicz

Nickelodeon, former 1300 HTA

Independent Filmmaker and Multimedia Artist

+ + 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 -- cgit v1.2.3-70-g09d2 From e385c43a329a7e88fd0a89285dce77967b75a75d Mon Sep 17 00:00:00 2001 From: anika Date: Thu, 15 Dec 2022 19:27:46 -0500 Subject: updated bios --- html/guests.html | 47 ++++++++++++++++++++++++++--------------------- styles.css | 6 ++++++ 2 files changed, 32 insertions(+), 21 deletions(-) diff --git a/html/guests.html b/html/guests.html index 706796b..0646e20 100644 --- a/html/guests.html +++ b/html/guests.html @@ -18,28 +18,17 @@

guest portfolio reviewers

Lisa Wang

Former 1300 student

Ashley Wang

Product Designer at Opensea

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.

wshitian12@gmail.com

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.

- -

Marlena Morshead

Meta, former 1300 TA

Xiaochen Yang "XY"

Product Designer

marlenamorshead@gmail.com

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.

@@ -47,12 +36,14 @@

Gifford Cheung

Sr UX Researcher at Nintendo

giffordcheung@gmail.com

Hannah Chow

Former 1300 HTA

hannah.chow@gmail.com

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 '17, and HTA'd c1300 in Fall '18. 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.

@@ -60,12 +51,13 @@

Zach Deocadiz

Former 1300 TA

zkdeocadiz@gmail.com

Irene Rae

Senior Staff UX at Google

Irene is a Senior Staff UX Researcher at Google. Previously, she worked at Databricks as well as Microsoft on the Data Platforms team.

@@ -73,12 +65,14 @@

Clara Kliman-Silver

UX Research Manager at Google

klimansilver@google.com

Sophia Xu

Interaction Designer at SmartDesign

sophia.xu@smartdesignworldwide.com

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!

@@ -86,12 +80,23 @@

Aaditya Ailawadhi

Former 1300 student

aailawad@alumni.risd.edu

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.

John Filmanowicz

Nickelodeon, former 1300 HTA

Independent Filmmaker and Multimedia Artist

Niko Klein

Product at Figma

Twitter: @nikolasklein

Nikolas Klein works as a product designer at Figma since early 2018. Since then, he has been focused on the Figma editor and, in there, primarily on Prototyping. He has studied in Germany and now lives in San Francisco.

+ + +

Reet Agrawal

Former 1300 student

reetagrawal16@gmail.com

Reet currently works as an Interaction Designer at an agency, Code and Theory. She graduated '21.5 with a concentration in Computer Science and tried her best to get into any and all RISD classes otherwise. She's interned as a UX engineer before and is happy to help anyone considering hybrid roles or transitioning between design and development.

diff --git a/styles.css b/styles.css index eeda9f5..cd2742d 100755 --- a/styles.css +++ b/styles.css @@ -969,12 +969,18 @@ weekly specials conic border color: var(--accent-color); } +.guest-email { + color: var(--second-accent-color); +} + .flex-grid-2 { display: flex; justify-content: space-between; + vertical-align: top; } .flex-grid-2 .guest { width: 45%; + vertical-align: top; } @media (max-width: 800px) { -- cgit v1.2.3-70-g09d2 From 6f2f0cb033af27c4c7162c6a95387b4c1bb34ebd Mon Sep 17 00:00:00 2001 From: Connie Liu <20523241+theconnieliu@users.noreply.github.com> Date: Thu, 15 Dec 2022 19:28:10 -0500 Subject: add guest photos --- assets/guest-photos/aaditya.png | Bin 0 -> 2889257 bytes assets/guest-photos/ashley.png | Bin 0 -> 172960 bytes assets/guest-photos/clara.png | Bin 0 -> 295675 bytes assets/guest-photos/gifford.png | Bin 0 -> 1370300 bytes assets/guest-photos/hannah.png | Bin 0 -> 721934 bytes assets/guest-photos/lisa.png | Bin 0 -> 1101595 bytes assets/guest-photos/marlena.png | Bin 0 -> 2038853 bytes assets/guest-photos/niko.png | Bin 0 -> 634328 bytes assets/guest-photos/reet.png | Bin 0 -> 7396935 bytes assets/guest-photos/sophia.png | Bin 0 -> 7439869 bytes 10 files changed, 0 insertions(+), 0 deletions(-) create mode 100644 assets/guest-photos/aaditya.png create mode 100644 assets/guest-photos/ashley.png create mode 100644 assets/guest-photos/clara.png create mode 100644 assets/guest-photos/gifford.png create mode 100644 assets/guest-photos/hannah.png create mode 100644 assets/guest-photos/lisa.png create mode 100644 assets/guest-photos/marlena.png create mode 100644 assets/guest-photos/niko.png create mode 100644 assets/guest-photos/reet.png create mode 100644 assets/guest-photos/sophia.png diff --git a/assets/guest-photos/aaditya.png b/assets/guest-photos/aaditya.png new file mode 100644 index 0000000..3adc04c Binary files /dev/null and b/assets/guest-photos/aaditya.png differ diff --git a/assets/guest-photos/ashley.png b/assets/guest-photos/ashley.png new file mode 100644 index 0000000..2bdb10a Binary files /dev/null and b/assets/guest-photos/ashley.png differ diff --git a/assets/guest-photos/clara.png b/assets/guest-photos/clara.png new file mode 100644 index 0000000..c263624 Binary files /dev/null and b/assets/guest-photos/clara.png differ diff --git a/assets/guest-photos/gifford.png b/assets/guest-photos/gifford.png new file mode 100644 index 0000000..64ef2e8 Binary files /dev/null and b/assets/guest-photos/gifford.png differ diff --git a/assets/guest-photos/hannah.png b/assets/guest-photos/hannah.png new file mode 100644 index 0000000..2c92412 Binary files /dev/null and b/assets/guest-photos/hannah.png differ diff --git a/assets/guest-photos/lisa.png b/assets/guest-photos/lisa.png new file mode 100644 index 0000000..ba7029e Binary files /dev/null and b/assets/guest-photos/lisa.png differ diff --git a/assets/guest-photos/marlena.png b/assets/guest-photos/marlena.png new file mode 100644 index 0000000..6f5c310 Binary files /dev/null and b/assets/guest-photos/marlena.png differ diff --git a/assets/guest-photos/niko.png b/assets/guest-photos/niko.png new file mode 100644 index 0000000..1452160 Binary files /dev/null and b/assets/guest-photos/niko.png differ diff --git a/assets/guest-photos/reet.png b/assets/guest-photos/reet.png new file mode 100644 index 0000000..c16447a Binary files /dev/null and b/assets/guest-photos/reet.png differ diff --git a/assets/guest-photos/sophia.png b/assets/guest-photos/sophia.png new file mode 100644 index 0000000..447b3bf Binary files /dev/null and b/assets/guest-photos/sophia.png differ -- cgit v1.2.3-70-g09d2 From 84f10032947d592ebb3611ca562a50fd858dfab3 Mon Sep 17 00:00:00 2001 From: Connie Liu <20523241+theconnieliu@users.noreply.github.com> Date: Thu, 15 Dec 2022 20:17:04 -0500 Subject: make guest page layout look clean --- assets/guest-photos/zach.png | Bin 0 -> 182581 bytes html/guests.html | 213 ++++++++++++++++++++++++++++++++----------- styles.css | 37 +++++++- 3 files changed, 192 insertions(+), 58 deletions(-) create mode 100644 assets/guest-photos/zach.png diff --git a/assets/guest-photos/zach.png b/assets/guest-photos/zach.png new file mode 100644 index 0000000..0dc587f Binary files /dev/null and b/assets/guest-photos/zach.png differ diff --git a/html/guests.html b/html/guests.html index 0646e20..1625ef9 100644 --- a/html/guests.html +++ b/html/guests.html @@ -1,14 +1,16 @@ + - + CS 1300 - UI/UX 2022 - + @@ -18,88 +20,193 @@

guest portfolio reviewers

Ashley Wang

Product Designer at Opensea

wshitian12@gmail.com

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.

Ashley Wang

Product Designer at Opensea

wshitian12@gmail.com

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.

Marlena Morshead

Meta, former 1300 TA

marlenamorshead@gmail.com

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.

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.

Gifford Cheung

Sr UX Researcher at Nintendo

giffordcheung@gmail.com

+ +

Gifford Cheung

Sr UX Researcher at Nintendo

giffordcheung@gmail.com

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.).

Hannah Chow

Former 1300 HTA

hannah.chow@gmail.com

+ +

Hannah Chow

Former 1300 HTA

hannah.chow@gmail.com

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 '17, and HTA'd + c1300 in Fall '18. 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.

Zach Deocadiz

Former 1300 TA

zkdeocadiz@gmail.com

+ +

Zach Deocadiz

Former 1300 TA

zkdeocadiz@gmail.com

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.

Irene Rae

Senior Staff UX at Google

Irene is a Senior Staff UX Researcher at Google. Previously, she worked at Databricks as well as Microsoft on the Data Platforms team.

+ +

Irene Rae

Senior Staff UX at Google

Irene is a Senior Staff UX Researcher at Google. Previously, she worked + at Databricks as well as Microsoft on the Data Platforms team.

Clara Kliman-Silver

UX Research Manager at Google

klimansilver@google.com

Clara Kliman-Silver

UX Research Manager at Google

klimansilver@google.com

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.

Sophia Xu

Interaction Designer at SmartDesign

sophia.xu@smartdesignworldwide.com

+ +

Sophia Xu

Interaction Designer at SmartDesign

sophia.xu@smartdesignworldwide.com

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!

Aaditya Ailawadhi

Former 1300 student

aailawad@alumni.risd.edu

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.

Aaditya Ailawadhi

Former 1300 student

aailawad@alumni.risd.edu

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.

Niko Klein

Product at Figma

Twitter: @nikolasklein

+ +

Niko Klein

Product at Figma

Twitter: @nikolasklein

Nikolas Klein works as a product designer at Figma since early 2018. + Since then, he has been focused on the Figma editor and, in there, primarily on Prototyping. He + has studied in Germany and now lives in San Francisco.

Reet Agrawal

Former 1300 student

reetagrawal16@gmail.com

Reet Agrawal

Former 1300 student

reetagrawal16@gmail.com

Reet currently works as an Interaction Designer at an agency, Code and + Theory. She graduated '21.5 with a concentration in Computer Science and tried her best to get + into any and all RISD classes otherwise. She's interned as a UX engineer before and is happy to + help anyone considering hybrid roles or transitioning between design and development.

- + + \ No newline at end of file diff --git a/styles.css b/styles.css index cd2742d..c211ef2 100755 --- a/styles.css +++ b/styles.css @@ -68,11 +68,12 @@ section:nth-child(odd) { .title, .title-info-flex, .edges{ text-align: left; - padding: 0 12rem; + padding: 0 5rem; } .title { color: var(--accent-color); + margin-bottom: 2rem; } h2 { @@ -965,21 +966,26 @@ weekly specials conic border height: 100%; } -.guest-name, .guest-role { +.guest-name { color: var(--accent-color); } -.guest-email { +.guest-role { color: var(--second-accent-color); } +.guest-email { + + color: #857ce1; +} + .flex-grid-2 { display: flex; justify-content: space-between; vertical-align: top; } .flex-grid-2 .guest { - width: 45%; + width: 80%; vertical-align: top; } @@ -993,9 +999,30 @@ weekly specials conic border } .guest { - margin: 2rem 0; + margin: 2rem 0 auto 0; height: auto; display: flex; flex-direction: column; justify-content: center; +} + +.guest-info { + display: flex; + vertical-align: top; + width: 100%; + margin-right: 6%; + margin-bottom: 2rem; +} + +.guest-photo { + margin-right: 1rem; + width: 100px; + min-height: 100px; + max-height: auto; + margin-top: 35px; +} + +img { + max-width: 100%; + height: auto; } \ No newline at end of file -- cgit v1.2.3-70-g09d2