ABATTOIR VÉGÉTAL is a vegan bistro located in Paris, France. ABATTOIR VÉGÉTAL’s was designed by BLACKT, is a design and development agency who strives to “bring quality and reliability back to the industry.” The agency’s co-founder, Camila Masetti, explained the process of building the online store website in light of COVID-19:
“We had a challenge to make the whole website in one week. Because of COVID restrictions in France, Abattoir Vegetal needed the website ready asap to be able to sell its food using Click&Collect method. We started by designing the whole website in Illustrator. Choosing a theme that could be fully customizable and that used Elementor. Once the client validated the overall design. we created the website in WordPress and all animations were done directly in WordPress.”
Representing the unique cuisine of vegan dining, there is an abundance of design choices and features that set their website apart from your average restaurant or grocery store site. These details include the vegetable and fruit-related cursor icons, the heading font choice of Code Pro Black, the bright, playful background overlays of the hero images, the use of emojis to draw attention to a rotating notification heading, or simply the entrance animations added to the various images along the page, there is a lot to admire as your browse ABATTOIR VÉGÉTAL’s site.
The way ABATTOIR VÉGÉTAL’s designer (Camila Lopes Masetti) approached the design of their interactive grocery menu caught our attention immediately. This image-based menu was created using the Portfolio widget, and using a filter bar to give prospective shoppers to focus on the menu category they’re interested in browsing through. The vibrant colors of each dish come together to illustrate a tempting, exciting menu that will excite users about their food shopping experience.
Once you click on any of the image thumbnails, you arrive at a Single Product page built by the WooCommerce plugin’s Single Product Template, showcasing the food item in detail and providing all there is to know about the product.
Design & Development: Camila Lopes Masetti
Theme: Jupiter X
Plugins: Advanced Custom Fields, MyFonts WordPress, Duplicate Page, Facebook for WooCommerce, Jetpack, JetSmartFilters, JetTabs for Elementor, Jupiter X Core, Loco Translate, Mouse Cursor Customizer, Raven, WooCommerce, WooCommerce Local Pickup Plus, WooCommerce Services, WooCommerce Smart Coupons, WooCommerce Stripe Gateway, WunderWP, All-in-One WP Migration, Customizer Export/Import