Responsive website for a charming Italian eatery in Brooklyn, New York
Lella Alimentari is a homey and welcoming Italian cafe located in Williamsburg, Brooklyn. Despite being popular among locals, Lella lacked a strong online presence, limiting its customer reach.
I helped design a responsive website (desktop and mobile) that tells Lella’s story, showcases their tasty dishes, takes online orders, and displays other important information about the cafe.
In 2015, Lella was established in Williamsburg, Brooklyn with a mission to share the flavors of Italian comfort food with New Yorkers. Over the next several years, Lella has garnered much love from the New York community, especially Italian Americans in the Williamsburg neighborhood. Whimsically adorned with quaint toys, cooking pans, and Italian goods, Lella is truly a hidden gem that serves scrumptious Italian flatbreads, pastries, and salads.
Although popular among locals, Lella lacks a strong and consistent online presence. Its menu and online order are managed by third party websites and its website is currently defective.
Enamored with Lella's atmosphere, food, and beverages, I decided to bring Lella's adventure to life with a fun website that works on both desktop and mobile devices.
Setting project goals and scope
The big-picture goal is to understand Lella’s business goals and to learn about Lella’s customers so that I could design an enjoyable and easy-to-navigate cafe website that meets both business and customer needs. I identified 4 main research objectives.
I visited the cafe to learn more about Lella's business and to gauge Chicco's interest in letting me help him redesign Lella’s website. Delighted to hear my ideas, Chicco shared about his vision for Lella and what he hopes to see on the new website.
According to Chicco, Italians like their coffee served fresh with the right amount of warmth, which explains why he currently does not offer pickup/delivery options for coffee. Other food and beverage items can be found on the pickup/delivery menu. Chicco wants the new website to integrate an online order service, excluding coffee.
Loyalty program is a feature that Chicco would love to implement, but instead of rewarding customers with food or beverages after a certain amount of purchases, he prefers giving out Lella merch.
Chicco hopes that the new website would capture the convivial atmosphere and achieve the following goals:
In order to better understand the needs and frustrations of Lella's customers, I interviewed 9 first-time or regular visitors at Lella. I categorized my findings into 6 categories.
Customers all expressed interest in Lella implementing a loyalty program, describing how they loved the concept of discounted purchases and how other cafes with similar business models had incentivized them to revisit and spend more in exchange for free food or other rewards. To prevent users from losing track of their paper punch cards, I decided that digital punch cards would be the ideal way to implement a loyalty program.
Overall, customers would love to learn about Lella's story, food and beverages, and space through its website. A top pain point that users brought up during interviews was that many other eateries had outdated store information or menu pdfs that were awkward to peruse. Ability to quickly access crucial store information and "feel the vibe" of a cafe were top priorities that promote customer interest and engagement.
Lella's primary colors are black and red, as shown on their in-store menu and brand illustrations. To ensure consistency, I kept black and red as the website's primary colors while incorporating a bit of yellow and green as secondary and tertiary colors to highlight the playfulness of the cafe. I chose fonts that conveyed quaintness, comfort, and adventure.
All participants thought the website was user-friendly, intuitive, and aesthetically pleasing. They were able to navigate between the different webpages, buy merch, and place food and beverage orders. I learned that while users were generally able to complete the tasks, a few improvements could be made to enhance the website.
Aside from logo, "Home" button adds clarity
For navigation bar simplicity, I initially decided not to include a "Home" button and planned to direct users back home via Lella's logo instead. However, I discovered that without a "Home" button, users found it less straightforward how to navigate back home and that by excluding it, I wasn't accommodating my target audience – people who love Italian coffee and snacks, whether they're tech-savvy or not. The bottomline was that a clickable logo isn't yet a universally understood way of returning home even if it's widely used that way.
"Shop" and "Order online" are ambiguous
I noticed that many hospitality websites use "Order online" and "Shop" to refer to their companies' online food ordering and merchandise, which I utilized in my initial designs as well. This wording brought confusion to my users, leaving them unsure whether "View products", "Order online" or "Shop" directed them to store merchandise or food ordering.
PROVIDE SEAMLESS NAVIGATION
Foster brand recognition
STREAMLINE THE ORDERING EXPERIENCE
100% of Lella's customers found the re-designed website adorable and practical, a major upgrade from the current website. I showcased the website design to the storeowner Chicco and he was stoked to see the prototype.
Chicco currently has other priorities in his personal life. Should he decide to update the cafe website, I would love to assist him in implementing it! It'd be very cool to turn my website designs into a real website and to make customers' lives easier :)
