https://www.wandanyairo.com/work daily 1.0 2025-01-24 https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1578594761869-TZ0XYP9SKVSOUYFIXTOP/Students_Flipped+copy2.png Work This is what the Student page would look once ‘read bio’ is clicked and the tile is flipped to reveal a person’s story. https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1550195774727-L4BL9DMMEGFY6H245NNL/Give+To_1_FINAL+ALL.png Work The Give To section hosts the three categories that philanthropic gifts fall into. This page is a hub for highlighted content from the pages in this section. https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1550195227065-VCDGQBANW8ZZI8DN167S/Homepage.png Work On the homepage, we wanted to feature highlighted or new posts from the other pages, such as bios, departmental initiatives or capital projects. https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1550195232705-Q7D5BHNMECODZ1EIN9J7/Stories_Flipped.png Work On the Stories page, when a user clicks the ‘read more’ link on a tile, it flips to reveal that person’s story. https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1550195519800-UT98XOXTE4SGWT8I8KLY/Ideas_2.png Work Each department has a page under the Ideas section and this is the one I mocked up for Life Sciences which contains all the department’s fundraising initiatives and indicates what category of philanthropic support they fall into. https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1550195230992-ZLCHGI8Y2GIFWDKNA0H9/Stories.png Work This is the Stories page where particular student, faculty, alumni, donor bios can be highlighted. https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1578694260071-NZBADQ0FM41OKLKA072E/Sitemap_SITEMAP%2Bcopy2.png Work Sitemap https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1578594765242-27D6E6J2QQTTWPW2NW0Z/Students+copy2.png Work In the Stories section, each of the four categories—students, faculty, alumni, and donors—has it’s own page where users can view those specific bios. This is the Student page which displays all the student bios. All the other pages in the Stories section are designed like this one. https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1578595047885-2UUVD0O2H5XF6U78WHP6/Give+To_2.png Work This is the Undergraduate Support page, which displays initiatives that people can donate to that are specifically for undergraduate students across all the departments. The other pages, also categories of philanthropic gifts, would look similar. https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1604619252431-YTI3NDIEUEQ4HQWYRCJM/RFT_04_Discussion.png Work Discussion page https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1604619502530-9XT0NDA2YJAYGLIPOWFU/RFT_08_Syllabus+Review.png Work Syllabus Review recipe page https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1604618999749-MC5U3JAI1Q3I535QO4A1/RFT_02_First+Day+of+Class.png Work First Day of Class page https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1604619417758-BCA0094NEJ634VNFFSAJ/RFT_06_Assessment+%26+Grading.png Work Assessment & Grading page https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1617088643337-9WUONAIAMMMY8IZYZB9Q/ReadyMadeColorPalettes_121214.png Work Ready-made color schemes provided by NYU https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1604621979462-UQOTAXOJJOFK4MYDCZNM/00_Sitemap.png Work Final sitemap https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1604619089216-57DWW0T4J3BYF7N3G546/RFT_03_Inclusion+%26+Climate.png Work Inclusion & Climate page https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1604619545442-G4003SQ2WECI88IA9WZB/09_Early+Course+Feedback.png Work Early Course Feedback recipe page https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1617056798037-0VN0T8M9ZK3OLE4NUHIW/Simply%2BRecipes.jpg Work Simply Recipes Website https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1617056556128-JSXNN1UXRVP4L3GIIX9R/Steinhardt%2B2.jpg Work NYU Steinhardt Website https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1604619459346-0B9XQAJMYKHD2CUHRKQZ/RFT_07_Remote+Learning.png Work Remote Learning page https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1617054667966-8KVWSTND45XH5BWIXUYP/NYT+Cooking.png Work New York Times Cooking Website https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1604619302845-W3OKA6ZSUT8XLCME2OTL/RFT_05_Group+Work.png Work Group Work page https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1617052751891-D086DB97X7IVHZUOSNOO/Sketch+1.jpg Work Homepage sketch 1 https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1604618489681-XLEXKDUZCJB7X89NLIO5/01_Homepage.png Work Homepage https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1617056518570-8P8WSJZA9673TTOXVA2Q/Steinhardt%2B1.jpg Work NYU Steinhardt Website https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1617050811831-FQIRY02DWK4NQ6AUK5E4/RFT_Type+%26+Color+Scheme_4.png Work Typographic hierarchy & HEX code color scheme https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1617052768744-EX5LXJPW6RPI7AB56MN6/Sketch+2.jpg Work Homepage sketches 2 & 3 https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1617066593110-AZ5PWTI2CZWTCYWGUB01/Mockup_Homepage+Title+Click.png Work When a committee is clicked on, the borders around each event tile will remain and other event tiles will lower in opacity to narrow the user’s search further. https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1604627460896-OU4MVS5HXU8W36166ZHB/CEC+Website+Wireframes_FINAL_Homepage.jpg Work Homepage https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1617066541013-17F0VFQU9N4XB3C75PXB/Mockup_Homepage+Title+Hover.png Work When a committee is hovered over, a border will appear around each event tile to indicate that the event belongs to that committee. https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1604627515754-W1DC74QANU200DNB5NSF/CEC+Website+Wireframes_FINAL_Homepage+Title+Click.jpg Work When a committee is clicked on, the borders around each event tile will remain and other event tiles will lower in opacity to narrow the user’s search further. https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1617066686451-MM1LPKXYXU40CDOBF0QC/Mockup_Homepage+Event+Click.png Work Instead of constructing a page to display each event’s details, we chose to have the event details show up as a pop-up. That way users can quickly browse back and forth between different event details. https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1617066489446-7Z3PBXVSB2OHXBS1FPON/Mockup_Homepage.png Work Homepage https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1617066781678-LWHWHFJ6JRJG6MPYE5VP/Mockup_About+Page+Hover-Click.png Work When a user hovers over a black and white illustration that represents a certain CEC staff team, the illustration will become colored and a description explaining what that staff team does will appear in the center of the screen. Illustration Credits: Jordi Ng https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1604627549741-17WTNO7AIE6UMWPSQRE1/CEC+Website+Wireframes_FINAL_Homepage+Event+Click.jpg Work When an event tile is clicked on, a pop-up showing the event details will appear with an overlay behind it. https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1617066721089-OL21ROXLBBIXYIWS72PF/Mockup_About+Page.png Work When a user clicks on the About page, a description of what CEC does will appear in the center of the screen. Illustration Credits: Jordi Ng https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1604627485187-45N7G2S6SKZ8QRAE7ZFR/CEC+Website+Wireframes_FINAL_Homepage+Title+Hover.jpg Work When a committee is hovered over, a border will appear around each event tile to indicate that the event belongs to that committee. https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1616872516889-0QMBX9JV1MF7XRHNSJL8/CEC+Website+Wireframes_FINAL+Sitemap.jpg Work Sitemap https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1617395408722-82LS2UH6NOA6RSRBJ8WJ/Typography+%26+Color+Scheme.png Work https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1604627569849-4VYISB8KDQ8ELL35V7V8/CEC+Website+Wireframes_FINAL_About+Page.jpg Work About page https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1617056798037-0VN0T8M9ZK3OLE4NUHIW/Simply%2BRecipes.jpg Work Simply Recipes Website https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1604619089216-57DWW0T4J3BYF7N3G546/RFT_03_Inclusion+%26+Climate.png Work Inclusion & Climate page https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1604618489681-XLEXKDUZCJB7X89NLIO5/01_Homepage.png Work Homepage https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1617050811831-FQIRY02DWK4NQ6AUK5E4/RFT_Type+%26+Color+Scheme_4.png Work Typographic hierarchy & HEX code color scheme https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1617054667966-8KVWSTND45XH5BWIXUYP/NYT+Cooking.png Work New York Times Cooking Website https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1604619302845-W3OKA6ZSUT8XLCME2OTL/RFT_05_Group+Work.png Work Group Work page https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1617056518570-8P8WSJZA9673TTOXVA2Q/Steinhardt%2B1.jpg Work NYU Steinhardt Website https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1604619252431-YTI3NDIEUEQ4HQWYRCJM/RFT_04_Discussion.png Work Discussion page https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1604619502530-9XT0NDA2YJAYGLIPOWFU/RFT_08_Syllabus+Review.png Work Syllabus Review recipe page https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1617052751891-D086DB97X7IVHZUOSNOO/Sketch+1.jpg Work Homepage sketch 1 https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1604619417758-BCA0094NEJ634VNFFSAJ/RFT_06_Assessment+%26+Grading.png Work Assessment & Grading page https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1604619545442-G4003SQ2WECI88IA9WZB/09_Early+Course+Feedback.png Work Early Course Feedback recipe page https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1617088643337-9WUONAIAMMMY8IZYZB9Q/ReadyMadeColorPalettes_121214.png Work Ready-made color schemes provided by NYU https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1617052768744-EX5LXJPW6RPI7AB56MN6/Sketch+2.jpg Work Homepage sketches 2 & 3 https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1604618999749-MC5U3JAI1Q3I535QO4A1/RFT_02_First+Day+of+Class.png Work First Day of Class page https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1604619459346-0B9XQAJMYKHD2CUHRKQZ/RFT_07_Remote+Learning.png Work Remote Learning page https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1617056556128-JSXNN1UXRVP4L3GIIX9R/Steinhardt%2B2.jpg Work NYU Steinhardt Website https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1604621979462-UQOTAXOJJOFK4MYDCZNM/00_Sitemap.png Work Final sitemap https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1505156455368-7LZKYI122HD7BEQEUFUR/IMG_1878.jpg Work https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1578510077677-AOTAKKM2WWMQI6TQB9K5/Me+Logo+Cutout+EDIT.png Work https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1506763190366-57BZN6YNODNTEE79Z7X9/IMG_2963.jpg Work https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1505076073787-GM05DDXYNW8VIYNXOJED/13.jpg Work https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1604597717874-5KEZOSI3ZLQQCP2240AD/611_W_129.gif Work https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1616877407448-I9HWLWWH9C3D4PVWJ7R8/Lives+Changed+Mockup+Thumbnail.png Work https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1616878975253-MZWZEORSCGJM6P7KRMV3/RFT_Mockup_Thumbnail_3_FINAL.jpg Work https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1616884228608-M9M7NDF8HJMO1Y3NWV3H/CEC%2525252BMockup_Thumbnail.jpg Work https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1617073344178-6MY40P75G6G0ZVQT07KH/Rouge+Cloak+2.jpg Work https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1617399448519-KHPABK9OEAD2HS0V5K98/Thumbnail_edit+copy.jpg Work https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1620749947376-IQ7357MTCSLG1J82WNIT/IMG_5470_Thumbnail.jpg Work https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1616878975253-MZWZEORSCGJM6P7KRMV3/RFT_Mockup_Thumbnail_3_FINAL.jpg Work https://www.wandanyairo.com/work-1 daily 0.75 2025-06-10 https://www.wandanyairo.com/about daily 0.75 2024-09-26 https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1611779285897-AN2CMM3DK4GOWK9YCXI3/Me_Jan+2021.png About https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1569456843753-486NLYPXDIXPT81CRVXI/Me+Video+Thumbnail+2.png About https://www.wandanyairo.com/play daily 0.75 2024-09-25 https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1505613859634-8MM9BL6YP1J4XSJF2PZZ/Home+Screen.gif Play https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1505616332796-59E0EKQGCRAQ3VIVZX1C/Instructions+Screen.gif Play https://images.squarespace-cdn.com/content/v1/5829399115d5dbb85822424a/1578434616796-C2WGGC8FYSG5MSLU0367/Thumbnail.png Play