Webpage Design for the NIH-funded Data Ecosystem "HEAL"
Goals:
-
Create a wireframe that shows the vast metadata for each published study in an accessible and scalable way.
-
Create a wireframe for the landing pages with action calls appropriate content.
-
Write, develop, and implement user guide.
-
Follow design guidelines from NIH-HEAL.
Webpage:
Tools:
-
Adobe XD for wireframing
-
HTML and CSS in Visual Studio Code for user guide
-
GitHub for publishing
Frontend Web Development Class 2021/2022
Institution:
Projects:
-
Code Rover Webpage in responsive design
-
DOM Manipulation and API calls to Giphy (gif database) and pokedex (Pokemon database)
-
Create a quiz using API calls to public database
Webpage:
Tools:
-
HTML, CSS, and Vanilla Javascript in Visual Studio Code.
-
GitHub
Portfolio for Institute for Mineralogy, University of Münster (Germany)
Goals:
-
Reinvent Institute's portfolio in reponsive design.
-
Create structure and sitemap of the portfolio, create visual design elements, develop page content, and use photography.
Tools:
-
Content Management System Imperia, HTML, and Adobe Photoshop.
Portfolio for Institute for Planetology, University of Münster (Germany)
Goals:
-
Redesign Institute's portfolio in reponsive design.
-
Create structure and sitemap of the portfolio, delete unnecessary pages, create visual design elements, develop/rearrange page content, and use photography.
-
Follow style and design guidelines
Tools:
-
Content Management System Imperia, HTML, and Adobe Photoshop.