International Caribbeans

Initial Design
main page initial design

The homepage of the web app includes a full page map, a logo in the middle of the navbar, and two buttons: search and add entry.

main page initial design

This is the active-search state of the homepage.

main page initial design

This was the design of the search results page.

add entry initial design

The redirected page from the add button on the homepage.

main page initial design

This is the design of the entry modal that would be displayed when the user clicks on an entry from the search result page.

Differences in Current Design
Live Site Github Repo
  1. Changed the title/site name.
  2. Used the Spectre CSS Framework.
  3. Changed the design from a 3-4 page site to a 2 page site with an option to compact it even more into a 1-page web app using a modal for the add entry form.