SlideShare ist ein Scribd-Unternehmen logo
1 von 7
Downloaden Sie, um offline zu lesen
Graphic
Re-design
Project
Designer: Marina Georgieva
February 2015
The Project
The task:
 Re-design an ugly homepage
of a website
 Create 2 completely different
designs
 Keep all the textual content
 Add as many graphic
elements as needed
 Observe the major graphic
design principles to achieve
aesthetically pleasing designs
 Use Adobe graphic design
software
 Adobe Illustrator
 Adobe Photoshop
The ugly website
URL to the website
https://pantherfile.uwm.edu/rjhall/685/
content/21-1/nightmarepage.html
Re-design # 1
https://lh3.googleusercontent.com/-Pnpyty31GCw/VZIJTNoBwOI/AAAAAAAAAB0/phuekRkhIKk/s640/Interface_Re-design01.jpg
Re-design # 1
 Very appropriate for
high school audience
 Well-balanced, very
explicit and eye-
catching design
 Easy to navigate once it
becomes a webpage
Design highlights
 Asymmetrical balance with
geometric forms
 Unity is achieved by repetition of
color and graphics
 Typography (sans-serif) is used
consistently throughout the
design
 The graphics with the kids’
marching band is very
appropriate and makes the
design lively and non-traditional
 The organic semi-transparent
graphic element with the music
notes highlights the main idea
and turns the design into a
dynamic one
Re-design # 2
https://lh3.googleusercontent.com/-j_pwZzE3cmg/VZIJoDMuH2I/AAAAAAAAACM/t32m0NgbwGw/s640/Interface_Re-design02.jpg
Re-design # 2
 Stylish well-balanced
design
 Not as explicit as the first
one, but the music motifs
evoke the expectation of
the coming music event
 Easy to navigate once it
becomes a webpage
Design highlights
 Approximate horizontal symmetry
 Unity is achieved by repetition of
the orange color and the music
motifs
 Typography (sans-serif) is used
consistently throughout the
design
 More conservative design in
grey-orange color scheme as the
orange color makes it vibrant,
remarkable and memorable
 The organic semi-transparent
floral graphic element with the
music notes makes the design
dynamic, more fluid and less
traditional
Special thanks to:
 http://www.slsd.org/community.cfm?subpage=707198
 http://st.houzz.com/simgs/2e910b1002eae1c6_4-5216/contemporary-decals.jpg
 http://ncptt.nps.gov/articles/disasters/wildland-structural-fire/
 http://imgkid.com/musical-notes-images.shtml
 https://www.pinterest.com/pin/305118943475472275/
 http://mobile.tattootribes.com/index.php?newlang=English&idinfo=717
 http://4vector.com/free-vector/french-horn-clip-art-114318
for providing the beautiful graphics used throughout the designs.
Copyright 2015 Marina Georgieva

Weitere ähnliche Inhalte

Andere mochten auch

Andere mochten auch (9)

table of-english-tenses
table of-english-tensestable of-english-tenses
table of-english-tenses
 
What Makes Great Infographics
What Makes Great InfographicsWhat Makes Great Infographics
What Makes Great Infographics
 
10 Ways to Win at SlideShare SEO & Presentation Optimization
10 Ways to Win at SlideShare SEO & Presentation Optimization10 Ways to Win at SlideShare SEO & Presentation Optimization
10 Ways to Win at SlideShare SEO & Presentation Optimization
 
Masters of SlideShare
Masters of SlideShareMasters of SlideShare
Masters of SlideShare
 
STOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
STOP! VIEW THIS! 10-Step Checklist When Uploading to SlideshareSTOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
STOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
 
How To Get More From SlideShare - Super-Simple Tips For Content Marketing
How To Get More From SlideShare - Super-Simple Tips For Content MarketingHow To Get More From SlideShare - Super-Simple Tips For Content Marketing
How To Get More From SlideShare - Super-Simple Tips For Content Marketing
 
You Suck At PowerPoint!
You Suck At PowerPoint!You Suck At PowerPoint!
You Suck At PowerPoint!
 
How to Make Awesome SlideShares: Tips & Tricks
How to Make Awesome SlideShares: Tips & TricksHow to Make Awesome SlideShares: Tips & Tricks
How to Make Awesome SlideShares: Tips & Tricks
 
Getting Started With SlideShare
Getting Started With SlideShareGetting Started With SlideShare
Getting Started With SlideShare
 

Ähnlich wie Graphic re-design presentation (Feb. 2015)

Ähnlich wie Graphic re-design presentation (Feb. 2015) (6)

Junior Year Portfolio
Junior Year PortfolioJunior Year Portfolio
Junior Year Portfolio
 
Project design concept
Project design conceptProject design concept
Project design concept
 
Expressit progress demonstration
Expressit progress demonstrationExpressit progress demonstration
Expressit progress demonstration
 
Gvhwebsitediscussion
GvhwebsitediscussionGvhwebsitediscussion
Gvhwebsitediscussion
 
Existing solutions research
Existing solutions researchExisting solutions research
Existing solutions research
 
Cowart Residential Julia Ledbetter
Cowart Residential Julia LedbetterCowart Residential Julia Ledbetter
Cowart Residential Julia Ledbetter
 

Mehr von Marina Georgieva

In-house vs. Outsourced Digitization: similarities, key differences and pitfa...
In-house vs. Outsourced Digitization: similarities, key differences and pitfa...In-house vs. Outsourced Digitization: similarities, key differences and pitfa...
In-house vs. Outsourced Digitization: similarities, key differences and pitfa...
Marina Georgieva
 
Creating websites and leading librarians to a new level of project engagement
Creating websites and leading librarians to a new level of project engagementCreating websites and leading librarians to a new level of project engagement
Creating websites and leading librarians to a new level of project engagement
Marina Georgieva
 

Mehr von Marina Georgieva (20)

Metadata for compound objects | training
Metadata for compound objects | trainingMetadata for compound objects | training
Metadata for compound objects | training
 
In-house vs. Outsourced Digitization: similarities, key differences and pitfa...
In-house vs. Outsourced Digitization: similarities, key differences and pitfa...In-house vs. Outsourced Digitization: similarities, key differences and pitfa...
In-house vs. Outsourced Digitization: similarities, key differences and pitfa...
 
Metadata: An Overview for Digital Collections
Metadata: An Overview for Digital CollectionsMetadata: An Overview for Digital Collections
Metadata: An Overview for Digital Collections
 
Creating websites and leading librarians to a new level of project engagement
Creating websites and leading librarians to a new level of project engagementCreating websites and leading librarians to a new level of project engagement
Creating websites and leading librarians to a new level of project engagement
 
From Temporary to Transformative: Leveraging Externally-Funded Special Collec...
From Temporary to Transformative: Leveraging Externally-Funded Special Collec...From Temporary to Transformative: Leveraging Externally-Funded Special Collec...
From Temporary to Transformative: Leveraging Externally-Funded Special Collec...
 
Metadata Remediation: updates, procedures, workflows
Metadata Remediation: updates, procedures, workflowsMetadata Remediation: updates, procedures, workflows
Metadata Remediation: updates, procedures, workflows
 
2018 Professional accomplishments in numbers
2018 Professional accomplishments in numbers2018 Professional accomplishments in numbers
2018 Professional accomplishments in numbers
 
Building websites and leading librarians to a new level of project engagement
Building websites and leading librarians to a new level of project engagementBuilding websites and leading librarians to a new level of project engagement
Building websites and leading librarians to a new level of project engagement
 
The digital librarian: the liaison between digital collections and digital pr...
The digital librarian: the liaison between digital collections and digital pr...The digital librarian: the liaison between digital collections and digital pr...
The digital librarian: the liaison between digital collections and digital pr...
 
Digitization revealed (2018 NLA Annual Conference)
Digitization revealed (2018 NLA Annual Conference)Digitization revealed (2018 NLA Annual Conference)
Digitization revealed (2018 NLA Annual Conference)
 
Project Management Poster Handout for ALA Annual 2018 attendees
Project Management Poster Handout for ALA Annual 2018 attendeesProject Management Poster Handout for ALA Annual 2018 attendees
Project Management Poster Handout for ALA Annual 2018 attendees
 
Project Management Poster at ALA Annual 2018
Project Management Poster at ALA Annual 2018Project Management Poster at ALA Annual 2018
Project Management Poster at ALA Annual 2018
 
ContentDm Landing pages for Digital Collections
ContentDm Landing pages for Digital CollectionsContentDm Landing pages for Digital Collections
ContentDm Landing pages for Digital Collections
 
Nevada Digital Newspaper Project at the Clark County Nevada Genealogy Meeting
Nevada Digital Newspaper Project at the Clark County Nevada Genealogy MeetingNevada Digital Newspaper Project at the Clark County Nevada Genealogy Meeting
Nevada Digital Newspaper Project at the Clark County Nevada Genealogy Meeting
 
Nevada Digital Newspaper Project and Chronicling America Presentation
Nevada Digital Newspaper Project and Chronicling America PresentationNevada Digital Newspaper Project and Chronicling America Presentation
Nevada Digital Newspaper Project and Chronicling America Presentation
 
Nevada Digital Newspaper Project | Upcoming events
Nevada Digital Newspaper Project | Upcoming eventsNevada Digital Newspaper Project | Upcoming events
Nevada Digital Newspaper Project | Upcoming events
 
Nevada Digital Newspaper Project | New addition to Chronicling America
Nevada Digital Newspaper Project | New addition to Chronicling AmericaNevada Digital Newspaper Project | New addition to Chronicling America
Nevada Digital Newspaper Project | New addition to Chronicling America
 
Large-scale digitization plan | UNLV Libraries, Dec 2017
Large-scale digitization plan | UNLV Libraries, Dec 2017Large-scale digitization plan | UNLV Libraries, Dec 2017
Large-scale digitization plan | UNLV Libraries, Dec 2017
 
Nevada Digital Newspaper Project | SC Division Meeting Update (Feb 2018)
Nevada Digital Newspaper Project | SC Division Meeting Update (Feb 2018)Nevada Digital Newspaper Project | SC Division Meeting Update (Feb 2018)
Nevada Digital Newspaper Project | SC Division Meeting Update (Feb 2018)
 
Inforgraphic: facts about NDNP batch
Inforgraphic: facts about NDNP batchInforgraphic: facts about NDNP batch
Inforgraphic: facts about NDNP batch
 

Kürzlich hochgeladen

Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
amitlee9823
 
➥🔝 7737669865 🔝▻ Kolkata Call-girls in Women Seeking Men 🔝Kolkata🔝 Escorts...
➥🔝 7737669865 🔝▻ Kolkata Call-girls in Women Seeking Men  🔝Kolkata🔝   Escorts...➥🔝 7737669865 🔝▻ Kolkata Call-girls in Women Seeking Men  🔝Kolkata🔝   Escorts...
➥🔝 7737669865 🔝▻ Kolkata Call-girls in Women Seeking Men 🔝Kolkata🔝 Escorts...
amitlee9823
 
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
nirzagarg
 
Just Call Vip call girls Etawah Escorts ☎️9352988975 Two shot with one girl (...
Just Call Vip call girls Etawah Escorts ☎️9352988975 Two shot with one girl (...Just Call Vip call girls Etawah Escorts ☎️9352988975 Two shot with one girl (...
Just Call Vip call girls Etawah Escorts ☎️9352988975 Two shot with one girl (...
gajnagarg
 
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
amitlee9823
 
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
amitlee9823
 
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men 🔝dehradun🔝 Escor...
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men  🔝dehradun🔝   Escor...➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men  🔝dehradun🔝   Escor...
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men 🔝dehradun🔝 Escor...
amitlee9823
 
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
amitlee9823
 
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
amitlee9823
 
Vip Mumbai Call Girls Borivali Call On 9920725232 With Body to body massage w...
Vip Mumbai Call Girls Borivali Call On 9920725232 With Body to body massage w...Vip Mumbai Call Girls Borivali Call On 9920725232 With Body to body massage w...
Vip Mumbai Call Girls Borivali Call On 9920725232 With Body to body massage w...
amitlee9823
 

Kürzlich hochgeladen (20)

Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
 
➥🔝 7737669865 🔝▻ Kolkata Call-girls in Women Seeking Men 🔝Kolkata🔝 Escorts...
➥🔝 7737669865 🔝▻ Kolkata Call-girls in Women Seeking Men  🔝Kolkata🔝   Escorts...➥🔝 7737669865 🔝▻ Kolkata Call-girls in Women Seeking Men  🔝Kolkata🔝   Escorts...
➥🔝 7737669865 🔝▻ Kolkata Call-girls in Women Seeking Men 🔝Kolkata🔝 Escorts...
 
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
 
Just Call Vip call girls Etawah Escorts ☎️9352988975 Two shot with one girl (...
Just Call Vip call girls Etawah Escorts ☎️9352988975 Two shot with one girl (...Just Call Vip call girls Etawah Escorts ☎️9352988975 Two shot with one girl (...
Just Call Vip call girls Etawah Escorts ☎️9352988975 Two shot with one girl (...
 
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
 
Lecture 01 Introduction To Multimedia.pptx
Lecture 01 Introduction To Multimedia.pptxLecture 01 Introduction To Multimedia.pptx
Lecture 01 Introduction To Multimedia.pptx
 
Hire 💕 8617697112 Meerut Call Girls Service Call Girls Agency
Hire 💕 8617697112 Meerut Call Girls Service Call Girls AgencyHire 💕 8617697112 Meerut Call Girls Service Call Girls Agency
Hire 💕 8617697112 Meerut Call Girls Service Call Girls Agency
 
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
 
Gamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad IbrahimGamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad Ibrahim
 
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
 
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
 
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
 
The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024
 
Just Call Vip call girls Nagpur Escorts ☎️8617370543 Starting From 5K to 25K ...
Just Call Vip call girls Nagpur Escorts ☎️8617370543 Starting From 5K to 25K ...Just Call Vip call girls Nagpur Escorts ☎️8617370543 Starting From 5K to 25K ...
Just Call Vip call girls Nagpur Escorts ☎️8617370543 Starting From 5K to 25K ...
 
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men 🔝dehradun🔝 Escor...
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men  🔝dehradun🔝   Escor...➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men  🔝dehradun🔝   Escor...
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men 🔝dehradun🔝 Escor...
 
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experiencedWhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
 
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
 
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
 
Vip Mumbai Call Girls Borivali Call On 9920725232 With Body to body massage w...
Vip Mumbai Call Girls Borivali Call On 9920725232 With Body to body massage w...Vip Mumbai Call Girls Borivali Call On 9920725232 With Body to body massage w...
Vip Mumbai Call Girls Borivali Call On 9920725232 With Body to body massage w...
 

Graphic re-design presentation (Feb. 2015)

  • 2. The Project The task:  Re-design an ugly homepage of a website  Create 2 completely different designs  Keep all the textual content  Add as many graphic elements as needed  Observe the major graphic design principles to achieve aesthetically pleasing designs  Use Adobe graphic design software  Adobe Illustrator  Adobe Photoshop The ugly website URL to the website https://pantherfile.uwm.edu/rjhall/685/ content/21-1/nightmarepage.html
  • 4. Re-design # 1  Very appropriate for high school audience  Well-balanced, very explicit and eye- catching design  Easy to navigate once it becomes a webpage Design highlights  Asymmetrical balance with geometric forms  Unity is achieved by repetition of color and graphics  Typography (sans-serif) is used consistently throughout the design  The graphics with the kids’ marching band is very appropriate and makes the design lively and non-traditional  The organic semi-transparent graphic element with the music notes highlights the main idea and turns the design into a dynamic one
  • 6. Re-design # 2  Stylish well-balanced design  Not as explicit as the first one, but the music motifs evoke the expectation of the coming music event  Easy to navigate once it becomes a webpage Design highlights  Approximate horizontal symmetry  Unity is achieved by repetition of the orange color and the music motifs  Typography (sans-serif) is used consistently throughout the design  More conservative design in grey-orange color scheme as the orange color makes it vibrant, remarkable and memorable  The organic semi-transparent floral graphic element with the music notes makes the design dynamic, more fluid and less traditional
  • 7. Special thanks to:  http://www.slsd.org/community.cfm?subpage=707198  http://st.houzz.com/simgs/2e910b1002eae1c6_4-5216/contemporary-decals.jpg  http://ncptt.nps.gov/articles/disasters/wildland-structural-fire/  http://imgkid.com/musical-notes-images.shtml  https://www.pinterest.com/pin/305118943475472275/  http://mobile.tattootribes.com/index.php?newlang=English&idinfo=717  http://4vector.com/free-vector/french-horn-clip-art-114318 for providing the beautiful graphics used throughout the designs. Copyright 2015 Marina Georgieva