OneSkin PWA

OneSkin addresses skin health at the molecular level, targeting the root causes of aging so skin functions.

Wisdom to choose your enemies

The objective was to seamlessly integrate the new brand with a subscription model + Refills + Kits. With a successful implementation of our Go-to-Market strategy, our next aim was to establish a robust infrastructure that prioritised performance and reliability.

This infrastructure laid the groundwork for our expansion into the professional sector while adhering to proven e-commerce best practices. Our project's clear vision served as the driving force behind our continuous improvement efforts, always keeping User-Centered Design (UCD) at the forefront.

Now, two years after our initial launch, the subscription model has become a key driver of OneSkin's revenue, accounting for over 80%. We have also expanded our product range to include six offerings, with more exciting products in development. This new structure not only aligns our brand with our evolving strategy but also solidifies our position in the market.

Progressive Web Apps Foundation

Focusing on creating seamless, meaningful, memorable, and manageable experiences and a native mobile experience, where  be highly successful. This confirms the vision and attention to necessary details required to deliver performance and a remarkable experience.

The infrastructure is a crucial foundation for continuous improvement.

Incorporating this concept, and that concept already validate and sense and  into your product development and implementing and testing first a design process routine, build an e-commerce platform that is optimized for the way people use it, leading to a more consistent user experience aligned with the brand guidelines.

The three pillars

• Capable

  - The web is quite capable in its own right today. For example, you can build a hyper-local video chat app using WebRTC, geolocation, and push notifications. You can make that app installable and take its conversations virtual with WebGL and WebVR. With the introduction of WebAssembly, developers can tap into other ecosystems, such as C, C++, and Rust, and bring decades of work and capabilities to the web.

• Reliable

  - A reliable Progressive Web App feels fast and dependable regardless of the network.

  - Speed is critical for getting users to use your experience. In fact, as page load times go from 1 second to ten seconds, the probability of a user bouncing increases by 123%. Performance doesn't stop after the onload event. Users should never wonder whether their interaction—for example, clicking a button—was registered or not. Scrolling and animation should feel smooth. Performance affects the entire user experience, from how they perceive your application to how it actually performs.

• Installable

  Installed Progressive Web Apps run in a standalone window instead of a browser tab. They're launchable from on the user's home screen, dock, taskbar, or shelf. It's possible to search for them on a device and jump between them with the app switcher, making them feel like part of the device they're installed on.

Using the latest web features to bring enhanced capabilities and reliability, Progressive Web Apps allow what you build to be installed by anyone, anywhere, on any device with a single codebase.

Trought design process, product cycle, as well as a mobile-first approach for the e-commerce.It is undeniable that providing a rich mobile experience is the key to e-commerce loyalty and attention to detail. There is clear evidence that a mobile-first approach is more relevant and has exponential benefits.

2. Opportunities

Creating a seamless, meaningful experience through a native mobile platform. This approach has proven to be successful in the past and confirms the importance of attention to detail and performance.

The infrastructure is seen as a crucial foundation for continuous improvement. By incorporating basic concepts and testing the design process, an optimized e-commerce platform can be created that aligns with brand guidelines and provides a consistent user experience. The goal is to increase engagement and drive sales

**Mobile App *Insights ***

• 80% of access is mobile
• 80% of mobile time is spent in-app x in web browsers.
• Advertisers who have implemented Deep linking see over 2X uplift in conversion rate.
• 87% of retailers agree that their app users are more loyal and have a higher lifetime value than nonusers.
• Apps can be instrumental to building a foundation of consented First-Party Data.
• Building stronger relationships with new and existing users of your app should be a center piece of your privacy-first growth strategy.
• Marketers who prioritize apps and invest in strategies will be better positioned to drive meaningful business results now, and in the future.'
• According to Think With Google and Boston Consulting Group, brands using first party data in key marketing functions achieved a 2.9X revenue lift and a 1.5X increase in cost savings.

Google Insights

Mobile

New Doors open towards what the market has defined as structure, security and privacy.

1. Push Notification

• Conversation and interaction

• Convenient and respects the customer's privacy

• Polished UX

• Free

2. Deep link

• Greater security: App Links and Universal Links give you peace of mind that no other app can use your links. Other companies can’t claim your link, so they can’t send traffic to their own app (as can be done with custom schemes).

• Relevant page results: You can direct customers and potential customers to relevant pages within your app, rather than browser or mobile-web pages. App Links and Universal Links use the same URL as your web links, so if your app can’t open, instead of being shown an error page, users will be taken to the mobile site landing page.

• Seamless user experience: The more seamless integration for your app users improves user experience, increases conversions, and improves customer loyalty.

Framer

We successfully implemented heros and the product page with Framer. This decision allowed me to exert greater control over the overall experience, resulting in an invigorating outcome. To provide a visual representation of the interaction, below.

Performance focus

In order to improve the e-commerce's flow and performance, we also upgraded our stack to Shopify Plus. That gives us access to the Hydrogen framework, as well as Shopify's APIs, allowing us to make OneSkin mobile-first, which is the next step in the company's roadmap.

Results

In 2022, OneSkin has sold over $14 million, primarily from subscriptions. With the implementation of the redesign, we are targeting even greater growth in 2023.