ADVERTISEMENT

7 beauty brands that offer virtual makeovers

Published Oct 28, 2020 09:49 am

“Try before you buy” has a whole new meaning in 2020

When was the last time you swatched lipstick shades on the back of your hand? With the undeniable hard impact of the pandemic on our shopping experiences, many beauty lovers are delighted that the shift to virtual color swatch tests is now being fast tracked.  

Right now, most of us have little choice with stores offering, including limited hours while others aren’t comfortable just yet with leisure shopping. Good thing, you can test out most of the latest lipstick and eyeshadow products from the comfort of your home. So, take breaks, have fun in between work-from-home, and try these seven virtual makeover tools.

Matte Lipstick Filter

Get that selfie on point even without a trip to the powder room. This Instagram filter allows you to virtually try on some of Ever Bilena’s popular matte lipsticks—Siennas, Dusk, Port, and Glam Red, to name a few.

Try it here.

Virtual Makeover

Photo courtesy of Avon

Your local Avon lady is being assisted by AR (augmented reality) eye, lipstick, and face testers. If you miss arm-swatching the brand’s pigmented lip colors, the virtual experience will help keep FOMO (fear of missing out) at bay.

Try it here.

Virtual Try On

Photo courtesy of Maybelline

Maybelline has the most built-out AR offerings we’ve seen so far. The brand has five different tools that allow for virtual makeup testing, foundation shade matching, and more. Try a bold new look with its brow studio, too!

Try it here.

Magic Mirror

Photo courtesy of Lazada Philippines

If you’ve always wondered whether you could pull off rainbow-hued eyeshadow or wear a bold red lip, the L’Oréal Paris’ virtual makeup tool in their flagship store in Lazada promises answers. You can also take a picture and share it with your friends!

Try it here.

Brow Experience

Photo courtesy of Benefit

On those days when you’re missing a brow day, look to Benefit for the next best thing. So before you make an appointment with your tweezers during the lockdown, choose from the brand’s roster of eyebrow shapes and sizes to find the look that works best for you.

Try it here.

Swatch and Try On

Photo courtesy of M.A.C Cosmetics

Beauty enthusiasts might find their fidelity to Velvet Teddy questioned with the brand’s virtual try-on functionality that offers up over 200 lipstick shades for online swatching. When browsing the official website, keep an eye out for the ‘try it on’ widget that allows you to swatch shades directly through a live camera, on an uploaded photo or—if you’re not in the mood to face the lens—on an online model.

Try it here.

Makeup Portal

Photo courtesy of Chanel

Even the French couture house is getting into the AR game. For now, the testing pool includes Chanel eye and lip products. Heads up that the try-on feature is only available on Great Britain’s version of the site, which can work just fine from our living room.

Try it here.

Related Tags

virtual makeover augmented reality Paola Navarette Beauty
ADVERTISEMENT
.most-popular .layout-ratio{ padding-bottom: 79.13%; } @media (min-width: 768px) and (max-width: 1024px) { .widget-title { font-size: 15px !important; } }

{{ articles_filter_1561_widget.title }}

.most-popular .layout-ratio{ padding-bottom: 79.13%; } @media (min-width: 768px) and (max-width: 1024px) { .widget-title { font-size: 15px !important; } }

{{ articles_filter_1562_widget.title }}

.most-popular .layout-ratio{ padding-bottom: 79.13%; } @media (min-width: 768px) and (max-width: 1024px) { .widget-title { font-size: 15px !important; } }

{{ articles_filter_1563_widget.title }}

{{ articles_filter_1564_widget.title }}

.mb-article-details { position: relative; } .mb-article-details .article-body-preview, .mb-article-details .article-body-summary{ font-size: 17px; line-height: 30px; font-family: "Libre Caslon Text", serif; color: #000; } .mb-article-details .article-body-preview iframe , .mb-article-details .article-body-summary iframe{ width: 100%; margin: auto; } .read-more-background { background: linear-gradient(180deg, color(display-p3 1.000 1.000 1.000 / 0) 13.75%, color(display-p3 1.000 1.000 1.000 / 0.8) 30.79%, color(display-p3 1.000 1.000 1.000) 72.5%); position: absolute; height: 200px; width: 100%; bottom: 0; display: flex; justify-content: center; align-items: center; padding: 0; } .read-more-background a{ color: #000; } .read-more-btn { padding: 17px 45px; font-family: Inter; font-weight: 700; font-size: 18px; line-height: 16px; text-align: center; vertical-align: middle; border: 1px solid black; background-color: white; } .hidden { display: none; }
function initializeAllSwipers() { // Get all hidden inputs with cms_article_id document.querySelectorAll('[id^="cms_article_id_"]').forEach(function (input) { const cmsArticleId = input.value; const articleSelector = '#article-' + cmsArticleId + ' .body_images'; const swiperElement = document.querySelector(articleSelector); if (swiperElement && !swiperElement.classList.contains('swiper-initialized')) { new Swiper(articleSelector, { loop: true, pagination: false, navigation: { nextEl: '#article-' + cmsArticleId + ' .swiper-button-next', prevEl: '#article-' + cmsArticleId + ' .swiper-button-prev', }, }); } }); } setTimeout(initializeAllSwipers, 3000); const intersectionObserver = new IntersectionObserver( (entries) => { entries.forEach((entry) => { if (entry.isIntersecting) { const newUrl = entry.target.getAttribute("data-url"); if (newUrl) { history.pushState(null, null, newUrl); let article = entry.target; // Extract metadata const author = article.querySelector('.author-section').textContent.replace('By', '').trim(); const section = article.querySelector('.section-info ').textContent.replace(' ', ' '); const title = article.querySelector('.article-title h1').textContent; // Parse URL for Chartbeat path format const parsedUrl = new URL(newUrl, window.location.origin); const cleanUrl = parsedUrl.host + parsedUrl.pathname; // Update Chartbeat configuration if (typeof window._sf_async_config !== 'undefined') { window._sf_async_config.path = cleanUrl; window._sf_async_config.sections = section; window._sf_async_config.authors = author; } // Track virtual page view with Chartbeat if (typeof pSUPERFLY !== 'undefined' && typeof pSUPERFLY.virtualPage === 'function') { try { pSUPERFLY.virtualPage({ path: cleanUrl, title: title, sections: section, authors: author }); } catch (error) { console.error('ping error', error); } } // Optional: Update document title if (title && title !== document.title) { document.title = title; } } } }); }, { threshold: 0.1 } ); function showArticleBody(button) { const article = button.closest("article"); const summary = article.querySelector(".article-body-summary"); const body = article.querySelector(".article-body-preview"); const readMoreSection = article.querySelector(".read-more-background"); // Hide summary and read-more section summary.style.display = "none"; readMoreSection.style.display = "none"; // Show the full article body body.classList.remove("hidden"); } document.addEventListener("DOMContentLoaded", () => { let loadCount = 0; // Track how many times articles are loaded const offset = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; // Offset values const currentUrl = window.location.pathname.substring(1); let isLoading = false; // Prevent multiple calls if (!currentUrl) { console.log("Current URL is invalid."); return; } const sentinel = document.getElementById("load-more-sentinel"); if (!sentinel) { console.log("Sentinel element not found."); return; } function isSentinelVisible() { const rect = sentinel.getBoundingClientRect(); return ( rect.top < window.innerHeight && rect.bottom >= 0 ); } function onScroll() { if (isLoading) return; if (isSentinelVisible()) { if (loadCount >= offset.length) { console.log("Maximum load attempts reached."); window.removeEventListener("scroll", onScroll); return; } isLoading = true; const currentOffset = offset[loadCount]; window.loadMoreItems().then(() => { let article = document.querySelector('#widget_1690 > div:nth-last-of-type(2) article'); intersectionObserver.observe(article) loadCount++; }).catch(error => { console.error("Error loading more items:", error); }).finally(() => { isLoading = false; }); } } window.addEventListener("scroll", onScroll); });

Sign up by email to receive news.