NB
BRAND | DESIGN | UI WEBSITE
Design of a pilot website for 'NB Newborn 2019', offering guidance, tips, and shopping options for new and exhausted parents. This includes branding, textile illustrations, and packaging design for online purchases, as well as social media promotion.
![](https://static.wixstatic.com/media/e0bf70_97f1a66b9bfe40c0ab0aa34da3000614~mv2.png/v1/fill/w_49,h_34,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/e0bf70_97f1a66b9bfe40c0ab0aa34da3000614~mv2.png)
![](https://static.wixstatic.com/media/e0bf70_e2ab27d0d98e40e99668c7e2617f55c0~mv2.png/v1/fill/w_49,h_34,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/e0bf70_e2ab27d0d98e40e99668c7e2617f55c0~mv2.png)
![](https://static.wixstatic.com/media/e0bf70_db55ee398bae4c168f405f0f3b7b54fc~mv2.png/v1/fill/w_49,h_34,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/e0bf70_db55ee398bae4c168f405f0f3b7b54fc~mv2.png)
![](https://static.wixstatic.com/media/e0bf70_97f1a66b9bfe40c0ab0aa34da3000614~mv2.png/v1/fill/w_49,h_34,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/e0bf70_97f1a66b9bfe40c0ab0aa34da3000614~mv2.png)
![](https://static.wixstatic.com/media/e0bf70_bbe8105fed804f9eb521557865ae1431~mv2.gif)
![icon_nb_2.png](https://static.wixstatic.com/media/e0bf70_614040193dba4fa4b9912a64ba780efa~mv2.png/v1/fill/w_102,h_110,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/icon_nb_2.png)
![system-solid-48-favorite-heart.gif](https://static.wixstatic.com/media/e0bf70_0cfa1d01d057438fa17661e4ac3dcd95~mv2.gif)
![system-solid-48-favorite-heart.gif](https://static.wixstatic.com/media/e0bf70_0cfa1d01d057438fa17661e4ac3dcd95~mv2.gif)
The challenge
The project's challenge was designing an adaptive website for different baby ages, offering age-specific tips and products. For instance, the focus at 0-3 months was on pacifiers and formula, while at 3 months, it shifted to developmental toys.
The solution included a dynamic hero section changing with the baby's age and a tailored call-to-action button. Articles were kept simple and short, considering the mothers' fatigue and mood.
![homepage_11.jpg](https://static.wixstatic.com/media/e0bf70_74a7f7790fa94c2082a94fe17ea3452e~mv2.jpg/v1/fill/w_108,h_189,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/homepage_11.jpg)
![system-solid-48-favorite-heart.gif](https://static.wixstatic.com/media/e0bf70_0cfa1d01d057438fa17661e4ac3dcd95~mv2.gif)
![SliderNB.jpg](https://static.wixstatic.com/media/e0bf70_971ac0e7d8e04b5fad50f3795a2c3a89~mv2.jpg/v1/fill/w_138,h_88,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/e0bf70_971ac0e7d8e04b5fad50f3795a2c3a89~mv2.jpg)
I chose black, white, and magenta tones, maintaining a clean, minimalist style to create a memorable and consistent design language. These colors highlight the baby photos on relevant pages. Despite choosing magenta, I also considered mothers of baby boys, incorporating shades of blue and turquoise in tailored mockups for them.
The Design
![homepage_2.jpg](https://static.wixstatic.com/media/e0bf70_4b8e47c94b5d48218cdab9bf6c6028f1~mv2.jpg/v1/fill/w_108,h_228,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/homepage_2.jpg)
![system-solid-48-favorite-heart.gif](https://static.wixstatic.com/media/e0bf70_0cfa1d01d057438fa17661e4ac3dcd95~mv2.gif)
Baby fashion club
NB Accessories Style example
![system-solid-48-favorite-heart.gif](https://static.wixstatic.com/media/e0bf70_0cfa1d01d057438fa17661e4ac3dcd95~mv2.gif)
![Free Baby Onesie Mockup.png](https://static.wixstatic.com/media/e0bf70_783c70c608694980b82571aec7d8fed9~mv2.png/v1/fill/w_75,h_86,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Free%20Baby%20Onesie%20Mockup.png)
![Free Baby Onesie Mockup_2.png](https://static.wixstatic.com/media/e0bf70_2cf5b990aa5e40e39ea7981b282796b6~mv2.png/v1/fill/w_75,h_86,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Free%20Baby%20Onesie%20Mockup_2.png)
The Logos
The main logo was created to be flexible, allowing for variations with sub-brands
or, more accurately, specific categories that evolve over time. The logo is adaptable for the website's development in different areas and topics, such as addressing preemies, online shopping, and other categories that develop according to need and market trends.
![2.png](https://static.wixstatic.com/media/e0bf70_ceef48de4a504c7480ed4c4b07e942b2~mv2.png/v1/fill/w_61,h_61,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/2.png)
![3.png](https://static.wixstatic.com/media/e0bf70_1e0af259d1bd428a8517c53946f36a04~mv2.png/v1/fill/w_61,h_61,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/3.png)
![1.png](https://static.wixstatic.com/media/e0bf70_26c9e392a8224ba88dd46ad73b5c63a0~mv2.png/v1/fill/w_61,h_61,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/1.png)
![](https://static.wixstatic.com/media/11062b_1a5fb336450c45e6bd32006b3ff0d4bff000.jpg/v1/fill/w_147,h_83,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/11062b_1a5fb336450c45e6bd32006b3ff0d4bff000.jpg)
![spp23.png](https://static.wixstatic.com/media/e0bf70_71cc548cd5e7400db8a7e4a9efe7c392~mv2.png/v1/fill/w_57,h_102,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/spp23.png)
![system-solid-48-favorite-heart.gif](https://static.wixstatic.com/media/e0bf70_0cfa1d01d057438fa17661e4ac3dcd95~mv2.gif)
The App
User experience research - most usage was on mobile. We adapted the site to a new application.
The application screen & flow
Coming soon!