Faceimage Oy
Faceimage Oy is a family business dedicated to serving its customers in beauty and wellbeing in an ecological way. It is important to them that everyone can learn self-care regardless of time or place, at their own pace and as part of their daily life. Their service offering includes online coaching programs and related products, such as globally popular aesthetic kinesiology taping products and training for their use.
A need to improve user experience, increase engagement and provide a unified service experience
Faceimage’s online courses were originally available only through their website, which did not optimally serve customers who wanted to practice self-care in the middle of daily life or on the go. A mobile application emerged as the solution, offering a more versatile and personal channel for using the services.
The goal was to develop a solution that would encourage customers to use the course offering more regularly and in more diverse ways. Making the courses an easy part of everyday life, completed at one’s own pace and in a way that suits the user, was a key part of the plan.
After launching the mobile application, a need arose to renew the website and online store as well. The previous site had become outdated, and its appearance and structure no longer reflected Faceimage’s vision.
The objective was to create a modern and stylish website and online store where products, courses, a social media community and a strong message about everyday wellbeing form a clear and cohesive whole. It was also essential that the mobile app, website, online store and product packaging follow a consistent visual identity and that all digital channels look and feel unified.
A cohesive mobile, website and e-commerce solution
Faceimage’s digital ecosystem was implemented in phases. The project began with the design and development of the mobile application, after which the work expanded to the website and online store.
A new visual identity was created based on the app and applied to the website and e-commerce redesign. All solutions were designed to support one another both functionally and visually, ensuring a consistent service experience across all channels.
One codebase, two platforms for the mobile app
The Faceimage mobile app was designed to support both users’ daily lives and administrative needs. User experience was strongly emphasized from the planning stage onward. The app was built with Flutter, enabling publication on both Android and iOS from a single codebase.
A collaboratively designed user experience for the mobile app
The mobile app project began with UX design, defining the app’s structure, user journeys and key functionalities. As the project progressed, requirements were refined, and features such as a calendar were added to support users’ goal tracking and daily rhythm.
Once the structure was finalized, the focus shifted to UI design. The aim was to create a modern, harmonious and motivating visual identity that supports the Faceimage brand and enhances engagement through ease of use.
Content is delivered to the mobile app directly from the website
Course content is created on Faceimage’s WordPress site and delivered to the mobile app through an API. Content updates are made only in WordPress, and changes are automatically reflected in the mobile application.
Website and online store UI/UX design through workshops
After the mobile app, the website and online store redesign began with a UI/UX workshop. The workshop approach was chosen because the client needed support in clarifying the goals, structure and content of the site and store.
During the workshop, the site’s objectives were defined, key user groups and their needs were identified, primary user journeys were mapped, and existing pain points were recognized. A more functional site structure was designed, the homepage content was analyzed, and a new content plan was created to better support the defined goals.
The client’s wishes and ideas regarding the new visual identity were also reviewed. After the workshop, UI/UX plans were created and reviewed together with the client.
A WordPress and WooCommerce solution as the foundation
The website and online store were built with WordPress and WooCommerce. A customized Sage 11 theme is used, with tailored blocks for different purposes. The site includes native Gutenberg blocks and Laravel-based blocks, with styling implemented using Tailwind CSS. Bedrock serves as the technical foundation, and version control is managed through Composer.
WooCommerce handles e-commerce functionality, while course content is delivered via the LearnDash plugin. Custom templates were created for LearnDash to ensure that completing courses is visually appealing and seamless within the overall site experience.
The solution enables user account and order history management as well as multiple payment methods, including Paytrail, Klarna, PayPal, Epassi and Smartum. The ecosystem also includes gift card sales, easy management of campaigns and discount banners, a social media feed and customized product pages that make it simple to add tutorial videos, for example.
Dedicated tools for administrators
A custom WordPress plugin was developed to allow Faceimage’s administrators to manage communications and content without coding skills. Daily messages, push notifications and content updates can be handled within familiar tools, simplifying daily operations and improving efficiency.
Engagement, visibility and seamless usability across all channels
The new mobile app has met expectations and received positive feedback from users. Senja and Antti see the app as a strong foundation for a loyalty program and a user community. Online courses can now be completed easily anytime and anywhere directly on a phone, and the same user account works in both the app and the website’s course environment.
The app includes wellbeing-supporting and motivating features such as a personal encouragement message, goal tracking and a calendar. These features enable Faceimage to engage users more effectively, strengthen customer relationships and extend the service lifecycle.
The website and online store renewal also brought clarity to the overall experience. The workshop-based design approach was considered particularly valuable, as reviewing goals and user groups together provided new insights for content planning. A previously unclear site structure became more focused, and the new structure was perceived as clearer and more intuitive.
After launch, the app quickly gained popularity and reached 7th place in the free lifestyle category on the App Store within the first few days.
With the new solution:
- online course usage is smoother on mobile
- users are engaged more effectively through personal features
- course content is updated in one place only
- the website and online store support the mobile app and provide a unified customer journey
- the customer experience more strongly reinforces Faceimage’s wellbeing promise
Is your goal to provide a seamless mobile experience and strengthen customer relationships? Let’s build a solution that supports your business and serves your users.
Shall we get started?
"*" indicates required fields
Salpaus Further Education