🌱 Internship Portfolio: Work Samples

Figure 1. Initial sketch of header design.

Figure 2. Intermediate sketch of header design.

Figure 3. Final sketch of header design.

Figure 4. Initial sketch of footer design.

Figure 5. Final sketch of footer design.

Wire frame of header (top) and footer (bottom). The header has four pages, Home, About, Education, and Gallery. The About and Education sections are dropdowns. The first has the subitems News, People, and Research, while the latter has the subitems of Courses and Downloadables. Footer has a two columns. On the left side, the laboratory's title, the affiliation, and watermark. One the right, the lab's socials and sitemap.

Figure 6. Final designs of header and footer. Made with Excalidraw.

Screenshot of the live version of the footer. Differing from the wireframe, it has a button for an RSS feed from the News page on the left column below the title.

Figure 7. Live version of footer.

News section before refresh.

Figure 8. News section before refresh.

News section after refresh.

Figure 9. News sections after refresh.

.

Figure 10. Research section before update.

.

Figure 11. Research section after update.

New People section.

Figure 12. Snippet of the live version of the People section.

Summary table

Figure 13. Comparison summary between Personal Plan (Legacy), Basic, and Core plans pricing.

Website features table

Figure 14. Website features for Personal Plan (Legacy), Basic, Core plans.

Payment features table

Figure 15. Payment features for Personal Plan (Legacy), Basic, Core plans.

Selling features table

Figure 16. Selling features for Personal Plan (Legacy), Basic, Core plans.

Figure 17. Live version of footer. Mobile version.

Figure 18. Live version of header. Mobile version. Open.

Figure 19. Live version of header. Mobile version. Closed.

SciCommInternship