OOW is a Berlin-based architecture firm with a highly focused approach to design, attitude & vision. It’s a “people” business.

The logo is based on the frame design of a pair of glasses sported by one of the partners. As such, it welcomes visitors and brings a smile to their faces. The studio photos of the two partners were carefully executed to showcase the great work relationship that clearly thrives between them. The logo and the glasses themselves are well-connected with the modern rounded sans-serif font chosen by the designer. 

The homepage includes a number of selected projects, with different motion effects, creating an interesting transition between the projects. 

The office employees also get their focus, which gives us a sense of family and attention to every single employee. The navigation menu is simple and efficient. Accessing it is done by clicking a small triangle in the top left corner — a hint to the triangular or square ruler, so common in the world of architecture.

Unsurprisingly, this site shows no lack of thought and creativity in the project pages. Investing effort in the design of a homepage, then hardly any effort in the rest of the site’s pages, is a mistake that many designers unfortunately make.

Design: Jeferson Brito

Development: Julia Marquardt

Theme: Hello

Plugins: Compress JPEG & PNG images, Duplicate Post, GDPR Cookie Consent Banner, Redirection, Site Kit by Google, Style Kits for Elementor, ranslatePress – Automatic User Language, Detection Add-on, TranslatePress – Multilingual, Wordfence Security, WP Bodymovin

Keep reading the article at Elementor Blog. The article was originally written by Matan Naveh on 2020-03-11 07:52:49.

The article was hand-picked and curated for you by the Editorial Team of WP Archives.

Misha (Mikhail) is a multidisciplinary artist — graphic designer, web developer, creative director, and photographer — who took part in local and international projects in Valencia, Barcelona, Madrid, Mallorca, Argentina, France, Russia, and the USA. Born in the former USSR, he decided to try his luck and look for new horizons, moving to Europe. Misha’s work in the digital sector has been combined with a passion for photography for more than a decade, illustrating alternative events, and portraying musicians and artists.

In line with his background, rather than using a simple language plugin, Misha targets his audience in three different languages simultaneously, while building the design around it. He puts himself at the center as if he is the main project. The transition between projects on the project page feels like a transition between different worlds, where each project has its own unique color. The only line connecting them is the text that appears on the left, where Misha tells us about his part in the project. 

The photos page managed to surprise us. Although this is a page dedicated to photo galleries, we actually come across a typographically designed page and when the visitor hovers over the text, the gallery’s main image is revealed to us — sort of a nice voyeuristic game, and a refreshing approach to presenting content in the world of photography.

Design & Development: Mikhail Morozov

Theme: GeneratePress

Plugins: JetElements, JetSearch, JetTabs, JetTricks, Elementor Extras

Keep reading the article at Elementor Blog. The article was originally written by Matan Naveh on 2020-01-13 04:38:19.

The article was hand-picked and curated for you by the Editorial Team of WP Archives.

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

Keep reading the article at Elementor Blog. The article was originally written by Orlee Gillis on 2020-09-21 07:19:48.

The article was hand-picked and curated for you by the Editorial Team of WP Archives.

Bram is a young accessories brand based in Barcelona, manufacturing handcrafted leather wallets. Their online store – the Slim One Collection page, has an eye-catching colorful collage of wallets that are contrasted by backgrounds of rich earth tones. The mosaic tiles and wallets change every few seconds, drawing more focus to the product.

For their hero content, BRAM uses CSS filters when hovering over images in their gallery, so that on hover, the images transform from color into black and white. Simultaneously, when the images turn into black and white, they shrink slightly. Both of these effects combined create a subtle yet engaging interaction so that the visitor becomes intrigued by the changes happening to the images and eager to explore more about what he sees. 

When you enter a product page, you’ll see that the page indicates whether or not different variations of that product are available, such as different colors, sizing, etc. This, of course, is very informative to prospective buyers, as the last thing they want is to begin the checkout process only to realize that the item they’re hoping to buy is out of stock. Another key benefit of showing out of stock items is to illustrate the high quality of your business, showing that you offer multiple options for one product, such as different colors (in the case of BRAM), or other varieties, such as sizing, material, etc.

This display option is made possible in the WooCommerce plugin dashboard itself, where you create product data for each individual product, and choose a “product type.” In this case, the choice of product type is “Variable product.” This is where you add attributes to a product so that you can create and manage stock on a product level in the form of variations, and then add variation data, in order to manage inventory for variable products.

Design & Development: Mkd.cat, Marc Orta

Theme: OceanWP

Plugins: Facebook, Cart Functionality, Google Analytics, TrackJs, Google Tag Manager, Yoast SEO, Google Font API, Font Awesome, Twemoji, Swiper Slider

Keep reading the article at Elementor Blog. The article was originally written by Orlee Gillis on 2020-08-10 10:06:55.

The article was hand-picked and curated for you by the Editorial Team of WP Archives.