SlideShare a Scribd company logo
1 of 47
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 A2maxinescott
 
Creative Critical Reflection
Creative Critical ReflectionCreative Critical Reflection
Creative Critical Reflectionmichaels1665
 
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 designsIllyaBoyko1
 
Evaluation Q2 Media A2
Evaluation Q2 Media A2Evaluation Q2 Media A2
Evaluation Q2 Media A2maxinescott
 
Page Layout Techniques: Contrast
Page Layout Techniques: ContrastPage Layout Techniques: Contrast
Page Layout Techniques: Contrastclewis86
 
Page Layout Techniques: Proximity
Page Layout Techniques: ProximityPage Layout Techniques: Proximity
Page Layout Techniques: Proximityclewis86
 
Page Layout Techniques: Alignment
Page Layout Techniques: AlignmentPage Layout Techniques: Alignment
Page Layout Techniques: Alignmentclewis86
 
Evaluation question one
Evaluation question oneEvaluation question one
Evaluation question oneJack Stratton
 
Codes and conventions of contents page
Codes and conventions of contents pageCodes and conventions of contents page
Codes and conventions of contents pagenathan 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 Trendswebdesigntrends
 

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

Aperture magazine
Aperture magazineAperture magazine
Aperture magazineMatty Brown
 
Critical creative reflection
Critical creative reflectionCritical creative reflection
Critical creative reflectionbaninadeem
 
Media Evaluation Question 1
Media Evaluation Question 1Media Evaluation Question 1
Media Evaluation Question 1Lauraamberr
 
Question 1
Question 1Question 1
Question 1patta123
 
Evaluation: Question 7 Response
Evaluation: Question 7 ResponseEvaluation: Question 7 Response
Evaluation: Question 7 Responserohanicoombes
 
AS Media Evaluation Question 1
AS Media Evaluation Question 1AS Media Evaluation Question 1
AS Media Evaluation Question 1Lauraamberr
 
Creative Critical Reflection
Creative Critical ReflectionCreative Critical Reflection
Creative Critical Reflectionmichaels1665
 
Evaluation question 1 a2
Evaluation question 1 a2Evaluation question 1 a2
Evaluation question 1 a2Amber Stagg
 
evaluation of college magazine
 evaluation of college magazine evaluation of college magazine
evaluation of college magazinegg05047897
 
Magazine deconstruction
Magazine deconstructionMagazine deconstruction
Magazine deconstructionMolecule222
 
Question 1
Question 1Question 1
Question 1patta123
 
A2 Evaluation Question 1
A2 Evaluation Question 1 A2 Evaluation Question 1
A2 Evaluation Question 1 Owen Barnett
 
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 TricksAvalon 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

Attachment Of Assets......................
Attachment Of Assets......................Attachment Of Assets......................
Attachment Of Assets......................AmanBajaj36
 
Stock Market Brief Deck for 4/24/24 .pdf
Stock Market Brief Deck for 4/24/24 .pdfStock Market Brief Deck for 4/24/24 .pdf
Stock Market Brief Deck for 4/24/24 .pdfMichael Silva
 
原版1:1复刻堪萨斯大学毕业证KU毕业证留信学历认证
原版1:1复刻堪萨斯大学毕业证KU毕业证留信学历认证原版1:1复刻堪萨斯大学毕业证KU毕业证留信学历认证
原版1:1复刻堪萨斯大学毕业证KU毕业证留信学历认证jdkhjh
 
government_intervention_in_business_ownership[1].pdf
government_intervention_in_business_ownership[1].pdfgovernment_intervention_in_business_ownership[1].pdf
government_intervention_in_business_ownership[1].pdfshaunmashale756
 
Call Girls Near Me WhatsApp:+91-9833363713
Call Girls Near Me WhatsApp:+91-9833363713Call Girls Near Me WhatsApp:+91-9833363713
Call Girls Near Me WhatsApp:+91-9833363713Sonam Pathan
 
The Triple Threat | Article on Global Resession | Harsh Kumar
The Triple Threat | Article on Global Resession | Harsh KumarThe Triple Threat | Article on Global Resession | Harsh Kumar
The Triple Threat | Article on Global Resession | Harsh KumarHarsh Kumar
 
Bladex Earnings Call Presentation 1Q2024
Bladex Earnings Call Presentation 1Q2024Bladex Earnings Call Presentation 1Q2024
Bladex Earnings Call Presentation 1Q2024Bladex
 
Tenets of Physiocracy History of Economic
Tenets of Physiocracy History of EconomicTenets of Physiocracy History of Economic
Tenets of Physiocracy History of Economiccinemoviesu
 
call girls in Nand Nagri (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in  Nand Nagri (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️call girls in  Nand Nagri (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Nand Nagri (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
How Automation is Driving Efficiency Through the Last Mile of Reporting
How Automation is Driving Efficiency Through the Last Mile of ReportingHow Automation is Driving Efficiency Through the Last Mile of Reporting
How Automation is Driving Efficiency Through the Last Mile of ReportingAggregage
 
NO1 WorldWide Genuine vashikaran specialist Vashikaran baba near Lahore Vashi...
NO1 WorldWide Genuine vashikaran specialist Vashikaran baba near Lahore Vashi...NO1 WorldWide Genuine vashikaran specialist Vashikaran baba near Lahore Vashi...
NO1 WorldWide Genuine vashikaran specialist Vashikaran baba near Lahore Vashi...Amil baba
 
(办理原版一样)QUT毕业证昆士兰科技大学毕业证学位证留信学历认证成绩单补办
(办理原版一样)QUT毕业证昆士兰科技大学毕业证学位证留信学历认证成绩单补办(办理原版一样)QUT毕业证昆士兰科技大学毕业证学位证留信学历认证成绩单补办
(办理原版一样)QUT毕业证昆士兰科技大学毕业证学位证留信学历认证成绩单补办fqiuho152
 
(办理学位证)加拿大萨省大学毕业证成绩单原版一比一
(办理学位证)加拿大萨省大学毕业证成绩单原版一比一(办理学位证)加拿大萨省大学毕业证成绩单原版一比一
(办理学位证)加拿大萨省大学毕业证成绩单原版一比一S SDS
 
Q3 2024 Earnings Conference Call and Webcast Slides
Q3 2024 Earnings Conference Call and Webcast SlidesQ3 2024 Earnings Conference Call and Webcast Slides
Q3 2024 Earnings Conference Call and Webcast SlidesMarketing847413
 
chapter_2.ppt The labour market definitions and trends
chapter_2.ppt The labour market definitions and trendschapter_2.ppt The labour market definitions and trends
chapter_2.ppt The labour market definitions and trendslemlemtesfaye192
 
Financial Leverage Definition, Advantages, and Disadvantages
Financial Leverage Definition, Advantages, and DisadvantagesFinancial Leverage Definition, Advantages, and Disadvantages
Financial Leverage Definition, Advantages, and Disadvantagesjayjaymabutot13
 
Bladex 1Q24 Earning Results Presentation
Bladex 1Q24 Earning Results PresentationBladex 1Q24 Earning Results Presentation
Bladex 1Q24 Earning Results PresentationBladex
 
Vp Girls near me Delhi Call Now or WhatsApp
Vp Girls near me Delhi Call Now or WhatsAppVp Girls near me Delhi Call Now or WhatsApp
Vp Girls near me Delhi Call Now or WhatsAppmiss dipika
 
BPPG response - Options for Defined Benefit schemes - 19Apr24.pdf
BPPG response - Options for Defined Benefit schemes - 19Apr24.pdfBPPG response - Options for Defined Benefit schemes - 19Apr24.pdf
BPPG response - Options for Defined Benefit schemes - 19Apr24.pdfHenry Tapper
 
NO1 WorldWide Love marriage specialist baba ji Amil Baba Kala ilam powerful v...
NO1 WorldWide Love marriage specialist baba ji Amil Baba Kala ilam powerful v...NO1 WorldWide Love marriage specialist baba ji Amil Baba Kala ilam powerful v...
NO1 WorldWide Love marriage specialist baba ji Amil Baba Kala ilam powerful v...Amil baba
 

Recently uploaded (20)

Attachment Of Assets......................
Attachment Of Assets......................Attachment Of Assets......................
Attachment Of Assets......................
 
Stock Market Brief Deck for 4/24/24 .pdf
Stock Market Brief Deck for 4/24/24 .pdfStock Market Brief Deck for 4/24/24 .pdf
Stock Market Brief Deck for 4/24/24 .pdf
 
原版1:1复刻堪萨斯大学毕业证KU毕业证留信学历认证
原版1:1复刻堪萨斯大学毕业证KU毕业证留信学历认证原版1:1复刻堪萨斯大学毕业证KU毕业证留信学历认证
原版1:1复刻堪萨斯大学毕业证KU毕业证留信学历认证
 
government_intervention_in_business_ownership[1].pdf
government_intervention_in_business_ownership[1].pdfgovernment_intervention_in_business_ownership[1].pdf
government_intervention_in_business_ownership[1].pdf
 
Call Girls Near Me WhatsApp:+91-9833363713
Call Girls Near Me WhatsApp:+91-9833363713Call Girls Near Me WhatsApp:+91-9833363713
Call Girls Near Me WhatsApp:+91-9833363713
 
The Triple Threat | Article on Global Resession | Harsh Kumar
The Triple Threat | Article on Global Resession | Harsh KumarThe Triple Threat | Article on Global Resession | Harsh Kumar
The Triple Threat | Article on Global Resession | Harsh Kumar
 
Bladex Earnings Call Presentation 1Q2024
Bladex Earnings Call Presentation 1Q2024Bladex Earnings Call Presentation 1Q2024
Bladex Earnings Call Presentation 1Q2024
 
Tenets of Physiocracy History of Economic
Tenets of Physiocracy History of EconomicTenets of Physiocracy History of Economic
Tenets of Physiocracy History of Economic
 
call girls in Nand Nagri (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in  Nand Nagri (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️call girls in  Nand Nagri (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Nand Nagri (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
 
How Automation is Driving Efficiency Through the Last Mile of Reporting
How Automation is Driving Efficiency Through the Last Mile of ReportingHow Automation is Driving Efficiency Through the Last Mile of Reporting
How Automation is Driving Efficiency Through the Last Mile of Reporting
 
NO1 WorldWide Genuine vashikaran specialist Vashikaran baba near Lahore Vashi...
NO1 WorldWide Genuine vashikaran specialist Vashikaran baba near Lahore Vashi...NO1 WorldWide Genuine vashikaran specialist Vashikaran baba near Lahore Vashi...
NO1 WorldWide Genuine vashikaran specialist Vashikaran baba near Lahore Vashi...
 
(办理原版一样)QUT毕业证昆士兰科技大学毕业证学位证留信学历认证成绩单补办
(办理原版一样)QUT毕业证昆士兰科技大学毕业证学位证留信学历认证成绩单补办(办理原版一样)QUT毕业证昆士兰科技大学毕业证学位证留信学历认证成绩单补办
(办理原版一样)QUT毕业证昆士兰科技大学毕业证学位证留信学历认证成绩单补办
 
(办理学位证)加拿大萨省大学毕业证成绩单原版一比一
(办理学位证)加拿大萨省大学毕业证成绩单原版一比一(办理学位证)加拿大萨省大学毕业证成绩单原版一比一
(办理学位证)加拿大萨省大学毕业证成绩单原版一比一
 
Q3 2024 Earnings Conference Call and Webcast Slides
Q3 2024 Earnings Conference Call and Webcast SlidesQ3 2024 Earnings Conference Call and Webcast Slides
Q3 2024 Earnings Conference Call and Webcast Slides
 
chapter_2.ppt The labour market definitions and trends
chapter_2.ppt The labour market definitions and trendschapter_2.ppt The labour market definitions and trends
chapter_2.ppt The labour market definitions and trends
 
Financial Leverage Definition, Advantages, and Disadvantages
Financial Leverage Definition, Advantages, and DisadvantagesFinancial Leverage Definition, Advantages, and Disadvantages
Financial Leverage Definition, Advantages, and Disadvantages
 
Bladex 1Q24 Earning Results Presentation
Bladex 1Q24 Earning Results PresentationBladex 1Q24 Earning Results Presentation
Bladex 1Q24 Earning Results Presentation
 
Vp Girls near me Delhi Call Now or WhatsApp
Vp Girls near me Delhi Call Now or WhatsAppVp Girls near me Delhi Call Now or WhatsApp
Vp Girls near me Delhi Call Now or WhatsApp
 
BPPG response - Options for Defined Benefit schemes - 19Apr24.pdf
BPPG response - Options for Defined Benefit schemes - 19Apr24.pdfBPPG response - Options for Defined Benefit schemes - 19Apr24.pdf
BPPG response - Options for Defined Benefit schemes - 19Apr24.pdf
 
NO1 WorldWide Love marriage specialist baba ji Amil Baba Kala ilam powerful v...
NO1 WorldWide Love marriage specialist baba ji Amil Baba Kala ilam powerful v...NO1 WorldWide Love marriage specialist baba ji Amil Baba Kala ilam powerful v...
NO1 WorldWide Love marriage specialist baba ji Amil Baba Kala ilam powerful v...
 

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.