Avra Estiatorio Web Site Design
-
Avra Estiatorio is a Mediterranean restaurant located in midtown Manhattan. The site’s design and uncluttered visual style was created by the New York design firm Giella Design.
My participation was to take the Photoshop storyboards, and produce the web site. I wrote the HTML, developed the CSS rules, and code the JavaScript behaviors and animation.
Visit the Avra Estiatorio live site.
-
The menu page uses AJAX to populate in the menus, and JavaScript to create the show and hide animation. This makes a beautiful and smart presentation. It also makes updating this page easy.
-
The designer wanted the gallery pages to be above-the-fold or before-the-scroll, which refers to the portion of a webpage that is visible without scrolling.
The problem was the number of thumbnail images for some of the galleries exceeded the alloted space. I solved the problem by using a script to create pagination.
-
The Press page used JavaScript to show and hide the press articles. Clicking the “Read More” link exposed the article with a smooth animation, and changed the link to read “Hide Details", which activated the reverse animation.
This behavior made the webpage visible without having to scroll.