SlideShare a Scribd company logo
1 of 5
PLANNING THE SITE
Unit 25 Social Media Products
Lesson Goals


Be able to produce mock ups of the layout of the
home page and a members information page.
Layout

Produce mock ups of the main pages
for the site

The plans you produce have to show what is on the
page and where it appears.
You can include images and text to illustrate the
layout.

#mock up
#style
Mock ups








Produce mock ups of the main pages
for the site

Carefully plan how the layout of the pages will
look.
Make sure you include all the features you have
mentioned in the synopsis.
Either draw the layout on paper or produce it on
the computer with a description of colour scheme.
For Merit the ideas should be “imaginative and
demonstrate a good level of visual appeal”
#mock up
#style
Your task

Produce mock ups of the main pages
for the site

You should produce two mock ups showing detail of
the home page and the members information
page.

#mock up
#style

More Related Content

Viewers also liked

Page plans
Page plansPage plans
Page plans
MrsNunn
 
Lesson 7 Equipment, plan and constraints
Lesson 7   Equipment, plan and constraintsLesson 7   Equipment, plan and constraints
Lesson 7 Equipment, plan and constraints
MrsNunn
 
1 types of operating system
1 types of operating system1 types of operating system
1 types of operating system
MrsNunn
 
2 interpersonal communication
2 interpersonal communication2 interpersonal communication
2 interpersonal communication
MrsNunn
 
1 types of operating system
1 types of operating system1 types of operating system
1 types of operating system
MrsNunn
 
Lesson 12 create a visualisation
Lesson 12   create a visualisationLesson 12   create a visualisation
Lesson 12 create a visualisation
MrsNunn
 
P3 commercial uses of social media sites
P3 commercial uses of social media sitesP3 commercial uses of social media sites
P3 commercial uses of social media sites
MrsNunn
 
2 written communication
2 written communication2 written communication
2 written communication
MrsNunn
 

Viewers also liked (8)

Page plans
Page plansPage plans
Page plans
 
Lesson 7 Equipment, plan and constraints
Lesson 7   Equipment, plan and constraintsLesson 7   Equipment, plan and constraints
Lesson 7 Equipment, plan and constraints
 
1 types of operating system
1 types of operating system1 types of operating system
1 types of operating system
 
2 interpersonal communication
2 interpersonal communication2 interpersonal communication
2 interpersonal communication
 
1 types of operating system
1 types of operating system1 types of operating system
1 types of operating system
 
Lesson 12 create a visualisation
Lesson 12   create a visualisationLesson 12   create a visualisation
Lesson 12 create a visualisation
 
P3 commercial uses of social media sites
P3 commercial uses of social media sitesP3 commercial uses of social media sites
P3 commercial uses of social media sites
 
2 written communication
2 written communication2 written communication
2 written communication
 

Similar to P4 showing ideas for the website

Mock ups and flat plans
Mock ups and flat plansMock ups and flat plans
Mock ups and flat plans
lou80
 
What is the scope of graphic design
What is the scope of graphic designWhat is the scope of graphic design
What is the scope of graphic design
Myers
 
L3 gd ha8_sidekick_200415
L3 gd ha8_sidekick_200415L3 gd ha8_sidekick_200415
L3 gd ha8_sidekick_200415
wdhanuka
 
L3 gd ha8_sidekick_040315_01
L3 gd ha8_sidekick_040315_01L3 gd ha8_sidekick_040315_01
L3 gd ha8_sidekick_040315_01
Mike Hughes
 
Web Design Process - Tips & Guidelines
Web Design Process - Tips & GuidelinesWeb Design Process - Tips & Guidelines
Web Design Process - Tips & Guidelines
Amanda Kern
 
Cw yr 12 g321 outline
Cw   yr 12 g321 outlineCw   yr 12 g321 outline
Cw yr 12 g321 outline
nctcmedia12
 

Similar to P4 showing ideas for the website (20)

LO3 - Lesson 4 - Visualisation
LO3 - Lesson 4 - VisualisationLO3 - Lesson 4 - Visualisation
LO3 - Lesson 4 - Visualisation
 
Mock ups and flat plans
Mock ups and flat plansMock ups and flat plans
Mock ups and flat plans
 
What is the scope of graphic design
What is the scope of graphic designWhat is the scope of graphic design
What is the scope of graphic design
 
Visualisation Diagrams
Visualisation DiagramsVisualisation Diagrams
Visualisation Diagrams
 
Types of Layouts by ADMEC Multimedia Institute
Types of Layouts by ADMEC Multimedia InstituteTypes of Layouts by ADMEC Multimedia Institute
Types of Layouts by ADMEC Multimedia Institute
 
25 epic graphic design tips for non-designers
25 epic graphic design tips for non-designers25 epic graphic design tips for non-designers
25 epic graphic design tips for non-designers
 
Kitchen Design with SketchUp
Kitchen Design with SketchUpKitchen Design with SketchUp
Kitchen Design with SketchUp
 
Melissa Holland Comm130 Portfolio Project
Melissa Holland Comm130 Portfolio ProjectMelissa Holland Comm130 Portfolio Project
Melissa Holland Comm130 Portfolio Project
 
LO3 - Lesson 22 - Home Page
LO3 - Lesson 22 - Home PageLO3 - Lesson 22 - Home Page
LO3 - Lesson 22 - Home Page
 
L3 gd ha8_sidekick_200415
L3 gd ha8_sidekick_200415 L3 gd ha8_sidekick_200415
L3 gd ha8_sidekick_200415
 
20 04 l3 gd_ha8_sidekick
20 04 l3 gd_ha8_sidekick20 04 l3 gd_ha8_sidekick
20 04 l3 gd_ha8_sidekick
 
L3 gd ha8_sidekick_200415
L3 gd ha8_sidekick_200415L3 gd ha8_sidekick_200415
L3 gd ha8_sidekick_200415
 
L3 gd ha8_sidekick_040315_01
L3 gd ha8_sidekick_040315_01L3 gd ha8_sidekick_040315_01
L3 gd ha8_sidekick_040315_01
 
Web Design Process - Tips & Guidelines
Web Design Process - Tips & GuidelinesWeb Design Process - Tips & Guidelines
Web Design Process - Tips & Guidelines
 
LO1 - Lesson 13 - Feedback
LO1 - Lesson 13 - FeedbackLO1 - Lesson 13 - Feedback
LO1 - Lesson 13 - Feedback
 
Visual Communication (Advertising Management)
Visual Communication (Advertising Management)Visual Communication (Advertising Management)
Visual Communication (Advertising Management)
 
R9.1
R9.1R9.1
R9.1
 
graphic design with artificial intelligence
graphic design with artificial intelligencegraphic design with artificial intelligence
graphic design with artificial intelligence
 
HA5
HA5HA5
HA5
 
Cw yr 12 g321 outline
Cw   yr 12 g321 outlineCw   yr 12 g321 outline
Cw yr 12 g321 outline
 

More from MrsNunn

More from MrsNunn (20)

Page Plans
Page PlansPage Plans
Page Plans
 
Delivery formats
Delivery formatsDelivery formats
Delivery formats
 
Production process
Production processProduction process
Production process
 
Sources
SourcesSources
Sources
 
Curriculum virtae
Curriculum virtaeCurriculum virtae
Curriculum virtae
 
Questioningv2
Questioningv2Questioningv2
Questioningv2
 
2 questioning techniques v1
2 questioning techniques v12 questioning techniques v1
2 questioning techniques v1
 
Principles and barriers
Principles and barriersPrinciples and barriers
Principles and barriers
 
P4 ideas for a social media site
P4 ideas for a social media siteP4 ideas for a social media site
P4 ideas for a social media site
 
P1 social media products
P1 social media productsP1 social media products
P1 social media products
 
P2 positive and negative effects
P2 positive and negative effectsP2 positive and negative effects
P2 positive and negative effects
 
P1 social media products
P1 social media productsP1 social media products
P1 social media products
 
Lo2 ideas for a new social media products
Lo2 ideas for a new social media productsLo2 ideas for a new social media products
Lo2 ideas for a new social media products
 
Lo2 ideas for a new social media products
Lo2 ideas for a new social media productsLo2 ideas for a new social media products
Lo2 ideas for a new social media products
 
P3 commercial uses of social media sites
P3 commercial uses of social media sitesP3 commercial uses of social media sites
P3 commercial uses of social media sites
 
P3 commercial uses of social media sites
P3 commercial uses of social media sitesP3 commercial uses of social media sites
P3 commercial uses of social media sites
 
P2 positive and negative effects
P2 positive and negative effectsP2 positive and negative effects
P2 positive and negative effects
 
P1 social media products
P1 social media productsP1 social media products
P1 social media products
 
Editing techniques
Editing techniquesEditing techniques
Editing techniques
 
Graphic formats
Graphic formatsGraphic formats
Graphic formats
 

Recently uploaded

會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文
會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文
會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文
中 央社
 
Transparency, Recognition and the role of eSealing - Ildiko Mazar and Koen No...
Transparency, Recognition and the role of eSealing - Ildiko Mazar and Koen No...Transparency, Recognition and the role of eSealing - Ildiko Mazar and Koen No...
Transparency, Recognition and the role of eSealing - Ildiko Mazar and Koen No...
EADTU
 
SPLICE Working Group: Reusable Code Examples
SPLICE Working Group:Reusable Code ExamplesSPLICE Working Group:Reusable Code Examples
SPLICE Working Group: Reusable Code Examples
Peter Brusilovsky
 

Recently uploaded (20)

The Liver & Gallbladder (Anatomy & Physiology).pptx
The Liver &  Gallbladder (Anatomy & Physiology).pptxThe Liver &  Gallbladder (Anatomy & Physiology).pptx
The Liver & Gallbladder (Anatomy & Physiology).pptx
 
PSYPACT- Practicing Over State Lines May 2024.pptx
PSYPACT- Practicing Over State Lines May 2024.pptxPSYPACT- Practicing Over State Lines May 2024.pptx
PSYPACT- Practicing Over State Lines May 2024.pptx
 
會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文
會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文
會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文
 
TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT TOÁN 2024 - TỪ CÁC TRƯỜNG, TRƯỜNG...
TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT TOÁN 2024 - TỪ CÁC TRƯỜNG, TRƯỜNG...TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT TOÁN 2024 - TỪ CÁC TRƯỜNG, TRƯỜNG...
TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT TOÁN 2024 - TỪ CÁC TRƯỜNG, TRƯỜNG...
 
An Overview of the Odoo 17 Knowledge App
An Overview of the Odoo 17 Knowledge AppAn Overview of the Odoo 17 Knowledge App
An Overview of the Odoo 17 Knowledge App
 
Graduate Outcomes Presentation Slides - English (v3).pptx
Graduate Outcomes Presentation Slides - English (v3).pptxGraduate Outcomes Presentation Slides - English (v3).pptx
Graduate Outcomes Presentation Slides - English (v3).pptx
 
Scopus Indexed Journals 2024 - ISCOPUS Publications
Scopus Indexed Journals 2024 - ISCOPUS PublicationsScopus Indexed Journals 2024 - ISCOPUS Publications
Scopus Indexed Journals 2024 - ISCOPUS Publications
 
diagnosting testing bsc 2nd sem.pptx....
diagnosting testing bsc 2nd sem.pptx....diagnosting testing bsc 2nd sem.pptx....
diagnosting testing bsc 2nd sem.pptx....
 
How to Send Pro Forma Invoice to Your Customers in Odoo 17
How to Send Pro Forma Invoice to Your Customers in Odoo 17How to Send Pro Forma Invoice to Your Customers in Odoo 17
How to Send Pro Forma Invoice to Your Customers in Odoo 17
 
Analyzing and resolving a communication crisis in Dhaka textiles LTD.pptx
Analyzing and resolving a communication crisis in Dhaka textiles LTD.pptxAnalyzing and resolving a communication crisis in Dhaka textiles LTD.pptx
Analyzing and resolving a communication crisis in Dhaka textiles LTD.pptx
 
Transparency, Recognition and the role of eSealing - Ildiko Mazar and Koen No...
Transparency, Recognition and the role of eSealing - Ildiko Mazar and Koen No...Transparency, Recognition and the role of eSealing - Ildiko Mazar and Koen No...
Transparency, Recognition and the role of eSealing - Ildiko Mazar and Koen No...
 
8 Tips for Effective Working Capital Management
8 Tips for Effective Working Capital Management8 Tips for Effective Working Capital Management
8 Tips for Effective Working Capital Management
 
Observing-Correct-Grammar-in-Making-Definitions.pptx
Observing-Correct-Grammar-in-Making-Definitions.pptxObserving-Correct-Grammar-in-Making-Definitions.pptx
Observing-Correct-Grammar-in-Making-Definitions.pptx
 
SPLICE Working Group: Reusable Code Examples
SPLICE Working Group:Reusable Code ExamplesSPLICE Working Group:Reusable Code Examples
SPLICE Working Group: Reusable Code Examples
 
MOOD STABLIZERS DRUGS.pptx
MOOD     STABLIZERS           DRUGS.pptxMOOD     STABLIZERS           DRUGS.pptx
MOOD STABLIZERS DRUGS.pptx
 
Andreas Schleicher presents at the launch of What does child empowerment mean...
Andreas Schleicher presents at the launch of What does child empowerment mean...Andreas Schleicher presents at the launch of What does child empowerment mean...
Andreas Schleicher presents at the launch of What does child empowerment mean...
 
Mattingly "AI & Prompt Design: Named Entity Recognition"
Mattingly "AI & Prompt Design: Named Entity Recognition"Mattingly "AI & Prompt Design: Named Entity Recognition"
Mattingly "AI & Prompt Design: Named Entity Recognition"
 
e-Sealing at EADTU by Kamakshi Rajagopal
e-Sealing at EADTU by Kamakshi Rajagopale-Sealing at EADTU by Kamakshi Rajagopal
e-Sealing at EADTU by Kamakshi Rajagopal
 
Mattingly "AI and Prompt Design: LLMs with NER"
Mattingly "AI and Prompt Design: LLMs with NER"Mattingly "AI and Prompt Design: LLMs with NER"
Mattingly "AI and Prompt Design: LLMs with NER"
 
BỘ LUYỆN NGHE TIẾNG ANH 8 GLOBAL SUCCESS CẢ NĂM (GỒM 12 UNITS, MỖI UNIT GỒM 3...
BỘ LUYỆN NGHE TIẾNG ANH 8 GLOBAL SUCCESS CẢ NĂM (GỒM 12 UNITS, MỖI UNIT GỒM 3...BỘ LUYỆN NGHE TIẾNG ANH 8 GLOBAL SUCCESS CẢ NĂM (GỒM 12 UNITS, MỖI UNIT GỒM 3...
BỘ LUYỆN NGHE TIẾNG ANH 8 GLOBAL SUCCESS CẢ NĂM (GỒM 12 UNITS, MỖI UNIT GỒM 3...
 

P4 showing ideas for the website

  • 1. PLANNING THE SITE Unit 25 Social Media Products
  • 2. Lesson Goals  Be able to produce mock ups of the layout of the home page and a members information page.
  • 3. Layout Produce mock ups of the main pages for the site The plans you produce have to show what is on the page and where it appears. You can include images and text to illustrate the layout. #mock up #style
  • 4. Mock ups     Produce mock ups of the main pages for the site Carefully plan how the layout of the pages will look. Make sure you include all the features you have mentioned in the synopsis. Either draw the layout on paper or produce it on the computer with a description of colour scheme. For Merit the ideas should be “imaginative and demonstrate a good level of visual appeal” #mock up #style
  • 5. Your task Produce mock ups of the main pages for the site You should produce two mock ups showing detail of the home page and the members information page. #mock up #style