← Project archiveNext.js · React · TypeScript · Supabase · PostgreSQL · Shopify GraphQL
SOFTwear by ULLA
A mobile first customer care application connected to Shopify order data
ULLA Hair®
Context / Challenge
SOFTwear by ULLA is a customer care web application I designed, built and tested to support product registration, order verification and personalised care after purchase.
Customers received their hair product, but product information, care guidance and support were spread across different touchpoints. The ownership experience needed a secure way to recognise the customer, identify the correct product and surface relevant guidance.
Insight
A generic content library would not solve the whole problem. The application needed to connect a real order to a real customer record, then use that information to provide a more relevant experience.
Strategy
I defined a mobile first experience with two activation routes. Customers can register through a QR journey or claim a previous order.
Shopify order data is used to verify the purchase and match purchased SKUs to product records. Supabase stores customer and application data, while access is controlled through authentication and Row Level Security.
Idea
Execution
I led the project across requirements, user journeys, interface structure, development, API integration, data design, authentication, testing and deployment.
I started with the ownership journey and translated it into clear technical requirements. I developed the application iteratively, testing the activation routes, data relationships and care pathways as the product evolved.
- Built the interface with Next.js, React and TypeScript
- Integrated the Shopify Admin GraphQL API for order verification and SKU matching
- Created QR registration and previous order claim routes
- Implemented Supabase email link authentication
- Used PostgreSQL for customer and product records
- Configured Row Level Security for customer and administrator access
- Built seven UCare check in pathways that map responses to relevant guidance
- Used GitHub for version control and Vercel for deployment
- Tested and refined the end to end customer journey
- Working mobile first web application
- Shopify order verification flow
- Secure authentication and data access
- Product activation journeys
- Seven personalised care pathways
- Technical foundation for future product features
Impact
SOFTwear has progressed from concept to a working product with a defined architecture, verified order flow and secure customer access.
The product remains in active development, so adoption and usage will be measured after release.
The project strengthened my ability to move from user requirements into data relationships, API behaviour, access control and a working interface.