SlideShare a Scribd company logo
Wireframe seriously.
With an organic idea such
as CMS, the best designs
begin as organic elements:
pencil, colored pencils,
paper. Take time with your
wireframes and work them
into solid designs, moving
into photoshop. Do not
start digital, or your
designs will have that cold,
lifeless look of something
that only existed digitally.
COASTM I D D L E S C H O O L
Responsive
Your final design must be
responsive, and work on
anything from a phone to a pc.
New Logo
There is a new logo for the
website (found in course
documents) that must be
incorporated in the design.
Color Scheme
All designs must utilize the
colors found in the CMS color
scheme (course documents)
Creativity
The key is to find a creative
solution. Avoid Cliché and use
original ideas.
CREATIVE BRIEF:
Overall, the state of the CMS website is in chaos. It’s in
desperate need of revision and repair. It is your job as the
designer to dig through the missing/odd links and make
something coherent out of this website for the client.
As a whole, this design is a mess. The code is non-semantic, the css is found in the <head>
and it is impossible to update. Somewhere along the line the information on the calendar went
south, and it is just a string of characters. CMS is looking for an updated, fresh website to be
current and responsive. They’ve updated the logo and color choices. These are two required
elements for your designs.
The creative part is up to you: what links stay, what go, how the page flows, how the whole
site is organized. The content found on the current site can be used as-is, or can be cut down/
modified/removed to fit with your new vision for the site. (hint: designs that use everything “as-
is” probably won’t score well)
This is a very solid example of what you may face with a client: a very chaotic site that
needs major revision. It’s up to you to own your work and put something together that makes a
statement. Don’t be afraid to hurt someone’s
feelings about what they have...they wouldn’t be
looking to update if they didn’t feel that it was
done well in the first place.
	 You must use external style sheets,
responsive design, the logo and color set
provided by CMS. Anything else is open for
revision in this design.

More Related Content

What's hot

3 DOTTECHNOLOGIES WEB DESIGNING
3 DOTTECHNOLOGIES WEB DESIGNING3 DOTTECHNOLOGIES WEB DESIGNING
3 DOTTECHNOLOGIES WEB DESIGNING
BHAVINI KHATKE
 
3 DOTTECHNOLOGIES WEB DESIGNING
3 DOTTECHNOLOGIES WEB DESIGNING3 DOTTECHNOLOGIES WEB DESIGNING
3 DOTTECHNOLOGIES WEB DESIGNING
BHAVINI KHATKE
 
Whisky and Web Design
Whisky and Web DesignWhisky and Web Design
Whisky and Web Design
Ben Reynhart
 
Career Opportunities of Graphic Designer
Career Opportunities of Graphic DesignerCareer Opportunities of Graphic Designer
Career Opportunities of Graphic Designer
Animation Courses, Ahmedabad
 
Career in Graphic Design
Career in Graphic DesignCareer in Graphic Design
portfolio
portfolioportfolio
portfoliosiente
 
David Dale Portfolio spreads
David Dale Portfolio spreadsDavid Dale Portfolio spreads
David Dale Portfolio spreads
evadelad
 
Question 4 Evaluation
Question 4 EvaluationQuestion 4 Evaluation
Question 4 EvaluationDizzynub
 
3 Important tips about graphic designing for non-graphic designers
3 Important tips about graphic designing for non-graphic designers3 Important tips about graphic designing for non-graphic designers
3 Important tips about graphic designing for non-graphic designers
neelimadhir91
 
Sayan Portfolio
Sayan PortfolioSayan Portfolio
Sayan Portfolio
Sayan Mukherjee
 
Survival Techniques
Survival TechniquesSurvival Techniques
Survival Techniques
ugent
 
Week 5 - Sketching And Prototyping - 4
Week 5 - Sketching And Prototyping - 4Week 5 - Sketching And Prototyping - 4
Week 5 - Sketching And Prototyping - 4Stark State College
 
Design trends-2017-websites-in-split-layouts
Design trends-2017-websites-in-split-layoutsDesign trends-2017-websites-in-split-layouts
Design trends-2017-websites-in-split-layouts
TRooTech Business Solutions
 
Infographics
InfographicsInfographics
Infographics
Live Angga
 
Graphic design Jacqueline v. d. Venne
Graphic design Jacqueline v. d. VenneGraphic design Jacqueline v. d. Venne
Graphic design Jacqueline v. d. Venne
jacqueline van der venne
 
Interactive Media Designers.Slideshow Karen Wassner
Interactive Media Designers.Slideshow Karen WassnerInteractive Media Designers.Slideshow Karen Wassner
Interactive Media Designers.Slideshow Karen Wassnerkwassner
 
Graphic Design-Arrowsoft
Graphic Design-ArrowsoftGraphic Design-Arrowsoft
Graphic Design-Arrowsoft
Arrowsoft
 

What's hot (20)

3 DOTTECHNOLOGIES WEB DESIGNING
3 DOTTECHNOLOGIES WEB DESIGNING3 DOTTECHNOLOGIES WEB DESIGNING
3 DOTTECHNOLOGIES WEB DESIGNING
 
3 DOTTECHNOLOGIES WEB DESIGNING
3 DOTTECHNOLOGIES WEB DESIGNING3 DOTTECHNOLOGIES WEB DESIGNING
3 DOTTECHNOLOGIES WEB DESIGNING
 
Design Portfolio
Design Portfolio Design Portfolio
Design Portfolio
 
Whisky and Web Design
Whisky and Web DesignWhisky and Web Design
Whisky and Web Design
 
Career Opportunities of Graphic Designer
Career Opportunities of Graphic DesignerCareer Opportunities of Graphic Designer
Career Opportunities of Graphic Designer
 
Career in Graphic Design
Career in Graphic DesignCareer in Graphic Design
Career in Graphic Design
 
portfolio
portfolioportfolio
portfolio
 
David Dale Portfolio spreads
David Dale Portfolio spreadsDavid Dale Portfolio spreads
David Dale Portfolio spreads
 
Question 4 Evaluation
Question 4 EvaluationQuestion 4 Evaluation
Question 4 Evaluation
 
3 Important tips about graphic designing for non-graphic designers
3 Important tips about graphic designing for non-graphic designers3 Important tips about graphic designing for non-graphic designers
3 Important tips about graphic designing for non-graphic designers
 
Sayan Portfolio
Sayan PortfolioSayan Portfolio
Sayan Portfolio
 
Postmodernism
PostmodernismPostmodernism
Postmodernism
 
be creative
be creativebe creative
be creative
 
Survival Techniques
Survival TechniquesSurvival Techniques
Survival Techniques
 
Week 5 - Sketching And Prototyping - 4
Week 5 - Sketching And Prototyping - 4Week 5 - Sketching And Prototyping - 4
Week 5 - Sketching And Prototyping - 4
 
Design trends-2017-websites-in-split-layouts
Design trends-2017-websites-in-split-layoutsDesign trends-2017-websites-in-split-layouts
Design trends-2017-websites-in-split-layouts
 
Infographics
InfographicsInfographics
Infographics
 
Graphic design Jacqueline v. d. Venne
Graphic design Jacqueline v. d. VenneGraphic design Jacqueline v. d. Venne
Graphic design Jacqueline v. d. Venne
 
Interactive Media Designers.Slideshow Karen Wassner
Interactive Media Designers.Slideshow Karen WassnerInteractive Media Designers.Slideshow Karen Wassner
Interactive Media Designers.Slideshow Karen Wassner
 
Graphic Design-Arrowsoft
Graphic Design-ArrowsoftGraphic Design-Arrowsoft
Graphic Design-Arrowsoft
 

Viewers also liked

Data Quality - Are We There Yet?
Data Quality - Are We There Yet?Data Quality - Are We There Yet?
Data Quality - Are We There Yet?dmurph4
 
EFQM Excellence Model for Corporate Data Quality Management (CDQM)
EFQM Excellence Model for Corporate Data Quality Management (CDQM)EFQM Excellence Model for Corporate Data Quality Management (CDQM)
EFQM Excellence Model for Corporate Data Quality Management (CDQM)
Boris Otto
 
Towards a Vocabulary for Data Quality Management in Semantic Web Architectures
Towards a Vocabulary for Data Quality Management in Semantic Web ArchitecturesTowards a Vocabulary for Data Quality Management in Semantic Web Architectures
Towards a Vocabulary for Data Quality Management in Semantic Web ArchitecturesChristian Fuerber
 
Using SPARQL and SPIN for Data Quality Management on the Semantic Web
Using SPARQL and SPIN for Data Quality Management on the Semantic WebUsing SPARQL and SPIN for Data Quality Management on the Semantic Web
Using SPARQL and SPIN for Data Quality Management on the Semantic WebChristian Fuerber
 
Using Semantic Web Resources for Data Quality Management
Using Semantic Web Resources for Data Quality ManagementUsing Semantic Web Resources for Data Quality Management
Using Semantic Web Resources for Data Quality ManagementChristian Fuerber
 
Corporate Data Quality: Research and Services Overview
Corporate Data Quality: Research and Services OverviewCorporate Data Quality: Research and Services Overview
Corporate Data Quality: Research and Services Overview
Boris Otto
 
A Data Management Maturity Model Case Study
A Data Management Maturity Model Case StudyA Data Management Maturity Model Case Study
A Data Management Maturity Model Case Study
DATAVERSITY
 
Callcenter HPE IDOL overview
Callcenter HPE IDOL overviewCallcenter HPE IDOL overview
Callcenter HPE IDOL overview
Tania Akinina
 
Health Information Analytics: Data Governance, Data Quality and Data Standards
Health Information Analytics:  Data Governance, Data Quality and Data StandardsHealth Information Analytics:  Data Governance, Data Quality and Data Standards
Health Information Analytics: Data Governance, Data Quality and Data Standards
Frank Wang
 
Introduction to Population Health Analytics, Predictive Analytics, Big Data a...
Introduction to Population Health Analytics, Predictive Analytics, Big Data a...Introduction to Population Health Analytics, Predictive Analytics, Big Data a...
Introduction to Population Health Analytics, Predictive Analytics, Big Data a...
Frank Wang
 
How Ally Financial Achieved Regulatory Compliance with the Data Management Ma...
How Ally Financial Achieved Regulatory Compliance with the Data Management Ma...How Ally Financial Achieved Regulatory Compliance with the Data Management Ma...
How Ally Financial Achieved Regulatory Compliance with the Data Management Ma...
DATAVERSITY
 
Healthcare Analytics Maturity Model
Healthcare Analytics Maturity ModelHealthcare Analytics Maturity Model
Healthcare Analytics Maturity ModelFrank Wang
 
Data Quality & Data Governance
Data Quality & Data GovernanceData Quality & Data Governance
Data Quality & Data Governance
Tuba Yaman Him
 
Data Quality Services in SQL Server 2012
Data Quality Services in SQL Server 2012Data Quality Services in SQL Server 2012
Data Quality Services in SQL Server 2012
Stéphane Fréchette
 
RWDG Webinar: Achieving Data Quality Through Data Governance
RWDG Webinar: Achieving Data Quality Through Data GovernanceRWDG Webinar: Achieving Data Quality Through Data Governance
RWDG Webinar: Achieving Data Quality Through Data Governance
DATAVERSITY
 
How to Build & Sustain a Data Governance Operating Model
How to Build & Sustain a Data Governance Operating Model How to Build & Sustain a Data Governance Operating Model
How to Build & Sustain a Data Governance Operating Model
DATUM LLC
 
Population Health Management, Predictive Analytics, Big Data and Text Analytics
Population Health Management, Predictive Analytics, Big Data and Text AnalyticsPopulation Health Management, Predictive Analytics, Big Data and Text Analytics
Population Health Management, Predictive Analytics, Big Data and Text Analytics
Frank Wang
 
Review of Data Management Maturity Models
Review of Data Management Maturity ModelsReview of Data Management Maturity Models
Review of Data Management Maturity Models
Alan McSweeney
 

Viewers also liked (20)

Data Quality - Are We There Yet?
Data Quality - Are We There Yet?Data Quality - Are We There Yet?
Data Quality - Are We There Yet?
 
EFQM Excellence Model for Corporate Data Quality Management (CDQM)
EFQM Excellence Model for Corporate Data Quality Management (CDQM)EFQM Excellence Model for Corporate Data Quality Management (CDQM)
EFQM Excellence Model for Corporate Data Quality Management (CDQM)
 
Towards a Vocabulary for Data Quality Management in Semantic Web Architectures
Towards a Vocabulary for Data Quality Management in Semantic Web ArchitecturesTowards a Vocabulary for Data Quality Management in Semantic Web Architectures
Towards a Vocabulary for Data Quality Management in Semantic Web Architectures
 
Using SPARQL and SPIN for Data Quality Management on the Semantic Web
Using SPARQL and SPIN for Data Quality Management on the Semantic WebUsing SPARQL and SPIN for Data Quality Management on the Semantic Web
Using SPARQL and SPIN for Data Quality Management on the Semantic Web
 
Using Semantic Web Resources for Data Quality Management
Using Semantic Web Resources for Data Quality ManagementUsing Semantic Web Resources for Data Quality Management
Using Semantic Web Resources for Data Quality Management
 
Dqm ® 2013 brochure
Dqm ® 2013 brochureDqm ® 2013 brochure
Dqm ® 2013 brochure
 
Edi problemáticas adolescentes
Edi problemáticas adolescentesEdi problemáticas adolescentes
Edi problemáticas adolescentes
 
Corporate Data Quality: Research and Services Overview
Corporate Data Quality: Research and Services OverviewCorporate Data Quality: Research and Services Overview
Corporate Data Quality: Research and Services Overview
 
A Data Management Maturity Model Case Study
A Data Management Maturity Model Case StudyA Data Management Maturity Model Case Study
A Data Management Maturity Model Case Study
 
Callcenter HPE IDOL overview
Callcenter HPE IDOL overviewCallcenter HPE IDOL overview
Callcenter HPE IDOL overview
 
Health Information Analytics: Data Governance, Data Quality and Data Standards
Health Information Analytics:  Data Governance, Data Quality and Data StandardsHealth Information Analytics:  Data Governance, Data Quality and Data Standards
Health Information Analytics: Data Governance, Data Quality and Data Standards
 
Introduction to Population Health Analytics, Predictive Analytics, Big Data a...
Introduction to Population Health Analytics, Predictive Analytics, Big Data a...Introduction to Population Health Analytics, Predictive Analytics, Big Data a...
Introduction to Population Health Analytics, Predictive Analytics, Big Data a...
 
How Ally Financial Achieved Regulatory Compliance with the Data Management Ma...
How Ally Financial Achieved Regulatory Compliance with the Data Management Ma...How Ally Financial Achieved Regulatory Compliance with the Data Management Ma...
How Ally Financial Achieved Regulatory Compliance with the Data Management Ma...
 
Healthcare Analytics Maturity Model
Healthcare Analytics Maturity ModelHealthcare Analytics Maturity Model
Healthcare Analytics Maturity Model
 
Data Quality & Data Governance
Data Quality & Data GovernanceData Quality & Data Governance
Data Quality & Data Governance
 
Data Quality Services in SQL Server 2012
Data Quality Services in SQL Server 2012Data Quality Services in SQL Server 2012
Data Quality Services in SQL Server 2012
 
RWDG Webinar: Achieving Data Quality Through Data Governance
RWDG Webinar: Achieving Data Quality Through Data GovernanceRWDG Webinar: Achieving Data Quality Through Data Governance
RWDG Webinar: Achieving Data Quality Through Data Governance
 
How to Build & Sustain a Data Governance Operating Model
How to Build & Sustain a Data Governance Operating Model How to Build & Sustain a Data Governance Operating Model
How to Build & Sustain a Data Governance Operating Model
 
Population Health Management, Predictive Analytics, Big Data and Text Analytics
Population Health Management, Predictive Analytics, Big Data and Text AnalyticsPopulation Health Management, Predictive Analytics, Big Data and Text Analytics
Population Health Management, Predictive Analytics, Big Data and Text Analytics
 
Review of Data Management Maturity Models
Review of Data Management Maturity ModelsReview of Data Management Maturity Models
Review of Data Management Maturity Models
 

Similar to CMSBrief

Design for developers (april 25, 2017)
Design for developers (april 25, 2017)Design for developers (april 25, 2017)
Design for developers (april 25, 2017)
Thinkful
 
Unify Design & Deliverables
Unify Design & DeliverablesUnify Design & Deliverables
Unify Design & Deliverablesnathanacurtis
 
Web Design Process - Tips & Guidelines
Web Design Process - Tips & GuidelinesWeb Design Process - Tips & Guidelines
Web Design Process - Tips & GuidelinesAmanda Kern
 
Amsterdam Pm Web Process
Amsterdam Pm Web ProcessAmsterdam Pm Web Process
Amsterdam Pm Web Processamsterdampm
 
Top Graphic Designing Hacks to Make You a Designing Pro Today
Top Graphic Designing Hacks to Make You a Designing Pro Today Top Graphic Designing Hacks to Make You a Designing Pro Today
Top Graphic Designing Hacks to Make You a Designing Pro Today
Ravi Bhadauria
 
Branding, Design & Email Marketing Basics
Branding, Design & Email Marketing BasicsBranding, Design & Email Marketing Basics
Branding, Design & Email Marketing Basics
Deck Builder Marketers
 
The Executive's Guide to Content Management Systems
The Executive's Guide to Content Management SystemsThe Executive's Guide to Content Management Systems
The Executive's Guide to Content Management Systems
Greenfield/Belser Ltd.
 
Week 202 design skills
Week 202 design skillsWeek 202 design skills
Week 202 design skills
Steve
 
Design system for new O2 CRM and web apps
Design system for new O2 CRM and web appsDesign system for new O2 CRM and web apps
Design system for new O2 CRM and web apps
Czech Design Systems Community
 
Vanessa ilmany book 2014-2015
Vanessa ilmany book 2014-2015Vanessa ilmany book 2014-2015
Vanessa ilmany book 2014-2015
Vanessa Ilmany
 
Class 6 Ideas
Class 6 IdeasClass 6 Ideas
Class 6 Ideas
rschaff1
 
Designers are from Venus - Presentationas Given to CD2
Designers are from Venus - Presentationas Given to CD2Designers are from Venus - Presentationas Given to CD2
Designers are from Venus - Presentationas Given to CD2Chad Udell
 
Making an architectural portfolio for internship
Making an architectural portfolio for internshipMaking an architectural portfolio for internship
Making an architectural portfolio for internship
LeilaSrinivasan
 
Top graphic design trends for website designing
Top graphic design trends for website designingTop graphic design trends for website designing
Top graphic design trends for website designing
Artista KW
 
The future of typography in Web design
The future of typography in Web designThe future of typography in Web design
The future of typography in Web design
elfinsilhouette83
 
Growing Your Business With A Website: WIBO
Growing Your Business With A Website: WIBOGrowing Your Business With A Website: WIBO
Growing Your Business With A Website: WIBO
Mardy Sitzer
 
Lecture4
Lecture4Lecture4
Lecture4hstryk
 
5 Tips for Creating a Great Website Design | DMAC | Boca Raton, FL
5 Tips for Creating a Great Website Design | DMAC | Boca Raton, FL5 Tips for Creating a Great Website Design | DMAC | Boca Raton, FL
5 Tips for Creating a Great Website Design | DMAC | Boca Raton, FL
Digital Media Arts College
 
ARTDM 171 Week 9: Designing Page Comps
ARTDM 171 Week 9: Designing Page CompsARTDM 171 Week 9: Designing Page Comps
ARTDM 171 Week 9: Designing Page CompsGilbert Guerrero
 
AD - Developer communication and Technology
AD - Developer communication and TechnologyAD - Developer communication and Technology
AD - Developer communication and Technology
Enplore AB
 

Similar to CMSBrief (20)

Design for developers (april 25, 2017)
Design for developers (april 25, 2017)Design for developers (april 25, 2017)
Design for developers (april 25, 2017)
 
Unify Design & Deliverables
Unify Design & DeliverablesUnify Design & Deliverables
Unify Design & Deliverables
 
Web Design Process - Tips & Guidelines
Web Design Process - Tips & GuidelinesWeb Design Process - Tips & Guidelines
Web Design Process - Tips & Guidelines
 
Amsterdam Pm Web Process
Amsterdam Pm Web ProcessAmsterdam Pm Web Process
Amsterdam Pm Web Process
 
Top Graphic Designing Hacks to Make You a Designing Pro Today
Top Graphic Designing Hacks to Make You a Designing Pro Today Top Graphic Designing Hacks to Make You a Designing Pro Today
Top Graphic Designing Hacks to Make You a Designing Pro Today
 
Branding, Design & Email Marketing Basics
Branding, Design & Email Marketing BasicsBranding, Design & Email Marketing Basics
Branding, Design & Email Marketing Basics
 
The Executive's Guide to Content Management Systems
The Executive's Guide to Content Management SystemsThe Executive's Guide to Content Management Systems
The Executive's Guide to Content Management Systems
 
Week 202 design skills
Week 202 design skillsWeek 202 design skills
Week 202 design skills
 
Design system for new O2 CRM and web apps
Design system for new O2 CRM and web appsDesign system for new O2 CRM and web apps
Design system for new O2 CRM and web apps
 
Vanessa ilmany book 2014-2015
Vanessa ilmany book 2014-2015Vanessa ilmany book 2014-2015
Vanessa ilmany book 2014-2015
 
Class 6 Ideas
Class 6 IdeasClass 6 Ideas
Class 6 Ideas
 
Designers are from Venus - Presentationas Given to CD2
Designers are from Venus - Presentationas Given to CD2Designers are from Venus - Presentationas Given to CD2
Designers are from Venus - Presentationas Given to CD2
 
Making an architectural portfolio for internship
Making an architectural portfolio for internshipMaking an architectural portfolio for internship
Making an architectural portfolio for internship
 
Top graphic design trends for website designing
Top graphic design trends for website designingTop graphic design trends for website designing
Top graphic design trends for website designing
 
The future of typography in Web design
The future of typography in Web designThe future of typography in Web design
The future of typography in Web design
 
Growing Your Business With A Website: WIBO
Growing Your Business With A Website: WIBOGrowing Your Business With A Website: WIBO
Growing Your Business With A Website: WIBO
 
Lecture4
Lecture4Lecture4
Lecture4
 
5 Tips for Creating a Great Website Design | DMAC | Boca Raton, FL
5 Tips for Creating a Great Website Design | DMAC | Boca Raton, FL5 Tips for Creating a Great Website Design | DMAC | Boca Raton, FL
5 Tips for Creating a Great Website Design | DMAC | Boca Raton, FL
 
ARTDM 171 Week 9: Designing Page Comps
ARTDM 171 Week 9: Designing Page CompsARTDM 171 Week 9: Designing Page Comps
ARTDM 171 Week 9: Designing Page Comps
 
AD - Developer communication and Technology
AD - Developer communication and TechnologyAD - Developer communication and Technology
AD - Developer communication and Technology
 

CMSBrief

  • 1. Wireframe seriously. With an organic idea such as CMS, the best designs begin as organic elements: pencil, colored pencils, paper. Take time with your wireframes and work them into solid designs, moving into photoshop. Do not start digital, or your designs will have that cold, lifeless look of something that only existed digitally. COASTM I D D L E S C H O O L Responsive Your final design must be responsive, and work on anything from a phone to a pc. New Logo There is a new logo for the website (found in course documents) that must be incorporated in the design. Color Scheme All designs must utilize the colors found in the CMS color scheme (course documents) Creativity The key is to find a creative solution. Avoid Cliché and use original ideas. CREATIVE BRIEF: Overall, the state of the CMS website is in chaos. It’s in desperate need of revision and repair. It is your job as the designer to dig through the missing/odd links and make something coherent out of this website for the client. As a whole, this design is a mess. The code is non-semantic, the css is found in the <head> and it is impossible to update. Somewhere along the line the information on the calendar went south, and it is just a string of characters. CMS is looking for an updated, fresh website to be current and responsive. They’ve updated the logo and color choices. These are two required elements for your designs. The creative part is up to you: what links stay, what go, how the page flows, how the whole site is organized. The content found on the current site can be used as-is, or can be cut down/ modified/removed to fit with your new vision for the site. (hint: designs that use everything “as- is” probably won’t score well) This is a very solid example of what you may face with a client: a very chaotic site that needs major revision. It’s up to you to own your work and put something together that makes a statement. Don’t be afraid to hurt someone’s feelings about what they have...they wouldn’t be looking to update if they didn’t feel that it was done well in the first place. You must use external style sheets, responsive design, the logo and color set provided by CMS. Anything else is open for revision in this design.