Newsletters \ UI Designer
Newsletters \ UI Designer
super-pharm newsletters
super-pharm newsletters








Project Overview
Project Overview
Super-Pharm likes to stay innovative and continue to be current and unique. From this came the need to update the visibility of the personal newsletter that registered customers receive every two weeks to their email.
Later on, newsletters were created for a variety of departments that were adapted to the newly created design language.
Personalized yet cohesive, that's what it's all about!
Project Overview
Super-Pharm likes to stay innovative and continue to be current and unique. From this came the need to update the visibility of the personal newsletter that registered customers receive every two weeks to their email.
Later on, newsletters were created for a variety of departments that were adapted to the newly created design language.
Personalized yet cohesive, that's what it's all about!


Project goals
Project goals
Present a varied yet personalized newsletter, adjusted to each customer, with a clear division between the different parts.
Expose to deals and increase sales.
Expose to Super-Pharm's various media platforms to increase the audience of users and followers.
Present a varied yet personalized newsletter, adjusted to each customer, with a clear division between the different parts.
Expose to deals and increase sales.
Expose to Super-Pharm's various media platforms to increase the audience of users and followers.
previous version
previous version
The original personal newsletters. The design was simple and plain, according to the Super-Pharm's style guide.
The original personal newsletters.
The design was simple and plain, according to the Super-Pharm's style guide.






Colors & typography
Colors & typography
Headlines & Sub-Headlines
Headlines & Sub-Headlines
Buttons
Buttons
Body Text
Body Text
design elements
design elements
Vector Elements
Vector Elements




Texture Background
Texture Background









Photo Background
Photo Background












design concept
design concept
1
1
The design is built so that each part of the newsletter stands on its own and can be arranged by the different parts in a different order each time.
The design is built so that each part of the newsletter stands on its own and can be arranged by the different parts in a different order each time.
2
2
The process was creating the main newsletter and deriving from it the additional newsletters.
The process was creating the main newsletter and deriving from it the additional newsletters.
3
3
Each newsletter is characterized by different colors and elements, but all under the same design language. The title of each section remains constant so consistency is maintained despite other design changes.
Each newsletter is characterized by different colors and elements, but all under the same design language. The title of each section remains constant so consistency is maintained despite other design changes.
Each newsletter is characterized by different colors and elements, but all under the same design language. The title of each section remains constant so consistency is maintained despite other design changes.
step #1
step #1
Designing the main version that assembles all the parts in the Super-Pharm newsletter.
Designing the main version that assembles all the parts in the Super-Pharm newsletter.


nice to have / just for you personal sale customized for each user
nice to have / just for you personal sale customized for each user
best coupons
personal coupons
best coupons
personal coupons




online only
deals available on Super-Pharm website
online only
deals available on Super-Pharm website
super-pharm instagram #1
link to Instagram



time to shop
personal deals or sales
time to shop
personal deals or sales
it's your lifestyle
exclusive deals for LifeStyle members
it's your lifestyle
exclusive deals for LifeStyle members




our top five
"super five" deals
our top five
"super five" deals
new in stock
new products on the shelf
new in stock
new products on the shelf



super-pharm app
link to download the app
watch me
video of a new product or Super-Pharm ad
watch me
video of a new product or ad




super-pharm instagram #2
link to Instagram
super-pharm instagram
link to Instagram
read me
article on a relevant topic
read me
article on a relevant topic


step #2
step #2
Designing the secondary newsletters that formed the basis for programming.
Designing the secondary newsletters that formed the basis for programming.








step #3
step #3
Expanding the design style guid and adapting it to additional newsletters in the customer journey.
Expanding the design style guid and adapting it to additional newsletters in the customer journey.










