DIGITAL PRODUCT DESIGN
FROM SOCIAL MEDIA SALES TO A COMPLETE DIGITAL COMMERCE EXPERIENCE
Yoskin is a dermatologist-led skincare e-commerce platform. I joined the project initially to develop its visual identity and social media presence, and later evolved my role into designing and implementing the complete digital shopping experience.
MY ROLE
· UX/UI Designer
· Digital Product Designer
· Web Designer & Developer
SCOPE
· Information Architecture
· UX/UI · E-commerce
· Responsive Design
· WordPress/WooCommerce
· Payment Integration
· Custom Business Logic
01
From Social to E-Commerce
02
End-to-end design & Implementation
03
Live Product Ongoing Evolution
The Challenge
From conversations to commerce
Yoskin originally relied on social media to promote products and manage sales. As the business grew, this approach became increasingly manual and difficult to scale.
The challenge was to transform that informal sales process into a professional digital experience where customers could discover products, understand their benefits and complete a purchase independently.
BEFORE
SOCIAL MEDIA
︾
Direct Message
︾
Product Questions
︾
Manual Payment
︾
Manual Shipping
AFTER
YOSKIN DIGITAL PRODUCT
Discover
︾
Browse
︾
Product information
︾
Cart
︾
Checkout
︾
Payment
01
Build Trust
Create a professional digital presence for a dermatologist-led skincare brand.
02
Improve Discovery
Help customers navigate and understand a growing product catalogue.
03
Enable
self-service
Move from manual social-media transactions to a structured e-commerce journey.
04
Support growth
Build a flexible platform that could accommodate new products, promotions and different customer types.
05
Medical credibility
Differentiate Yoskin from beauty and influencer-led skincare brands by creating a visual and digital experience that reinforced the doctor’s medical expertise.
My Role Evolved With the Product
From brand and social media to a complete digital product.
»
BRAND
- Logo
- Visual identity
- Social media
»
DIGITAL EXPERIENCE
- Website
- Information architecture
- UX/UI
»
COMMERCE
- Products
- Cart
- Checkout
- Payment integration
»
PRODUCT LOGIC
- Dra. Mamá
- Customer roles
- Differentiated pricing
- Automated gifts
»
ONGOING EVOLUTION
- Visual maintenance
- Performance
- Content
- Continuous improvements
Designing for Medical Credibility
One of the core design challenges was positioning Yoskin as a medically credible skincare platform rather than another beauty-focused social media brand.
The visual language needed to communicate expertise, trust and clinical credibility while remaining approachable and relevant to skincare consumers.
Colour
Teal, green and blue tones with clinical and scientific associations.
Typography
Clean hierarchy for clarity and professionalism
Layout
Structured information to build trust and confidence.
Imagery
Products, real content and a dermatologis-led aproach in a professional content.
Designing the Experience
From structure to user interface
»
INFORMATION ARCHITECTURE
»
USER FLOW
»
WIREFRAMES
»
UI
