Union Avenue Bar & Eatery Website by Lee Smalt Union Avenue Bar & Eatery Website by Lee Smalt

Union Avenue Bar & Eatery Website

Lee Smalt

Lee Smalt

Website Video:

Client: Union Avenue Bar & Eatery Project Type: Website Design and Interactive Animation Tools Used: Webflow, After Effects, Lottie
Overview: Union Avenue Bar & Eatery had recently changed ownership and needed a website that reflected its refreshed identity while working seamlessly on desktop and mobile. I delivered a fully-realized website experience combining clean design with interactive animation to create a memorable first impression.
Key Contributions:
Animated Brand Integration: Used After Effects and Lottie to animate the existing logo and integrate it into scroll interactions, creating a smooth transition from initial entry to page content.
Web Design and Development: Built the site in Webflow with a focus on responsive layouts for desktop and mobile, pairing scroll interactions with animation for an engaging experience.
Content Structure and Accessibility: Organized menu items with semantic HTML headers for appetizers, entrees, and pizza, and included clear calls to action to inquire about drink specials or place orders.
User Experience: Crafted an intuitive scroll journey, guiding visitors from the logo reveal to the introduction section with hours and location, then to the menu and calls to action.
Outcome: The website presents a polished interactive experience that reinforces the restaurant’s identity while making key information easily accessible. Animation enhances engagement and provides a smooth, memorable browsing experience.
Skills Highlighted: Webflow development, Lottie/After Effects animation, responsive design, interactive scroll experiences, semantic HTML, UX/UI strategy
Like this project

Posted Sep 30, 2024

Built to create greater awareness for the newly developed brand, provide educational materials for customers, this site uses Lottie and Webflow.