Mum Secret
Mum Secret
Mum Secret
Role in the project
UI/UX/Brand/Packaging/Keyvisual
About the project
Cosmetics for pregnant moms
Client
Tajemnica mamy
![](https://framerusercontent.com/images/6NZovmwnKICQXxpBRFrsgZ5DPQg.png)
![](https://framerusercontent.com/images/q5P4VMeyGnUecFyVrmzv9EKdk.png)
![](https://framerusercontent.com/images/6NZovmwnKICQXxpBRFrsgZ5DPQg.png)
![](https://framerusercontent.com/images/q5P4VMeyGnUecFyVrmzv9EKdk.png)
Challenge
Challenge
Creating an online store and a brand that would refer to the volcanic islands of Hawaii, because the cosmetics ingredients are sourced from this location.
Creating an online store and a brand that would refer to the volcanic islands of Hawaii, because the cosmetics ingredients are sourced from this location.
Mum Secret creams are therapeutic cosmetics aimed at pregnant moms.
Mum Secret creams are therapeutic cosmetics aimed at pregnant moms.
![](https://framerusercontent.com/images/FJPy4l5mQSVC1R0xKm07GtQlAo.png)
![](https://framerusercontent.com/images/e5ygTLF0py5YsG4FOK5KUA5VFco.png)
![](https://framerusercontent.com/images/e5ygTLF0py5YsG4FOK5KUA5VFco.png)
![](https://framerusercontent.com/images/FJPy4l5mQSVC1R0xKm07GtQlAo.png)
![](https://framerusercontent.com/images/e5ygTLF0py5YsG4FOK5KUA5VFco.png)
![](https://framerusercontent.com/images/HWTatr8AmUfytq3OtPsyjL4ylQ.png?scale-down-to=1024)
![](https://framerusercontent.com/images/HWTatr8AmUfytq3OtPsyjL4ylQ.png?scale-down-to=1024)
![](https://framerusercontent.com/images/HWTatr8AmUfytq3OtPsyjL4ylQ.png?scale-down-to=1024)
![](https://framerusercontent.com/images/0MGw9LpjCmE4HRzuv5wEKvcl84.png?scale-down-to=1024)
![](https://framerusercontent.com/images/0MGw9LpjCmE4HRzuv5wEKvcl84.png?scale-down-to=1024)
![](https://framerusercontent.com/images/0MGw9LpjCmE4HRzuv5wEKvcl84.png?scale-down-to=1024)
![](https://framerusercontent.com/images/MIRT95Q7uzKonxnx9Q1X79plg5A.png?scale-down-to=1024)
![](https://framerusercontent.com/images/MIRT95Q7uzKonxnx9Q1X79plg5A.png?scale-down-to=1024)
![](https://framerusercontent.com/images/MIRT95Q7uzKonxnx9Q1X79plg5A.png?scale-down-to=1024)
![](https://framerusercontent.com/images/1r5NCBD4wgOpiANebiW8SEX5C98.jpg)
1 stage
1 stage
I have created a complete branding, cream packaging, and keyvisual of an interactive island
I have created a complete branding, cream packaging, and keyvisual of an interactive island
![](https://framerusercontent.com/images/8zvquvx2mxsxtKolZ03iCPM0.png)
![](https://framerusercontent.com/images/8zvquvx2mxsxtKolZ03iCPM0.png)
![](https://framerusercontent.com/images/cgE1pg7m3GBTito6pCO3unAHwR8.png)
![](https://framerusercontent.com/images/cgE1pg7m3GBTito6pCO3unAHwR8.png)
![](https://framerusercontent.com/images/KaPi2nze9gKYFxjlEHYI3Is8CQ.jpg?scale-down-to=2048)
![](https://framerusercontent.com/images/KaPi2nze9gKYFxjlEHYI3Is8CQ.jpg?scale-down-to=2048)
![](https://framerusercontent.com/images/mo7ybX9OxoKlKnDtF23dq8b8Jk.jpg)
![](https://framerusercontent.com/images/mo7ybX9OxoKlKnDtF23dq8b8Jk.jpg)
![](https://framerusercontent.com/images/39EHLsOUb2ahHDdSxDzRvPBRI.png)
![](https://framerusercontent.com/images/39EHLsOUb2ahHDdSxDzRvPBRI.png)
![](https://framerusercontent.com/images/j6IuMGaFSiJthjpTzPr5Ko1Ogw.png)
![](https://framerusercontent.com/images/j6IuMGaFSiJthjpTzPr5Ko1Ogw.png)
![](https://framerusercontent.com/images/mo7ybX9OxoKlKnDtF23dq8b8Jk.jpg)
2nd stage
2nd stage
Main page of the store presenting product collections
Main page of the store presenting product collections
Collections are the most important center that was supposed to be highlighted, hence the collection slider, below is the "lookbook" showing promotions for special events and at the very end I highlighted the remaining cosmetics collections.
Collections are the most important center that was supposed to be highlighted, hence the collection slider, below is the "lookbook" showing promotions for special events and at the very end I highlighted the remaining cosmetics collections.
![](https://framerusercontent.com/images/FJPy4l5mQSVC1R0xKm07GtQlAo.png)
![](https://framerusercontent.com/images/n3l58QqCboWgwNCXWDAw5f7Gg0.png)
![](https://framerusercontent.com/images/n3l58QqCboWgwNCXWDAw5f7Gg0.png)
![](https://framerusercontent.com/images/FJPy4l5mQSVC1R0xKm07GtQlAo.png)
![](https://framerusercontent.com/images/n3l58QqCboWgwNCXWDAw5f7Gg0.png)
![](https://framerusercontent.com/images/TPWCPaSvNPMuRFJESZtbGb8yn3k.png)
![](https://framerusercontent.com/images/HWTatr8AmUfytq3OtPsyjL4ylQ.png?scale-down-to=1024)
![](https://framerusercontent.com/images/HWTatr8AmUfytq3OtPsyjL4ylQ.png?scale-down-to=1024)
![](https://framerusercontent.com/images/HWTatr8AmUfytq3OtPsyjL4ylQ.png?scale-down-to=1024)
![](https://framerusercontent.com/images/0MGw9LpjCmE4HRzuv5wEKvcl84.png?scale-down-to=1024)
![](https://framerusercontent.com/images/0MGw9LpjCmE4HRzuv5wEKvcl84.png?scale-down-to=1024)
![](https://framerusercontent.com/images/0MGw9LpjCmE4HRzuv5wEKvcl84.png?scale-down-to=1024)
![](https://framerusercontent.com/images/MIRT95Q7uzKonxnx9Q1X79plg5A.png?scale-down-to=1024)
![](https://framerusercontent.com/images/MIRT95Q7uzKonxnx9Q1X79plg5A.png?scale-down-to=1024)
![](https://framerusercontent.com/images/MIRT95Q7uzKonxnx9Q1X79plg5A.png?scale-down-to=1024)
2nd stage
2nd stage
Product listings
Product listings
Subpage with categories of creams + filtering system
Subpage with categories of creams + filtering system
![](https://framerusercontent.com/images/FJPy4l5mQSVC1R0xKm07GtQlAo.png)
![](https://framerusercontent.com/images/QvMgMrUqVcXrHwn5NihQZ6r4i1M.jpg)
![](https://framerusercontent.com/images/QvMgMrUqVcXrHwn5NihQZ6r4i1M.jpg)
![](https://framerusercontent.com/images/FJPy4l5mQSVC1R0xKm07GtQlAo.png)
![](https://framerusercontent.com/images/QvMgMrUqVcXrHwn5NihQZ6r4i1M.jpg)
2nd stage
2nd stage
Login modal
Login modal
![](https://framerusercontent.com/images/nDrO38laR3rFdWDbIkmyQOA7F4.jpg)
2nd stage
2nd stage
Product page
Product page
Each product has its own color version of the main theme. The most important shopping elements including CTA have been highlighted in this.
Each product has its own color version of the main theme. The most important shopping elements including CTA have been highlighted in this.
![](https://framerusercontent.com/images/FJPy4l5mQSVC1R0xKm07GtQlAo.png)
![](https://framerusercontent.com/images/NzFDOo0B9eYuB2L5LdIxSn434fc.jpg)
![](https://framerusercontent.com/images/NzFDOo0B9eYuB2L5LdIxSn434fc.jpg)
![](https://framerusercontent.com/images/FJPy4l5mQSVC1R0xKm07GtQlAo.png)
![](https://framerusercontent.com/images/NzFDOo0B9eYuB2L5LdIxSn434fc.jpg)
![](https://framerusercontent.com/images/jwuaHtpRqEQ0ysWntG1MCbtZT4.jpg?scale-down-to=4096)
![](https://framerusercontent.com/images/31IZFmsIBxayMX3rHJypei05xQ.png?scale-down-to=1024)
![](https://framerusercontent.com/images/31IZFmsIBxayMX3rHJypei05xQ.png?scale-down-to=1024)
![](https://framerusercontent.com/images/31IZFmsIBxayMX3rHJypei05xQ.png?scale-down-to=1024)
![](https://framerusercontent.com/images/NaSqveyzl0SHuT6kBhudjG0dTsk.png?scale-down-to=1024)
![](https://framerusercontent.com/images/NaSqveyzl0SHuT6kBhudjG0dTsk.png?scale-down-to=1024)
![](https://framerusercontent.com/images/NaSqveyzl0SHuT6kBhudjG0dTsk.png?scale-down-to=1024)
![](https://framerusercontent.com/images/3uWetJONau8wFsioC4tD2vYbSw.png?scale-down-to=1024)
![](https://framerusercontent.com/images/3uWetJONau8wFsioC4tD2vYbSw.png?scale-down-to=1024)
![](https://framerusercontent.com/images/3uWetJONau8wFsioC4tD2vYbSw.png?scale-down-to=1024)
3rd stage
3rd stage
Checkout
Checkout
Below is the shopping userflow. It includes 3 stages.
Below is the shopping userflow. It includes 3 stages.
![](https://framerusercontent.com/images/FJPy4l5mQSVC1R0xKm07GtQlAo.png)
![](https://framerusercontent.com/images/exbl2DoY27yHJtqpfHKDBY29ZiQ.png)
![](https://framerusercontent.com/images/exbl2DoY27yHJtqpfHKDBY29ZiQ.png)
![](https://framerusercontent.com/images/FJPy4l5mQSVC1R0xKm07GtQlAo.png)
![](https://framerusercontent.com/images/exbl2DoY27yHJtqpfHKDBY29ZiQ.png)
![](https://framerusercontent.com/images/exbl2DoY27yHJtqpfHKDBY29ZiQ.png?scale-down-to=2048)
![](https://framerusercontent.com/images/exbl2DoY27yHJtqpfHKDBY29ZiQ.png?scale-down-to=2048)
![](https://framerusercontent.com/images/exbl2DoY27yHJtqpfHKDBY29ZiQ.png?scale-down-to=2048)
![](https://framerusercontent.com/images/VMnV9sKLGLFolvf4jfLDmJJUyZI.png)
![](https://framerusercontent.com/images/VMnV9sKLGLFolvf4jfLDmJJUyZI.png)
![](https://framerusercontent.com/images/VMnV9sKLGLFolvf4jfLDmJJUyZI.png)
![](https://framerusercontent.com/images/EefayYU8KYywiLT0Ih6qDJWvhpc.png)
![](https://framerusercontent.com/images/EefayYU8KYywiLT0Ih6qDJWvhpc.png)
![](https://framerusercontent.com/images/EefayYU8KYywiLT0Ih6qDJWvhpc.png)
![](https://framerusercontent.com/images/gIWMcrVChM1yrwajUVZDgkCOY.png)
![](https://framerusercontent.com/images/gIWMcrVChM1yrwajUVZDgkCOY.png)
![](https://framerusercontent.com/images/gIWMcrVChM1yrwajUVZDgkCOY.png)
![](https://framerusercontent.com/images/BobGnmaHNz6EK2ZifS4G2PCnKE.png)
![](https://framerusercontent.com/images/BobGnmaHNz6EK2ZifS4G2PCnKE.png)
![](https://framerusercontent.com/images/BobGnmaHNz6EK2ZifS4G2PCnKE.png)
![](https://framerusercontent.com/images/KaPi2nze9gKYFxjlEHYI3Is8CQ.jpg)