![](https://s3images.coroflot.com/user_files/individual_files/513158_hblfgwtscrtifpnapxhpusefu.jpg)
Responsive UI design for PDMOST, a site for professional development teacher assessments. The collection of data from these assessments feeds into the continuing development and improvement of tools for K-12 instruction.
![](https://s3images.coroflot.com/user_files/individual_files/513158_eitzugpw3mok4swod5f8j6jox.jpg)
One of six sections of the Overview, each having a unique accent color and defining icon. PDMOST was developed by the Harvard Smithsonian Center for Astrophysics through a grant from the National Science Foundation.
![](https://s3images.coroflot.com/user_files/individual_files/513158_iaq9hpttb7rsrhwqzlpunmogb.jpg)
Curated videos are utilized on several pages throughout the site to engage teachers in the research. Likewise, accordions are utilized for accessibility and to allow their audience to delve deep.
![](https://s3images.coroflot.com/user_files/individual_files/513158_twf4ijyfl474yua2djp2ggmzd.jpg)
Under Assessments, teachers learn about common misconceptions, sorted by science field and grade level, then directly access the assessments to share their outcomes. The UI design allows multiple ways for reaching the assessments – the core of the site.
![](https://s3images.coroflot.com/user_files/individual_files/513158_dekglvr4i9sqlfb3l5kh7elja.jpg)
MOSART is the parent site for PDMOST. Similarly, I fully storyboarded desktop, tablet, and mobile versions. I also designed both its and PDMOST's logotypes to have similar yet different feels.
![](https://s3images.coroflot.com/user_files/individual_files/513158_b68su3yp29ncwbsrnoj0_6yrz.jpg)
Like PDMOST, MOSART was developed by the Harvard Smithsonian Center for Astrophysics with NSF funding. Its UI design intentionally complements PDMOST while creating some fresh distinctions.
![](https://s3images.coroflot.com/user_files/individual_files/513158_pv8ohsmisuhdbbfpthejattyt.jpg)
The UI design of MOSART is friendly and clean. It translates very effectively to tablet and mobile devices.
![](https://s3images.coroflot.com/user_files/individual_files/513158_mqsjqsgglvkphklbwj92tkiev.jpg)
Like PDMOST, accordions are utilized to capture in-depth content is an accessible, user-friendly manner.
![](https://s3images.coroflot.com/user_files/individual_files/513158_ykpfbq2hj7mm88mfcfumpsxdv.jpg)
MOSART, unlike PDMOST, is a site for student assessments, not teacher assessments. Assessments are categorized by science field and grade level.
![](https://s3images.coroflot.com/user_files/individual_files/513158_v4wnmgbuzd9nyzasjsdintpha.jpg)
The responsive site is found here: waps.cfa.harvard.edu/mosart.
![](https://s3images.coroflot.com/user_files/individual_files/513158_wy2eqyvcelm_n5igv3kwiqeqq.jpg)
Digital screens for Harvard Kennedy School's remote events, by degree program. These examples illustrate the color identification system I designed to differentiate the degree programs while maintaining HKS's brand integrity.
![](https://s3images.coroflot.com/user_files/individual_files/513158_tcfwsqrhguafl6ga0munuikkv.png)
Working with Harvard Kennedy School's Degree Programs and Student Affairs, I create assets for the HKS's webpages. The Office of Career Advancement publishes annual data, via this microsite, on students' employment post-graduation.
![](https://s3images.coroflot.com/user_files/individual_files/513158_rhcx8tdfxmd7y9mrq4bud6i6q.png)
Data visualization assets for the HKS Employment Snapshot demonstrate post-graduation outcomes for students by degree program and employment sector. It's used as a tool for admissions recruitment.
![](https://s3images.coroflot.com/user_files/individual_files/513158_uhcsupg2kgxwpw8mppeklxddz.png)
Harvard Kennedy School's 2021 Employment Snapshot microsite is available here: www.hks.harvard.edu/more/employers/about-our-graduates/employment-snapshot/class-2021-employment-snapshot.
![](https://s3images.coroflot.com/user_files/individual_files/513158_66yw7w4w73y5hampj5gdu50ts.jpg)
The "Spectrum Lab" is a relatively recent collaboration with the Harvard Smithsonian Center for Astrophysics. Introductory videos from scientists explain how we're able to look for water and ice, atmosphere, and vegetation on planets outside our solar system.
![](https://s3images.coroflot.com/user_files/individual_files/513158_lpexzezteaml2m5lpibjhzy6y.jpg)
I developed the UI for the "Spectrum Lab" in collaboration with the Harvard Smithsonian Center for Astrophysics. Designing tools to explain complex concepts, making them accessible and understandable to a wide audience, is one of my passions.
![](https://s3images.coroflot.com/user_files/individual_files/513158_ha9qhuxihxpk_ams6olldcezz.jpg)
PBCore is is a cataloging standard for the description of audiovisual content and a data sharing tool. I designed its clean, simple UI design to attract and engage users..
![](https://s3images.coroflot.com/user_files/individual_files/513158_zjzusv9b3pyl9alx3oj0xydyy.jpg)
In collaboration with PCCore's development team, I designed a set of simple icons to explain the multi-functionality of PBCore — a powerful tool.
![](https://s3images.coroflot.com/user_files/individual_files/513158_enurt3uejbeof5a4dvec2mwsq.jpg)
Like all my UI projects, I storyboarded the complete PBCore site. I designed and supplied the assets, working closely with the development team.
![](https://s3images.coroflot.com/user_files/individual_files/513158_yem8kmbsisa4zh6vrlfzjsq8v.jpg)
The "Attributes Defined" page from PBCore's site includes all necessary definitions to understand this tool.
![](https://s3images.coroflot.com/user_files/individual_files/513158_armjz58xz8m3ssys3gbmowoq5.jpg)
View the full responsive site at pbcore.org.
![](https://s3images.coroflot.com/user_files/individual_files/513158_filk9oexyfzfa5_i3kquo5giv.jpg)
Homepage for the "Laboratory for the Study of Exoplanets" — an ambitious science-education outreach program for high school students. I developed the program's UI design in collaboration with the Smithsonian Astrophysical Observatory at Harvard.
![](https://s3images.coroflot.com/user_files/individual_files/513158_ynzvklvn_y_ljjwq9jyrknoei.jpg)
Overview page of the "Laboratory for the Study of Exoplanets". It explains this National Science Foundation (NSF) outreach project to teachers interested in using the program in their classrooms.
![](https://s3images.coroflot.com/user_files/individual_files/513158_6l7dmfxtn5izoibxuif4cervz.jpg)
The "Image Lab" is one of several labs developed the for "Laboratory for the Study of Exoplanets". The lab portion of the site has a complementary yet differentiated feel from the overview section. Even its logotype is different.
![](https://s3images.coroflot.com/user_files/individual_files/513158_h2k8nvtfj7zj2neo63vnqlaxl.jpg)
Each lab of this science education program guides students through the identification and study of planets outside our Solar System — exoplanets. They're highly specializes tools for teaching the scientific method.
![](https://s3images.coroflot.com/user_files/individual_files/513158_5xguwka5c9ovdogp2_yhfwrbt.jpg)
Morgan Scientific is an industry leader in the field of pulmonary function testing software. Working closely with Morgan Scientific's development team, I revisioned both light and dark themes for their functionally complex ComPAS2 software. It's friendly, clean appearance is intended to break down user barriers. My work represented a complete overhaul of their color palette, system of icons, and information design.
![](https://s3images.coroflot.com/user_files/individual_files/513158_k4jtujawgnh7nuuqvjmf_ysvw.jpg)
UI redesign for a highly complex search engine of assets developed for the American Archive of Public Broadcasting. My work was coordinated through their partnership with GBH's Creative team.
![](https://s3images.coroflot.com/user_files/individual_files/513158_rfpltdmfixrkpfbfzkg4wtdls.jpg)
In collaboration with AAPB's development team, I created extensive storyboards for the visualization of AMS 2.0's search and filtering capabilities.
![](https://s3images.coroflot.com/user_files/individual_files/513158_zibsz6dn2nhl9bczi3duc5dgp.jpg)
My work for American Archive of Public Broadcasting's AMS 2.0 engine included UI storyboarding and design for asset and instantiation information.
![](https://s3images.coroflot.com/user_files/individual_files/513158_ku4xxoodtjcuto7bqsaaeevzl.jpg)
A simple color change from red to blue allows users to quickly track and differentiate their work in the asset vs. instantiation fields.
![](https://s3images.coroflot.com/user_files/individual_files/513158_7pr0kplec4qp3hekhafr7ek0s.jpg)
As part of GBH's Creative team, I collaborated with the American Archive of Public Broadcasting on a simplified online asset search engine. Search by asset creator location was reinforced visually by utilizing a map interface.
![](https://s3images.coroflot.com/user_files/individual_files/513158_xyzjljo6youcak0rydyxllvzv.jpg)
Likewise, AAPB's searches by time period utilize a timeline to enhance user accessibility and comprehension.
![](https://s3images.coroflot.com/user_files/individual_files/513158_pcrdythpjrs4swrnxhkxat3yw.jpg)
My redesign of Express Screenprinting's website has expanded the reach of their business — see expressscreenprinting.com.
![](https://s3images.coroflot.com/user_files/individual_files/513158__b79oe5iadtjzcxopag6amf7s.jpg)
The homepage of Express Screenprinting's website utilizes a slider and its CMS, powered by Word Press, is easily updatable. Unlike their previous site, ESP's site is now responsive.
gLike