Bianca Morris

Sr Front End Engineer &

Design Technologist

Hi! I am a

About

Education

Work Experience

Portfolio

Experiments

Portfolio

2025

SMaHT Production Data Download UI

Sr. Front End Engineer, Harvard Medical School

The main interface for the SMaHT Portal, this is where production metadata will be found, filtered, and accessed. Currently, users can only browse data by File.

CSS

JSX

ReactJS

2024

SMaHT Nomenclature Page

Sr. Front End Engineer, Harvard Medical School

A documentation page for portal users to find information surrounding the naming schema used by DAC in their generated files and downloads to previous versions of the schemas.

CSS

JSX

ReactJS

SMaHT User Profile Page

Sr. Front End Engineer, Harvard Medical School

This user profile page, adapted from the one in CGAP, contains information about the current user and provides a place to generate and manage portal access keys used in data download.

CSS

JSX

ReactJS

SMaHT Benchmarking Data Download UI

Sr. Front End Engineer, Harvard Medical School

A download interface to faciliate the filtering and download of benchmarking metadata for various donors, tissues, and cell lines.

CSS

JSX

ReactJS

2023

SMaHT Data Portal Coming Soon Page

Sr. Front End Engineer, Harvard Medical School

A simple landing page to welcome people to the future home of the SMaHT Data Portal, released prior to the first benchmarking version.

SCSS

JSX

ReactJS

CGAP Landing Page V2

Front End Engineer, Harvard Medical School

A streamlined version of the CGAP portal landing page. Redone after the re-brand and marketing site development cycle.

SCSS

JSX

ReactJS

2022

CGAP Marketing Site

Front End Engineer, Harvard Medical School

The MVP for this website was developed in around 2 months in collaboration with our team's designer, using Framer.

CSS

JSX

ReactJS

TypeScript

Framer

2021

CGAP Visual Identity Audit

Front End Engineer, Harvard Medical School

To guide a re-brand before the development of our marketing page, I audited our fonts, colors, content tone, logos, and other imagery.

Milanote

CGAP Interpretation Space

Front End Engineer, Harvard Medical School

Built a custom note-taking interface for genetic variant classification and interpretation; developed an auto-classification algorithm.

SCSS

JSX

ReactJS

2020

CGAP Case Bioinformatics Tab

Front End Engineer, Harvard Medical School

The MVP for this website was developed in around 2 months in collaboration with our team's designer, using Framer.

SCSS

JSX

ReactJS

CGAP Landing Page V1

Front End Engineer, Harvard Medical School

Designed and developed a quick first iteration of the CGAP Landing Page to facilitate user logins and sharing portal updates.

SCSS

JSX

ReactJS

PIH.org UI/UX/IA Audit

Front End Developer & PM, Partners In Health

Crawled pih.org with SEO Macroscope, aggregated path data with Google Analytics data, and synthesized recommendations on how pages should be restructured or reorganized.

Google Analytics

SEO Macroscope

2019

2019 Evening for Equity Site

Front End Developer & PM, Partners In Health

I designed a high-fidelity mockup and then developed the front-end for this microsite for PIH's annual major donor event.

CSS

HTML

Drupal 8

Sketch

Symbolic Gifts Page

Front End Developer & PM, Partners In Health

A mockup of a symbolic gifts page where users could make donations supporting specific health services.

Sketch

Impact Landing Mockup

Front End Developer & PM, Partners In Health

I designed this mockup to convey PIH's impact. We did not get to finish implementing it, but I was still quite proud of the design.

Sketch

Healthcare Pledge Signup

Front End Developer & PM, Partners In Health

A signup pledge page. John Ra, PIH's designer and the rest of the team helped me improve this mockup in Sketch. I then also built it.

CSS

HTML

BSDTools

2018

Kindred Talent Homepage

Spring 2018 Intern, Horizons Alpha

As an intern at Horizons Alpha, a few Horizons bootcampers and I collaborated on this landing page for a stealth startup product.

CSS

JSX

ReactJS

2025

SMaHT Production Data Download UI

Sr. Front End Engineer, Harvard Medical School

The main interface for the SMaHT Portal, this is where production metadata will be found, filtered, and accessed. Currently, users can only browse data by File.

CSS

JSX

ReactJS

2024

SMaHT Nomenclature Page

Sr. Front End Engineer, Harvard Medical School

A documentation page for portal users to find information surrounding the naming schema used by DAC in their generated files and downloads to previous versions of the schemas.

CSS

JSX

ReactJS

SMaHT User Profile Page

Sr. Front End Engineer, Harvard Medical School

This user profile page, adapted from the one in CGAP, contains information about the current user and provides a place to generate and manage portal access keys used in data download.

CSS

JSX

ReactJS

SMaHT Benchmarking Data Download UI

Sr. Front End Engineer, Harvard Medical School

A download interface to faciliate the filtering and download of benchmarking metadata for various donors, tissues, and cell lines.

CSS

JSX

ReactJS

2023

SMaHT Data Portal Coming Soon Page

Sr. Front End Engineer, Harvard Medical School

A simple landing page to welcome people to the future home of the SMaHT Data Portal, released prior to the first benchmarking version.

SCSS

JSX

ReactJS

CGAP Landing Page V2

Front End Engineer, Harvard Medical School

A streamlined version of the CGAP portal landing page. Redone after the re-brand and marketing site development cycle.

SCSS

JSX

ReactJS

2022

CGAP Marketing Site

Front End Engineer, Harvard Medical School

The MVP for this website was developed in around 2 months in collaboration with our team's designer, using Framer.

CSS

JSX

ReactJS

TypeScript

Framer

2021

CGAP Visual Identity Audit

Front End Engineer, Harvard Medical School

To guide a re-brand before the development of our marketing page, I audited our fonts, colors, content tone, logos, and other imagery.

Milanote

CGAP Interpretation Space

Front End Engineer, Harvard Medical School

Built a custom note-taking interface for genetic variant classification and interpretation; developed an auto-classification algorithm.

SCSS

JSX

ReactJS

2020

CGAP Case Bioinformatics Tab

Front End Engineer, Harvard Medical School

The MVP for this website was developed in around 2 months in collaboration with our team's designer, using Framer.

SCSS

JSX

ReactJS

CGAP Landing Page V1

Front End Engineer, Harvard Medical School

Designed and developed a quick first iteration of the CGAP Landing Page to facilitate user logins and sharing portal updates.

SCSS

JSX

ReactJS

PIH.org UI/UX/IA Audit

Front End Developer & PM, Partners In Health

Crawled pih.org with SEO Macroscope, aggregated path data with Google Analytics data, and synthesized recommendations on how pages should be restructured or reorganized.

Google Analytics

SEO Macroscope

2019

2019 Evening for Equity Site

Front End Developer & PM, Partners In Health

I designed a high-fidelity mockup and then developed the front-end for this microsite for PIH's annual major donor event.

CSS

HTML

Drupal 8

Sketch

Symbolic Gifts Page

Front End Developer & PM, Partners In Health

A mockup of a symbolic gifts page where users could make donations supporting specific health services.

Sketch

Impact Landing Mockup

Front End Developer & PM, Partners In Health

I designed this mockup to convey PIH's impact. We did not get to finish implementing it, but I was still quite proud of the design.

Sketch

Healthcare Pledge Signup

Front End Developer & PM, Partners In Health

A signup pledge page. John Ra, PIH's designer and the rest of the team helped me improve this mockup in Sketch. I then also built it.

CSS

HTML

BSDTools

2018

Kindred Talent Homepage

Spring 2018 Intern, Horizons Alpha

As an intern at Horizons Alpha, a few Horizons bootcampers and I collaborated on this landing page for a stealth startup product.

CSS

JSX

ReactJS

2025

SMaHT Production Data Download UI

Sr. Front End Engineer, Harvard Medical School

The main interface for the SMaHT Portal, this is where production metadata will be found, filtered, and accessed. Currently, users can only browse data by File.

CSS

JSX

ReactJS

2024

SMaHT Nomenclature Page

Sr. Front End Engineer, Harvard Medical School

A documentation page for portal users to find information surrounding the naming schema used by DAC in their generated files and downloads to previous versions of the schemas.

CSS

JSX

ReactJS

SMaHT User Profile Page

Sr. Front End Engineer, Harvard Medical School

This user profile page, adapted from the one in CGAP, contains information about the current user and provides a place to generate and manage portal access keys used in data download.

CSS

JSX

ReactJS

SMaHT Benchmarking Data Download UI

Sr. Front End Engineer, Harvard Medical School

A download interface to faciliate the filtering and download of benchmarking metadata for various donors, tissues, and cell lines.

CSS

JSX

ReactJS

2023

SMaHT Data Portal Coming Soon Page

Sr. Front End Engineer, Harvard Medical School

A simple landing page to welcome people to the future home of the SMaHT Data Portal, released prior to the first benchmarking version.

SCSS

JSX

ReactJS

CGAP Landing Page V2

Front End Engineer, Harvard Medical School

A streamlined version of the CGAP portal landing page. Redone after the re-brand and marketing site development cycle.

SCSS

JSX

ReactJS

2022

CGAP Marketing Site

Front End Engineer, Harvard Medical School

The MVP for this website was developed in around 2 months in collaboration with our team's designer, using Framer.

CSS

JSX

ReactJS

TypeScript

Framer

2021

CGAP Visual Identity Audit

Front End Engineer, Harvard Medical School

To guide a re-brand before the development of our marketing page, I audited our fonts, colors, content tone, logos, and other imagery.

Milanote

CGAP Interpretation Space

Front End Engineer, Harvard Medical School

Built a custom note-taking interface for genetic variant classification and interpretation; developed an auto-classification algorithm.

SCSS

JSX

ReactJS

2020

CGAP Case Bioinformatics Tab

Front End Engineer, Harvard Medical School

The MVP for this website was developed in around 2 months in collaboration with our team's designer, using Framer.

SCSS

JSX

ReactJS

CGAP Landing Page V1

Front End Engineer, Harvard Medical School

Designed and developed a quick first iteration of the CGAP Landing Page to facilitate user logins and sharing portal updates.

SCSS

JSX

ReactJS

PIH.org UI/UX/IA Audit

Front End Developer & PM, Partners In Health

Crawled pih.org with SEO Macroscope, aggregated path data with Google Analytics data, and synthesized recommendations on how pages should be restructured or reorganized.

Google Analytics

SEO Macroscope

2019

2019 Evening for Equity Site

Front End Developer & PM, Partners In Health

I designed a high-fidelity mockup and then developed the front-end for this microsite for PIH's annual major donor event.

CSS

HTML

Drupal 8

Sketch

Symbolic Gifts Page

Front End Developer & PM, Partners In Health

A mockup of a symbolic gifts page where users could make donations supporting specific health services.

Sketch

Impact Landing Mockup

Front End Developer & PM, Partners In Health

I designed this mockup to convey PIH's impact. We did not get to finish implementing it, but I was still quite proud of the design.

Sketch

Healthcare Pledge Signup

Front End Developer & PM, Partners In Health

A signup pledge page. John Ra, PIH's designer and the rest of the team helped me improve this mockup in Sketch. I then also built it.

CSS

HTML

BSDTools

2018

Kindred Talent Homepage

Spring 2018 Intern, Horizons Alpha

As an intern at Horizons Alpha, a few Horizons bootcampers and I collaborated on this landing page for a stealth startup product.

CSS

JSX

ReactJS