SlideShare a Scribd company logo
DIGITAL
PUBLISHING
D E S I G N F O R S C R E E N 1
B E C K Y B O N D
PROJECT HANDBOOK
THE BRIEF
• Analyse 3 websites
• Draw out
• Analyse 5 wordpress ones
• Brainstorm ‘scandi’ inspo
• moodboard
• Start branding – illustrations, target audience
• Anthropology style shops, minimalistic, sleek
• Scandimal.
DIY WEBSITES
• In the past few years, there’s been a rise of
websites made to help others create their own
websites. Instead of now needing a degree in
coding and design, set templates mean anyone can
add their own logos, pictures, text etc and further
their own brand. The more these websites crop up,
the more competitively priced they become – one
example is how Wordpress has multiple free
templates available.
WEBSITE
LAYOUTS
ANALYZING DESIGN OF HOMEWARE WEBSITES
This design is minimalistic in its use of
negative space. I like the symmetry of it
being split in half by the use of 2 images.
The top row is made up of simply the shop’s
logo and a small tool for navigation.
The 2 pictures manage to summarise the
shop’s aesthetic and products fairly well
through limited imagery. It’s a simple but
effective layout.
• The first screen you come to
before you scroll down this site in
gorgeous and simple in its layout.
The focus is on the picture which
shows the products and the
aesthetic of the shop.
• The logo is placed in the top left
in an understated size, but its
importance is highlighted by the
location. The top left is naturally
what our eyes are drawn to.
• Your eye is then led to the
navigation tools across the very
top row. The site looks easy to
use and pretty, with the font
colour and the image creating a
beautiful colour palette. This is
then continued with the
background of the site as you
scroll down. The text is clear, with
headings and simple font used
throughout. The amount of text
means it’s not particularly
interesting, but is still making for
a visually beautifully website.
WORDPRESS LAYOUTS
TARGET AUDIENCE
The target audience for a Scandi inspired
homeware shop is primarily 25-45 year old
women of a high socio-economic group.
A website would have to reflect what they want
when they think of Scandi shops – feminine and
sleek design, muted colours and a broad range
of homeware merchandise in a minimalist style.
The website will be easy to navigate, effectively
use negative space to further the aesthetic and
include multiple pictures of the items it’s selling.
MOODBOARD
S C A N D I L I V I N G
Renowned for their simplicity, utility, and beauty, Scandinavian homes have a
pure, pared backed style that is centred around warm functionality, clean lines,
flawless craftsmanship and understated elegance
PHOTOS I TOOK -
INSPIRED BY SCANDI
LIVING
The name scandimal came from
a combination of Scandinavia
and ‘sea’. I thought putting
them together would create a
unique word with a nice flow.
scandimal.wordpress.co
m
LOGOS OF EXISTING SCANDI MIN
SHOPS
MAKING MY OWN LOGO
CHOSEN
LOGOI chose a font which had a subtle and minimalistic serif on
it. This was because I wanted to keep it simple and legible
and liked the ideas of using all caps, which I think looks
better. I then experimented with using a photo as the
colour / pattern on the logo. I played around with scale
and placement so it wasn’t just a single word written
horizontally, and with a box around it which I felt was
more Scandinavian inspired. I decided I liked the clarity of
plain black but used colour on the box and on a motif I
drew. I drew a snowflake as I felt it represented unique
qualities and Scandinavian living.
EMAIL CAMPAIGNS
When comparing the layouts of email
campaigns, I noticed general conventions
that were used throughout. This included a
maximum of 2 columns, the logo being
shown in the top row, large photos often
taking up the entire row, the photos being
of the product/place/etc advertised, white
background, centred text in small
paragraphs and in a sans serif easy to read
font. In terms of branding there are small
colour palettes in each, tying together the
brand’s identity. The main headline would
be in a different colour and size to the rest
of the type which makes it stand out and
creates a balanced top heavy hierarchy.
DRAFTS OF MY OWN
i used the research into existing
email campaigns to determine
the hierarchy and create a layout
which leads a viewer’s eye across
the important elements first, and
down through the email.
I did this by centrally placing the
logo, leaving a large area for the
heading, sizing of images and a
lot of negative space.
The negative space was
something I was keen to keep
relevant and noticeable.
I like the 2x2 picture frames and
think it works in terms of
showing a viewer and potential
customer a range of products in
an efficient and visually pretty
manner.
• This draft differs from the last by
way of having more attention
focused on the logo, it’s in a much
larger box and takes up more of the
space. If the logo is effective at
summing up the brand, this would
draw the right target audience in.
• however, I noticed that generally
most email campaigns don’t use a
very big logo and let the type and
images speak for themselves.
• I kept the 2x2 frame layout for
images and the heading just below
the logo. This created a hierarchy
which I thought looked right.
• I added another row at the bottom
with another image and a text box.
My previous draft hadn’t had much
text which fit most conventions, but I
didn’t like the lack of text. I think it
looks better with a text box as the
last thing a viewer sees when they’ve
scrolled down.
MAKING MY OWN
EMAIL CAMPAIGN ON
MAILCHIMP
Overall I found Mailchimp easy to use, I was
pleased with the end result of making my email
campaign. It was easy to insert textboxes, photo
frames, hyperlinks and logos, while personalizing it
with colour and graphics.
FINAL DESIGN
The 2 column layout made for a simplistic template
and easy readability which is of the utmost
importance for this project. I chose to use a light
pink background instead of the white which most
of the campaigns used to further the aesthetic of
the shop. I’d seen websites use this background
colour link to the images and thought it worked
nicely.
I went with the logo taking up a lot more room
than generally email campaigns do but the
background picture looked nice and was an
extension of the aesthetic. It created contrast
between the background and itself. It added
interest and I think it would have looked too plain
without it, even for a minimalistic style.
I would have put the links to different areas of the
shop underneath the images but couldn’t seem to
create 2 columns just for the buttons. I had to
overcome that by alternating above and below
which didn’t look as nice in my opinion, but I had to
INSTAGRAM CAMPAIGNS
• Instagram campaigns are
either story ads, which are
quite dull and don’t show
much branding, or they are
ads which crop up as you
scroll – like the ones pictures
here - which are more
dynamic and are through
research, I found better at
creating a brand and interest
and drawing people in. I
wanted to combine the
elements of the more
interesting ads with the story
ads.

More Related Content

What's hot

Evaluation Q3 Media A2
Evaluation Q3 Media A2Evaluation Q3 Media A2
Evaluation Q3 Media A2
maxinescott
 
Creative Critical Reflection
Creative Critical ReflectionCreative Critical Reflection
Creative Critical Reflection
michaels1665
 
eFowler_ThinkCreativeInternship
eFowler_ThinkCreativeInternshipeFowler_ThinkCreativeInternship
eFowler_ThinkCreativeInternshipEthan Fowler
 
Evaluation - Question 3
Evaluation - Question 3 Evaluation - Question 3
Evaluation - Question 3
Alice Broadley
 
Question one media ancillary texts
Question one media ancillary textsQuestion one media ancillary texts
Question one media ancillary textsfayemedia
 
Final content page and double spread article designs
Final content page and double spread article designsFinal content page and double spread article designs
Final content page and double spread article designs
IllyaBoyko1
 
Question three
Question threeQuestion three
Question three
Amber Stagg
 
Evaluation Q2 Media A2
Evaluation Q2 Media A2Evaluation Q2 Media A2
Evaluation Q2 Media A2
maxinescott
 
Page Layout Techniques: Contrast
Page Layout Techniques: ContrastPage Layout Techniques: Contrast
Page Layout Techniques: Contrast
clewis86
 
Page Layout Techniques: Proximity
Page Layout Techniques: ProximityPage Layout Techniques: Proximity
Page Layout Techniques: Proximity
clewis86
 
Evaluation
EvaluationEvaluation
Evaluation
Ayrton Starkey
 
7. evaluation(3)
7. evaluation(3)7. evaluation(3)
7. evaluation(3)
Allison Hewitt
 
Question One
Question OneQuestion One
Question One
LucyMWilliams
 
Page Layout Techniques: Alignment
Page Layout Techniques: AlignmentPage Layout Techniques: Alignment
Page Layout Techniques: Alignment
clewis86
 
Evaluation question one
Evaluation question oneEvaluation question one
Evaluation question one
Jack Stratton
 
Q5
Q5Q5
Codes and conventions of contents page
Codes and conventions of contents pageCodes and conventions of contents page
Codes and conventions of contents page
nathan gkikas
 
Graphic and Web Design Principles
Graphic and Web Design Principles                      Graphic and Web Design Principles
Graphic and Web Design Principles
Rob Nunez
 
A Forecast of 2016 Web Design Trends
A Forecast of 2016 Web Design TrendsA Forecast of 2016 Web Design Trends
A Forecast of 2016 Web Design Trends
webdesigntrends
 
Evaluation 3
Evaluation 3 Evaluation 3
Evaluation 3
Martha Ralph-Harding
 

What's hot (20)

Evaluation Q3 Media A2
Evaluation Q3 Media A2Evaluation Q3 Media A2
Evaluation Q3 Media A2
 
Creative Critical Reflection
Creative Critical ReflectionCreative Critical Reflection
Creative Critical Reflection
 
eFowler_ThinkCreativeInternship
eFowler_ThinkCreativeInternshipeFowler_ThinkCreativeInternship
eFowler_ThinkCreativeInternship
 
Evaluation - Question 3
Evaluation - Question 3 Evaluation - Question 3
Evaluation - Question 3
 
Question one media ancillary texts
Question one media ancillary textsQuestion one media ancillary texts
Question one media ancillary texts
 
Final content page and double spread article designs
Final content page and double spread article designsFinal content page and double spread article designs
Final content page and double spread article designs
 
Question three
Question threeQuestion three
Question three
 
Evaluation Q2 Media A2
Evaluation Q2 Media A2Evaluation Q2 Media A2
Evaluation Q2 Media A2
 
Page Layout Techniques: Contrast
Page Layout Techniques: ContrastPage Layout Techniques: Contrast
Page Layout Techniques: Contrast
 
Page Layout Techniques: Proximity
Page Layout Techniques: ProximityPage Layout Techniques: Proximity
Page Layout Techniques: Proximity
 
Evaluation
EvaluationEvaluation
Evaluation
 
7. evaluation(3)
7. evaluation(3)7. evaluation(3)
7. evaluation(3)
 
Question One
Question OneQuestion One
Question One
 
Page Layout Techniques: Alignment
Page Layout Techniques: AlignmentPage Layout Techniques: Alignment
Page Layout Techniques: Alignment
 
Evaluation question one
Evaluation question oneEvaluation question one
Evaluation question one
 
Q5
Q5Q5
Q5
 
Codes and conventions of contents page
Codes and conventions of contents pageCodes and conventions of contents page
Codes and conventions of contents page
 
Graphic and Web Design Principles
Graphic and Web Design Principles                      Graphic and Web Design Principles
Graphic and Web Design Principles
 
A Forecast of 2016 Web Design Trends
A Forecast of 2016 Web Design TrendsA Forecast of 2016 Web Design Trends
A Forecast of 2016 Web Design Trends
 
Evaluation 3
Evaluation 3 Evaluation 3
Evaluation 3
 

Similar to Digital publishing site design

7. evaluation unit 5
7. evaluation unit 57. evaluation unit 5
7. evaluation unit 5
Sydney Wratten
 
Aperture magazine
Aperture magazineAperture magazine
Aperture magazineMatty Brown
 
Critical creative reflection
Critical creative reflectionCritical creative reflection
Critical creative reflection
baninadeem
 
Media Evaluation Question 1
Media Evaluation Question 1Media Evaluation Question 1
Media Evaluation Question 1
Lauraamberr
 
Website analysis
Website analysisWebsite analysis
Website analysis
EmilyLidgard
 
Question 1
Question 1Question 1
Question 1
patta123
 
Evaluation: Question 7 Response
Evaluation: Question 7 ResponseEvaluation: Question 7 Response
Evaluation: Question 7 Responserohanicoombes
 
Question 7
Question 7Question 7
Question 7
callum hemmings
 
AS Media Evaluation Question 1
AS Media Evaluation Question 1AS Media Evaluation Question 1
AS Media Evaluation Question 1
Lauraamberr
 
Creative Critical Reflection
Creative Critical ReflectionCreative Critical Reflection
Creative Critical Reflection
michaels1665
 
WIX Website Research
WIX Website ResearchWIX Website Research
WIX Website Research
Olivia Wallace
 
Evaluation question 1 a2
Evaluation question 1 a2Evaluation question 1 a2
Evaluation question 1 a2
Amber Stagg
 
evaluation of college magazine
 evaluation of college magazine evaluation of college magazine
evaluation of college magazine
gg05047897
 
Magazine deconstruction
Magazine deconstructionMagazine deconstruction
Magazine deconstruction
Molecule222
 
Question 1
Question 1Question 1
Question 1
patta123
 
A2 Evaluation Question 1
A2 Evaluation Question 1 A2 Evaluation Question 1
A2 Evaluation Question 1
Owen Barnett
 
47 amazing blog designs
47 amazing blog designs47 amazing blog designs
47 amazing blog designs
Syed Umair Javed
 
Avalon's DM 101 - Design Tips and Tricks
Avalon's DM 101 - Design Tips and TricksAvalon's DM 101 - Design Tips and Tricks
Avalon's DM 101 - Design Tips and Tricks
Avalon Consulting
 
Evaluation Question 1
Evaluation Question 1 Evaluation Question 1
Evaluation Question 1
nathan gkikas
 

Similar to Digital publishing site design (20)

7. evaluation unit 5
7. evaluation unit 57. evaluation unit 5
7. evaluation unit 5
 
Aperture magazine
Aperture magazineAperture magazine
Aperture magazine
 
Critical creative reflection
Critical creative reflectionCritical creative reflection
Critical creative reflection
 
Media Evaluation Question 1
Media Evaluation Question 1Media Evaluation Question 1
Media Evaluation Question 1
 
Website analysis
Website analysisWebsite analysis
Website analysis
 
Question 1
Question 1Question 1
Question 1
 
Evaluation: Question 7 Response
Evaluation: Question 7 ResponseEvaluation: Question 7 Response
Evaluation: Question 7 Response
 
Question 7
Question 7Question 7
Question 7
 
AS Media Evaluation Question 1
AS Media Evaluation Question 1AS Media Evaluation Question 1
AS Media Evaluation Question 1
 
Creative Critical Reflection
Creative Critical ReflectionCreative Critical Reflection
Creative Critical Reflection
 
WIX Website Research
WIX Website ResearchWIX Website Research
WIX Website Research
 
Evaluation question 1 a2
Evaluation question 1 a2Evaluation question 1 a2
Evaluation question 1 a2
 
evaluation of college magazine
 evaluation of college magazine evaluation of college magazine
evaluation of college magazine
 
Magazine deconstruction
Magazine deconstructionMagazine deconstruction
Magazine deconstruction
 
Question 1
Question 1Question 1
Question 1
 
A2 Evaluation Question 1
A2 Evaluation Question 1 A2 Evaluation Question 1
A2 Evaluation Question 1
 
47 amazing blog designs
47 amazing blog designs47 amazing blog designs
47 amazing blog designs
 
47 amazing blog_designs
47 amazing blog_designs47 amazing blog_designs
47 amazing blog_designs
 
Avalon's DM 101 - Design Tips and Tricks
Avalon's DM 101 - Design Tips and TricksAvalon's DM 101 - Design Tips and Tricks
Avalon's DM 101 - Design Tips and Tricks
 
Evaluation Question 1
Evaluation Question 1 Evaluation Question 1
Evaluation Question 1
 

Recently uploaded

what is the future of Pi Network currency.
what is the future of Pi Network currency.what is the future of Pi Network currency.
what is the future of Pi Network currency.
DOT TECH
 
US Economic Outlook - Being Decided - M Capital Group August 2021.pdf
US Economic Outlook - Being Decided - M Capital Group August 2021.pdfUS Economic Outlook - Being Decided - M Capital Group August 2021.pdf
US Economic Outlook - Being Decided - M Capital Group August 2021.pdf
pchutichetpong
 
MERCHANTBANKING-PDF complete picture.pdf
MERCHANTBANKING-PDF complete picture.pdfMERCHANTBANKING-PDF complete picture.pdf
MERCHANTBANKING-PDF complete picture.pdf
Sudarshan Dakuru
 
Introduction to Indian Financial System ()
Introduction to Indian Financial System ()Introduction to Indian Financial System ()
Introduction to Indian Financial System ()
Avanish Goel
 
655264371-checkpoint-science-past-papers-april-2023.pdf
655264371-checkpoint-science-past-papers-april-2023.pdf655264371-checkpoint-science-past-papers-april-2023.pdf
655264371-checkpoint-science-past-papers-april-2023.pdf
morearsh02
 
how to sell pi coins in South Korea profitably.
how to sell pi coins in South Korea profitably.how to sell pi coins in South Korea profitably.
how to sell pi coins in South Korea profitably.
DOT TECH
 
PF-Wagner's Theory of Public Expenditure.pptx
PF-Wagner's Theory of Public Expenditure.pptxPF-Wagner's Theory of Public Expenditure.pptx
PF-Wagner's Theory of Public Expenditure.pptx
GunjanSharma28848
 
What website can I sell pi coins securely.
What website can I sell pi coins securely.What website can I sell pi coins securely.
What website can I sell pi coins securely.
DOT TECH
 
USDA Loans in California: A Comprehensive Overview.pptx
USDA Loans in California: A Comprehensive Overview.pptxUSDA Loans in California: A Comprehensive Overview.pptx
USDA Loans in California: A Comprehensive Overview.pptx
marketing367770
 
The new type of smart, sustainable entrepreneurship and the next day | Europe...
The new type of smart, sustainable entrepreneurship and the next day | Europe...The new type of smart, sustainable entrepreneurship and the next day | Europe...
The new type of smart, sustainable entrepreneurship and the next day | Europe...
Antonis Zairis
 
一比一原版BCU毕业证伯明翰城市大学毕业证成绩单如何办理
一比一原版BCU毕业证伯明翰城市大学毕业证成绩单如何办理一比一原版BCU毕业证伯明翰城市大学毕业证成绩单如何办理
一比一原版BCU毕业证伯明翰城市大学毕业证成绩单如何办理
ydubwyt
 
The European Unemployment Puzzle: implications from population aging
The European Unemployment Puzzle: implications from population agingThe European Unemployment Puzzle: implications from population aging
The European Unemployment Puzzle: implications from population aging
GRAPE
 
what is a pi whale and how to access one.
what is a pi whale and how to access one.what is a pi whale and how to access one.
what is a pi whale and how to access one.
DOT TECH
 
Latino Buying Power - May 2024 Presentation for Latino Caucus
Latino Buying Power - May 2024 Presentation for Latino CaucusLatino Buying Power - May 2024 Presentation for Latino Caucus
Latino Buying Power - May 2024 Presentation for Latino Caucus
Danay Escanaverino
 
when will pi network coin be available on crypto exchange.
when will pi network coin be available on crypto exchange.when will pi network coin be available on crypto exchange.
when will pi network coin be available on crypto exchange.
DOT TECH
 
how to sell pi coins in all Africa Countries.
how to sell pi coins in all Africa Countries.how to sell pi coins in all Africa Countries.
how to sell pi coins in all Africa Countries.
DOT TECH
 
what is the best method to sell pi coins in 2024
what is the best method to sell pi coins in 2024what is the best method to sell pi coins in 2024
what is the best method to sell pi coins in 2024
DOT TECH
 
how to swap pi coins to foreign currency withdrawable.
how to swap pi coins to foreign currency withdrawable.how to swap pi coins to foreign currency withdrawable.
how to swap pi coins to foreign currency withdrawable.
DOT TECH
 
Summary of financial results for 1Q2024
Summary of financial  results for 1Q2024Summary of financial  results for 1Q2024
Summary of financial results for 1Q2024
InterCars
 
how can i use my minded pi coins I need some funds.
how can i use my minded pi coins I need some funds.how can i use my minded pi coins I need some funds.
how can i use my minded pi coins I need some funds.
DOT TECH
 

Recently uploaded (20)

what is the future of Pi Network currency.
what is the future of Pi Network currency.what is the future of Pi Network currency.
what is the future of Pi Network currency.
 
US Economic Outlook - Being Decided - M Capital Group August 2021.pdf
US Economic Outlook - Being Decided - M Capital Group August 2021.pdfUS Economic Outlook - Being Decided - M Capital Group August 2021.pdf
US Economic Outlook - Being Decided - M Capital Group August 2021.pdf
 
MERCHANTBANKING-PDF complete picture.pdf
MERCHANTBANKING-PDF complete picture.pdfMERCHANTBANKING-PDF complete picture.pdf
MERCHANTBANKING-PDF complete picture.pdf
 
Introduction to Indian Financial System ()
Introduction to Indian Financial System ()Introduction to Indian Financial System ()
Introduction to Indian Financial System ()
 
655264371-checkpoint-science-past-papers-april-2023.pdf
655264371-checkpoint-science-past-papers-april-2023.pdf655264371-checkpoint-science-past-papers-april-2023.pdf
655264371-checkpoint-science-past-papers-april-2023.pdf
 
how to sell pi coins in South Korea profitably.
how to sell pi coins in South Korea profitably.how to sell pi coins in South Korea profitably.
how to sell pi coins in South Korea profitably.
 
PF-Wagner's Theory of Public Expenditure.pptx
PF-Wagner's Theory of Public Expenditure.pptxPF-Wagner's Theory of Public Expenditure.pptx
PF-Wagner's Theory of Public Expenditure.pptx
 
What website can I sell pi coins securely.
What website can I sell pi coins securely.What website can I sell pi coins securely.
What website can I sell pi coins securely.
 
USDA Loans in California: A Comprehensive Overview.pptx
USDA Loans in California: A Comprehensive Overview.pptxUSDA Loans in California: A Comprehensive Overview.pptx
USDA Loans in California: A Comprehensive Overview.pptx
 
The new type of smart, sustainable entrepreneurship and the next day | Europe...
The new type of smart, sustainable entrepreneurship and the next day | Europe...The new type of smart, sustainable entrepreneurship and the next day | Europe...
The new type of smart, sustainable entrepreneurship and the next day | Europe...
 
一比一原版BCU毕业证伯明翰城市大学毕业证成绩单如何办理
一比一原版BCU毕业证伯明翰城市大学毕业证成绩单如何办理一比一原版BCU毕业证伯明翰城市大学毕业证成绩单如何办理
一比一原版BCU毕业证伯明翰城市大学毕业证成绩单如何办理
 
The European Unemployment Puzzle: implications from population aging
The European Unemployment Puzzle: implications from population agingThe European Unemployment Puzzle: implications from population aging
The European Unemployment Puzzle: implications from population aging
 
what is a pi whale and how to access one.
what is a pi whale and how to access one.what is a pi whale and how to access one.
what is a pi whale and how to access one.
 
Latino Buying Power - May 2024 Presentation for Latino Caucus
Latino Buying Power - May 2024 Presentation for Latino CaucusLatino Buying Power - May 2024 Presentation for Latino Caucus
Latino Buying Power - May 2024 Presentation for Latino Caucus
 
when will pi network coin be available on crypto exchange.
when will pi network coin be available on crypto exchange.when will pi network coin be available on crypto exchange.
when will pi network coin be available on crypto exchange.
 
how to sell pi coins in all Africa Countries.
how to sell pi coins in all Africa Countries.how to sell pi coins in all Africa Countries.
how to sell pi coins in all Africa Countries.
 
what is the best method to sell pi coins in 2024
what is the best method to sell pi coins in 2024what is the best method to sell pi coins in 2024
what is the best method to sell pi coins in 2024
 
how to swap pi coins to foreign currency withdrawable.
how to swap pi coins to foreign currency withdrawable.how to swap pi coins to foreign currency withdrawable.
how to swap pi coins to foreign currency withdrawable.
 
Summary of financial results for 1Q2024
Summary of financial  results for 1Q2024Summary of financial  results for 1Q2024
Summary of financial results for 1Q2024
 
how can i use my minded pi coins I need some funds.
how can i use my minded pi coins I need some funds.how can i use my minded pi coins I need some funds.
how can i use my minded pi coins I need some funds.
 

Digital publishing site design

  • 1. DIGITAL PUBLISHING D E S I G N F O R S C R E E N 1 B E C K Y B O N D
  • 4. • Analyse 3 websites • Draw out • Analyse 5 wordpress ones • Brainstorm ‘scandi’ inspo • moodboard • Start branding – illustrations, target audience • Anthropology style shops, minimalistic, sleek • Scandimal.
  • 5. DIY WEBSITES • In the past few years, there’s been a rise of websites made to help others create their own websites. Instead of now needing a degree in coding and design, set templates mean anyone can add their own logos, pictures, text etc and further their own brand. The more these websites crop up, the more competitively priced they become – one example is how Wordpress has multiple free templates available.
  • 7. ANALYZING DESIGN OF HOMEWARE WEBSITES This design is minimalistic in its use of negative space. I like the symmetry of it being split in half by the use of 2 images. The top row is made up of simply the shop’s logo and a small tool for navigation. The 2 pictures manage to summarise the shop’s aesthetic and products fairly well through limited imagery. It’s a simple but effective layout.
  • 8. • The first screen you come to before you scroll down this site in gorgeous and simple in its layout. The focus is on the picture which shows the products and the aesthetic of the shop. • The logo is placed in the top left in an understated size, but its importance is highlighted by the location. The top left is naturally what our eyes are drawn to. • Your eye is then led to the navigation tools across the very top row. The site looks easy to use and pretty, with the font colour and the image creating a beautiful colour palette. This is then continued with the background of the site as you scroll down. The text is clear, with headings and simple font used throughout. The amount of text means it’s not particularly interesting, but is still making for a visually beautifully website.
  • 10. TARGET AUDIENCE The target audience for a Scandi inspired homeware shop is primarily 25-45 year old women of a high socio-economic group. A website would have to reflect what they want when they think of Scandi shops – feminine and sleek design, muted colours and a broad range of homeware merchandise in a minimalist style. The website will be easy to navigate, effectively use negative space to further the aesthetic and include multiple pictures of the items it’s selling.
  • 11. MOODBOARD S C A N D I L I V I N G
  • 12.
  • 13.
  • 14.
  • 15. Renowned for their simplicity, utility, and beauty, Scandinavian homes have a pure, pared backed style that is centred around warm functionality, clean lines, flawless craftsmanship and understated elegance
  • 16.
  • 17. PHOTOS I TOOK - INSPIRED BY SCANDI LIVING
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27. The name scandimal came from a combination of Scandinavia and ‘sea’. I thought putting them together would create a unique word with a nice flow.
  • 29. LOGOS OF EXISTING SCANDI MIN SHOPS
  • 30.
  • 31.
  • 32.
  • 34.
  • 35. CHOSEN LOGOI chose a font which had a subtle and minimalistic serif on it. This was because I wanted to keep it simple and legible and liked the ideas of using all caps, which I think looks better. I then experimented with using a photo as the colour / pattern on the logo. I played around with scale and placement so it wasn’t just a single word written horizontally, and with a box around it which I felt was more Scandinavian inspired. I decided I liked the clarity of plain black but used colour on the box and on a motif I drew. I drew a snowflake as I felt it represented unique qualities and Scandinavian living.
  • 37. When comparing the layouts of email campaigns, I noticed general conventions that were used throughout. This included a maximum of 2 columns, the logo being shown in the top row, large photos often taking up the entire row, the photos being of the product/place/etc advertised, white background, centred text in small paragraphs and in a sans serif easy to read font. In terms of branding there are small colour palettes in each, tying together the brand’s identity. The main headline would be in a different colour and size to the rest of the type which makes it stand out and creates a balanced top heavy hierarchy.
  • 38.
  • 39. DRAFTS OF MY OWN i used the research into existing email campaigns to determine the hierarchy and create a layout which leads a viewer’s eye across the important elements first, and down through the email. I did this by centrally placing the logo, leaving a large area for the heading, sizing of images and a lot of negative space. The negative space was something I was keen to keep relevant and noticeable. I like the 2x2 picture frames and think it works in terms of showing a viewer and potential customer a range of products in an efficient and visually pretty manner.
  • 40. • This draft differs from the last by way of having more attention focused on the logo, it’s in a much larger box and takes up more of the space. If the logo is effective at summing up the brand, this would draw the right target audience in. • however, I noticed that generally most email campaigns don’t use a very big logo and let the type and images speak for themselves. • I kept the 2x2 frame layout for images and the heading just below the logo. This created a hierarchy which I thought looked right. • I added another row at the bottom with another image and a text box. My previous draft hadn’t had much text which fit most conventions, but I didn’t like the lack of text. I think it looks better with a text box as the last thing a viewer sees when they’ve scrolled down.
  • 41. MAKING MY OWN EMAIL CAMPAIGN ON MAILCHIMP Overall I found Mailchimp easy to use, I was pleased with the end result of making my email campaign. It was easy to insert textboxes, photo frames, hyperlinks and logos, while personalizing it with colour and graphics.
  • 42.
  • 43.
  • 45. The 2 column layout made for a simplistic template and easy readability which is of the utmost importance for this project. I chose to use a light pink background instead of the white which most of the campaigns used to further the aesthetic of the shop. I’d seen websites use this background colour link to the images and thought it worked nicely. I went with the logo taking up a lot more room than generally email campaigns do but the background picture looked nice and was an extension of the aesthetic. It created contrast between the background and itself. It added interest and I think it would have looked too plain without it, even for a minimalistic style. I would have put the links to different areas of the shop underneath the images but couldn’t seem to create 2 columns just for the buttons. I had to overcome that by alternating above and below which didn’t look as nice in my opinion, but I had to
  • 47. • Instagram campaigns are either story ads, which are quite dull and don’t show much branding, or they are ads which crop up as you scroll – like the ones pictures here - which are more dynamic and are through research, I found better at creating a brand and interest and drawing people in. I wanted to combine the elements of the more interesting ads with the story ads.