The Education Resources page on the Addgene site is extremely important for students, teachers, and anyone interested in learning more about the biology field. However, the original webpage design needed to be updated to better align with its purpose.
- Not visually engaging
- Unfitting for branding
- Wordy
- Outdated copy
I experimented with different layouts to eventually come to a 3x2 card view which was the most digestible and visually clean. I also created new illustrations to add to the page.
- Easily scannable
- Less design real estate
- More room
- Efficient and compact
- More space between
cards and within cards
- Follows old pattern
- Fits more in one screen
- Approved by design team and stakeholders
- Set to be delivered / implemented by next year
Institutions like the Broad Institute want to display statistics through Addgene. However, the current graphic designs were outdated with little character.
Check it out at https://www.addgene.org/browse/institutions/788/
- Not representative of caption copy
- Unfitting for branding
On Addgene PI pages, there is an option for other institutions to create a link to their page but, the existing action was not prominent and did not fit the page well.
Check it out at https://www.addgene.org/James_Trimmer/
- Blue action button feels out of place
- Modal was poorly designed