SlideShare a Scribd company logo
1 of 49
Contents
Mind maps Slide 3,4 and 5
Hype - Purpose Slide 6
Content Slide 7
Moodboard Slide 8
Target Audience Slide 9 and 10
Format and Style Slide 11
Logo Slide 12
Hand-Drawn Drafts Slide 13
Graphic Layouts Slide 14
Competitors Slide 15
Slogan and Convergence Slide 16
Harmony - Purpose Slide 17
Content Slide 18
Moodboard Slide 19
Target Audience Slide 20, 21 and 22
Format and Style Slide 23
Logo Slide 24
Hand-Drawn Drafts (Mock ups) Slide 25
Graphic Layouts (Mockups)) Slide 26
Competitors Slide 27
Slogan and Convergence Slide 28
Copyright Slide 29
Photoshop Products App Slide 30
Photoshop Products Website Slide 31 and 32
Set-by-set - Photoshop Slide 33 to 48
Conclusion Slide 49
Social
Media
Ideas
Features
1. Scroll through feed
2. Access profile
3. Check likes and comments
4. Explore/ Discover
Target Audience
1. Good range
2. Both genders/ Specific gender
3. What the target audience interests
are
4. Available for a large audience
(simple to use the website)
Homepage Features
1. Easy access
2. View other people’s stories
3. Profile
4. Sign in/ out
5. Home button
6. Explore/Discover
Colour Scheme
1. Pink, Purple and Blue
2. Orange, Yellow and White
3. Grey, White and Black
4. Red and White
5. Red and Black and Gradient
Convergence
1. Post and View photos and
videos
2. Tagging/ Hashtags
3. Connection to other social media
links
4. App available on Android or IOS
Slogan
1. Short
2. Catchy/ Memorable
3. Anchoring
4. Bold/ Statement
Competitors
1. Twitter
2. Skype
3. Instagram
4. Facebook
5. Snapchat
6. Musical.ly
Names
1. Live
2. Social Share
3. The Watering Hole
4. Hype
5. Connect
6. Speed
7. Harmony
Social
Media
Ideas
“Hype”
Features
● Toolbar: Access profile, setting and
explore
● Search bar: Search and add people
● Stories: Icon of their profile picture
and can view their posts
Target Audience
● Good and reasonable age range
● Compatible and entertain both
genders
● Eye-catching and easy for them to
use
● Ages: 14 to 34
Homepage Features
● Scroll through feed of people you
follow
● Icons to sign in/ out or add another
account
● Image icon of profile picture to
access profile
Colour Scheme
● Red and White
● Orange, Yellow and White
Convergence
● Post videos and images
● Video chat/ Live stream
● Available on any mobile device
● Download free on the app store
Slogan
● “Like Skype but with a H”
● Say Hello to a new form of video
chatting”
● “See yourself through the
camera”
Competitors
● Facebook - Clear and organised
layout
● Instagram - Look through posts
and videos, view stories
● Skype - Facetime and Video Chat
Social
Media
Ideas
“Harmony”
Features
● See other people’s posts
● Post images and videos with filters
or stickers
● Direct messaging
Target Audience
● Both genders
● All ages
● Easy and entertaining
Homepage Features
● Look through social feed
● Toolbar/ Sidebar: Search and add,
view who commented and liked
your posts
● Settings
Colour Scheme
● Red, Black and Gradient
● Orange, Grey and Red
Convergence
● Direct messaging
● Upload photos and videos
● Free download
● Wifi or Mobile Data only
● Songs are NOT Copyright
Slogan
● “We are the notes, the
community is the music”
● “Like an orchestra where every
person is unique
● “Music speaks what cannot be
heard”
Competitors
● Facebook - View, like and
comment directly under posts
● Snapchat - Try filters and stickers
with your posts
● Musical.ly - Lip Syncing app
Hype - Purpose
Communication and interaction between friends and family over a desktop of pc screen. The
idea of video chatting a family member and scrolling through feed or watching the same
video together can suggest a close relationship if this is a long distance video chat, the idea
of video chatting while socialising through looking through the same photos or videos can
reduce separation anxiety or help long distance relationships, friendships or families.
The idea behind the social networking website of ‘Hype’ is a form of communication
between people in different locations/ countries to appear like they were together in real time
rather than replying to messages at different times. The purpose of ‘Hype’ is suggest a fun
and entertaining interaction between people as the ideas gained from ‘Skype’ would be
more than looking at a camera screen and nothing else; overall, the purpose of ‘Hype’
serves as a multi-purpose website where you can chat with someone and explore your
social feed, although this not to draw the consumer away from the video chat but provide a
sense of enlightenment when communicating. Finally, the main purpose for this social media
product is to allow the chance for users to interact with each other and make new friends,
since the internet has improved and is expanding its knowledge.
Hype - Content
The content would need to be easy to use and available for the public to access. Therefore,
having minimal content on one screen would be easy, where the user can access the video
chat as well as scroll through their social network feed; through this content, users are able
to interact with other people instead of one person at a time. The content would connote the
idea of having two separate conversations where one it through the camera and the other is
behind the screen.
The overall content that the website is trying to portray is that it should be appropriate and
suitable for the consumer as this should relate to the colour scheme and font style. Mainly
the content should be eye-catching and visually appealing which would therefore draw in the
consumers to sign up to the website, due to the availability of group video chatting up to four
people. Overall, from this I plan to create social networking site that is inspired by uploading
user-created content (e.g. photos and videos), instant messaging and facilities for blogging.
Hype - Inspirational Mood board
Hype - Target Audience
For this social media websites, I decided to go for Hartley’s theory of ‘Age’ and ‘Gender’
where the age range would be suitable for the user in which I went for the age range of 14 to
34 and that the social media product is aimed at both males and females.
I aimed to have my website with a large age range as I wanted a large target audience to
have entertainment as well as learn the website as a social network, along with teaching
others the main use of the website as a form of communication; and Maslow’s theory of
‘Explorers’ where the user is driven by the social change and interests.
The focal point of my chosen target audience is that I aim the website to entertain and draw
the males and females to connect and socially interact through comments, posts and video
chatting; My target audience would also be represented through my created logo which
would symbolise all genders and the name of the social media app.
With Katz’ theory in mind, the social media website is focused on ‘Personal Identification’
because in the form of communication between friends, this can allow the user to someone
or the situation they are in.
Harmony - Target Audience (continued)
Socio-economics Psychographics
‘The social science that studies how economic activity affects and is
shaped by social processes. In general it analyzes how societies
progress, stagnate, or regress because of their local or regional economy,
or the global economy. Societies are divided into 3 groups: social, cultural
and economic.’
In relation to my social website my specific target audience is mainly
aimed towards the social grades of D and E because low grade earners
will receive a low pension as this social networking app will not contribute
to a users’ earning in comparison to Youtube.
‘A study of and classification of people according to their attitude,
aspirations and other psychographic criteria , especially in market
research.’
I accordance with the classification of psychographics, my target audience
focuses on: ‘Aspirers’ and ‘Explorers’; the reason as to why I chose these
psychographics is because my social networking app is for
communication and creativity and through these psychographics users
will be able to mainly seek discovery as they will get inspired and explore.
https://en.wikipedia.org/wiki/Socioeconomichttps://en.wikipedia.org/wiki/Socioeconomic
Hype - Format and Style
As this website has been inspired by ‘Skype’ I decided to go for a bright theme with
complimentary colours for the website name and logo.
Using the helpfulness of the website; Dafont.com, wanted my name to have a 3D effect,
therefore I chose the font style: ‘Buba’ because the appearance is very eye-catching for my
target audience, as well as the my chosen colour scheme would compliment and enhance
the name.
My chosen colour scheme of; Red and White as these colours would compliment and
enhance the website screen, name and logo
This mobile app would be more suitable for the desktop, therefore I plan to go for the canvas
size of 1920x1080 and therefore be suitable for a desktop screen.
Font Name What is looks like Colour Scheme
Hype - Logo
I wanted to create a logo that symbolises both genders equally. The final result is shown below: First, I
created a canvas on Adobe Photoshop 14.99x 16.02 which was the right size for my logo. Then using the
‘Paint Bucket’ tool on the ‘Background’ layer and I covered the canvas in black, and using the ‘Rectangular
marquee’ tool on the setting of “Add selection” and created two vertical rectangles and one horizontal
rectangle and coloured them in white using the brush tool; this creates the signature ‘H’ for the website name
‘Hype’. On a new layer, I pasted a male and female icon which I got off the internet and using the ‘Quick
selection tool’ I selected the male and female icons and then on a rainbow gradient setting using the
‘Gradient tool’ I drag from the top to the bottom of the canvas, this then created a nice looking gradient.
The final result is a good example towards my first social media website because the male and female icons
which the rainbow gradient is an example of ‘Pride’ and equality between genders and the letter ‘H’ is a good
connotation of the website name.
Hype - Hand Drawn Drafts (Mockups) - Sign up & Homepage
Hype - Graphic Layout (Mockups) - Sign up & Homepage
Title (Hype)
Slogan
First Name
Last Name
Email
Username
Password
Sign up
Sign up with Instagram
Sign up with Facebook
Terms &
Conditions
Image
Comment
Image
Comment
Search Account
Bio
Name
Username
Posts Followers Following
Image
Image
Image Image
Image Image
Who’s Online?
See All
Image
Image
Image Image
Image Image
Edit Profile
50 241 210
Hype - Competitors
Competing with three other social media website of: Instagram, Facebook and Skype which
are quite popular websites nowadays due to the large increase in the global population. I
plan to create a website with the inspiration from my chosen three competitors and include
features which would ingregue the public to the website and go past the sign up page and
homepage.
With the competitor of Facebook, I plan to create and use a similar layout however I aim to
keep the layout simple and organised, as this would help users with the access to needed
necessities.
From Instagram, I want include the idea of colour which has inspired me from the company
logo; the idea of having colourful themes would be very anchoring towards my aimed target
audience, and therefore my chosen colours of: Red, White and Green would be very visually
appeal to my aimed audience.
Known for their popular facetime calls, Skype is a popular social media app where the user
can facetime a friend or family member for a different location: Adapting this, the social
media website will allow the user to live communicate with friends
Hype - Slogan and Convergence
I wanted to go for a slogan that would entice the viewer to website and would also resemble
the name.
Deciding on the anchoring slogan: “Like Skype but with a H”
Because I wanted to connote that most of the inspiration came from the social media app
‘Skype’, although other inspiration came from ‘Facebook’ and ‘Twitter’.
With the idea of convergence, the app will be available on Android and IOS devices as well
as, having a free download: To help with the interaction of the website, users will be able to
post photos and videos like Facebook, but also have the availability to Live Stream/ Chat
with friends.
Harmony - Purpose
From the inspiration of the social lipsyncing app; ‘Musical.ly’ and ‘Tik tok’ I decided to
interpret the idea of this social networking app, with the collaboration of snapchat filters and
stickers resulting in a musical social network.
This purpose serves as to build confidence through comedy, singing and develop new skills
as well as entertain. The collaboration of this app and Snapchat, by combining two of the
most popular trends of music, filters and fun transitions, the purpose of ‘Harmony’ would be
fun and entertaining for all ages.
‘Harmony’ is a social networking app where the user can also interact with their friends and
followers through collaborations, and live chatting, and its purpose to entertain and gain
friends, build ones self-esteem and show their creativity, and the interest in free download
from the app store, and I plan to communicate with friends who have similar interests.
Harmony - Content
An simple but visually appealing homepage where the user can have access to the needed
necessities such as their, profile, new popular trends, the camera, chats and likes.
Similar to the content layout of both Snapchat and Musical.ly I play to combine and
experiment with the layout ideas as to what kind of content would be attractive to my aimed
target audience.
From the example images shown below, I really like how the content limit is easy to use and
easy to access; for example, Snapchat’s homepage opens directly to the camera, and
Musical.ly’s homepage opens us to new posts every few minutes as well as quick add
where the user can add new people and make new friends.
I plan to have content that would anchor in my target audience to use to app mainly on their
phone.
Harmony - Inspirational Mood board
An app that is available for all ages as the aim of the aim is to interact and express their
creativity resulting in the entertainment of the app.
Who?
My plan for this app to be aimed at all ages of both genders
Why?
Inspired by the musical social app, ‘Musical.ly’ my goal is to create content and allow the
public to interact and create their own content in their own style along with the connection to
their other social networking apps such as: Instagram and Facebook.
The reason as to why I decided to aim this social app to an audience of all ages is because
in comparison to ‘Hype’ where their is a specific age gap/limit, I want this social app to be a
continuous connection within the social network.
Harmony - Target Audience
Harmony - Target Audience
Katz - Uses and Gratifications Maslow - Hierarchy of Needs Hartley - Subjectives
With the idea of Katz’s theory, for my target audience I
aim to focus one of the main points of ‘Personal
Relationship’ as this allows the audience to build a
close link between each other.
The second main point of Katz’ theory is of ‘Inform and
Educate’ as the content created by the user of my
specific target audience is to create and learn
something from the app and from other people.
Keeping Maslow’s theory in mind, my social
networking app is to be focusing on the main point
of; ‘Social Climbers’ as this idea will allow the
audience to improve their status; although my aim for
this social app is not about popularity but build in
confidence and creativity.
However, with Hartley’s theory the main aim for my social
media product is that the subjectivities of:
Age: With a target audience of all ages to allow a constant
flow of connection between adults and children when
using the app.
Gender: My social networking app should be visually
appealing for both genders as this should be symbolised
by the colour scheme and an organised layout of the app.
Self-image: However, my social app will not be focusing
on the number of followers or likes a users has. With this
subjectivity I plan to have content that will improve the
users’ self-esteem and self-worth
Harmony - Target Audience (continued)
Socio-economics Psychographics
‘The social science that studies how economic activity affects and is
shaped by social processes. In general it analyzes how societies
progress, stagnate, or regress because of their local or regional economy,
or the global economy. Societies are divided into 3 groups: social, cultural
and economic.’
For my second social media website, the aimed social grade group is
mainly; ‘C2-D’
I chose this type of social grade due to my aimed target audience being
for both genders and for all ages; I plan to have a large community with
interesting content.
‘A study of and classification of people according to their attitude,
aspirations and other psychographic criteria , especially in market
research.’
In relation to my social media app I plan to have a targeted psychographic
audience of; ‘Explorers’ and ‘Succeeders’ because the social app is
mainly for the communication and connection between different people of
different backgrounds.
https://en.wikipedia.org/wiki/Socioeconomics
Harmony - Format and Style
For my social media app, I wanted to go towards a more eye-catching for my aimed target
audience and would be suitable for both genders; therefore with the colours scheme of red
and black, the contrast in the two colours is very visually appealing and would anchor my
target audience of the social networking app.
Similarly, I wanted to have a font style that would link very well to the colour scheme. After
looking on Dafont.com, I decided to go for the font style ‘Musicals’, and I went for this font
style as the connotations would resemble to social networking app as well as create a
suitable contrast with the colour scheme.
In addition, the format of my social networking app would consists of uploading new content
such as Audio-visual and having a user profile page, as these features would draw in my
aimed target demographic where the content is appropriate and relevant.
Font Name What is looks like Colour Scheme
Harmony - Logo
For my logo, I first search a singular music note and saved it as a JPEG file, then I opened it in
Adobe Photoshop with a canvas size of 14.99x 16.02 and opened the image. With the quick
selection tool, then selected the note and copied it over twice, making sure that they were the
same height. Using the rectangular marquee tool, I connected the two notes together which
symbolises a rest on a music sheet. I coloured the “rest” with the brush tool in the colour black
and finally, I double clicked on the layer and added to an ‘outer glow’ and a ‘inner shadow’ to
make the logo stand out more, the final logo result is shown below.
I went for this logo because, even though it resembles my colour scheme and the connected
music notes form the letter ‘H’; ‘Harmony’ is a entertaining lip syncing app where users can
create and explore: Because ‘Harmony’ is as musical social networking app, I decided to create
an app logo that would make a statement that the social network is for entertainment, creativity
and interaction.
Harmony - Hand Drawn Drafts (Mockups) - Sign up & Homepage
Harmony - Graphic Layouts (Mockups) - Sign up & Homepage
Title (Harmony)
Slogan
Name
Email
Username
Password
Confirm Password
Create
I agree with the
Terms &
Conditions
Title (Harmony)
Stories
Name
UserName
Image
&
Name
Image
&
Name
Image
&
Name
Image
&
Name
Image
&
Name
Album
Name
Video
Text,
Song Name and Artist
25.2K
561
428
Home Explore Camera Comments Likes Profile
Harmony - Competitors
Having more competitors for my second social media product would be competing against
four other social media networks. As most of the inspiration has come from the four
networks, the content that ‘Harmony’ consists of would be entertaining, suitable for the
target audience and appropriate for the user.
Facebook: Competing against ‘Harmony’ for an organised layout as well as being able to
like and comment directly under posts
Snapchat: Known for their popularity in the use of filters, stickers and bitmojis; my idea of
my social networking app ‘Harmony’ is to include the idea of having different filters and
stickers that would entice the users to record, create and present.
Musical.ly: An app where the users can upload a short lip-synced video to a wide audience
by including special effects and timed sequences. My idea for my social app is to allow the
user to communicate and present their work in the form of music and videos.
Harmony - Slogan and Convergence
As this social app is mostly focused towards the musical side of the social networking
community, I wanted to have a slogan that represents this idea.
I plan to have a short slogan that will be eye-catching but also memorable; therefore I
decided to go for the slogan;
- ‘We are the notes and the community is the music’
I went for this slogan because of the wide musical community of creators where every users
is a note and the larger the community, the better the music.
● However, moving onto the convergence of the app, I plan to have the social app have;
direct messaging privately between users
● Free download on the app store
● Connect using wifi and mobile data
● Not risk of Copyright
‘Copyright protects written, theatrical, musical and artistic works. It can also be applied to film,
book layouts, sound recordings and broadcasts. You can copyright software and databases
as well, since they are classed as literary works.’
In the Media Industry
In relation to my social networking app, the songs downloaded are Copyright free as of the
permission to download the songs will be initiated by the app company.
Copyright and Freelancing
Employers, employees or contractors ask to sign an agreement that concedes the copyright
ownership.
Relating to my social media app, the company will enforce copyright ownership of the
downloaded song however, users can not download the songs off the app.
Infringement
The social app must ensure not to contravene copyright protection for work in a public domain.
In such incidents where it can be near the impossibility to track and ensure legal action
against copyright unless abuse has taken place in which the copyright owner can therefore
take legal actions against fringement.
Harmony - Copyright
https://www.nibusinessinfo.co.uk/content/copyright-media-industries
Final Results - Apps
Hype
Harmony
As a rough example as to what it would
look like home a mobile phone home
screen, I took two screenshots of my
phone homescreen and sent them to
myself.
I then copied the app logo and pasted it
over my screenshot and added the
name underneath to make them look
like social media apps
The reason as to why I decided to this
was to test how visually appealing it the
app would look against a certain
background
Overall, I really like how I am able to
visually see how the app would look like
on a mobile device.
Photoshop Products - Website - Hype
Photoshop Products - Website - Harmony
Set-by-set - Sign up page - Step 1
1. For my first website, I first of all went on Dafont.com and downloaded my chosen font style: ‘Buba’
2. Then in Adobe Photoshop, I created a new canvas template of 1080x1920, and inserted a rainbow
gradient image as the background from google images by which this relates to the logo.
Label layer
‘Rainbow
Gradient’
1. File
2. New
or
(Cmd N)
Set-by-set - Sign up page - Step 2
1. With the Move tool, I went to; Edit, Free Transform and held down Shift and resized the title to my liking.
2. I selected and highlighted the title in black, which provided a focal contrast to the background.
Move tool
(cmd M)
1. Edit
2. Free
Transform
(cmd T)
Set-by-set - Sign up page - Step 3
1. With the ‘Text Tool’ and font style again, I typed up my slogan and using the ‘Move tool’ I placed it in the
center underneath my website name.
Text Tool
Move Tool
(cmd M) Labeled layer
‘Slogan’
Social Media
name
‘Title’
Set-by-set - Sign up page - Step 4
1. Using the ‘Rectangle Marquee’ tool, I added a space for where I would then use the ‘Text tool’ to insert the
First Name indication.
2. Then with the ‘Text tool’ again I added the indication and placed it in the center of the rectangle
Move tool
(cmd M)
Text tool
Rectangle
Marquee tool
Text layer
Rectangle
layer
Set-by-set - Sign up page - Step 5
1. The ‘Move tool’ then helped me copy and paste the rectangle shape seven more times which then resulted
in a more even and organised result, due to the ‘Ruler tool’ which help me with the alignment.
2. With the ‘Text tool’ again, I added the indications of; Last Name, Email etc.
Move tool
(cmd M)
Text tool
Rectangle
Marquee tool
Text layer
Rectangle
layer
Set-by-set - Sign up page - Step 6
1. I included the Facebook and Instagram logo and changed the colour of the ‘Sign up’ icon.
2. Then, I added the Terms and conditions text as this is quite common in other social media sign ups
3. Finally, I saved as both a JPEG file and a Large Document File
Move tool
Text tool
Rectangle
Marquee tool
Text layer
Rectangle
layer
Set-by-set - Homepage - Step 1
1. On a new layout of a canvas size 1920x1080.
2. Then I went to; ‘Layer’, ‘New fill layer’ and ‘Gradient’ and changed the colour to Red, and then labeled the
layer ‘Red Gradient’: and I also added another gradient of green which then extended the gradient
appearance.
Set-by-set - Homepage - Step 2
1. First, on my canvas I created the profile side of my website by firstly adding the search bar using the
‘Rectangle Marquee tool’ and added a search logo; and used the ‘Text tool’ to label the box.
Text tool
Move tool
(cmd M)
Rectangle
Marquee
tool
Search logo
Set-by-set - Homepage - Step 3
1. With the ‘Rectangle Marquee tool’ I created a large box as to where the image would be and then included
an image of my own as an example.
2. Again underneath I added a smaller rectangle as this would act as the comment section of the website
3. Next I added a heart logo and duplicated the layer again and placed it next to the other comment box
using the ‘Move tool’
Move tool
(cmd M)
Rectangle
Marquee
tool
Text tool
Search logo
Set-by-set - Homepage - Step 3
1. Using the ‘Elliptical tool’ I was able to select, copy and paste over the selected image and using the ‘Move
tool’ I then positioned the image under the search box
2. Mainly using the; ‘Text tool’, ‘Rectangle Marquee tool’ and the ‘Move tool’ I added additional featured the
account side of my website.
Elliptical tool
Text tool
Rectangle
Marquee tool
and
Ellipse
Marquee tool
Text Layers
Shape layers
Profile Image
Move tool
(cmd M)
Set-by-set - Homepage - Step 4
1. Using the ‘Rectangle Marquee tool’, ‘Move tool’ and ‘Text tool’ I added the additional features onto the
homepage to resemble my graphic layout and hand drawn draft design.
2. Over my image layer, I decided to include my own images onto the website to make it look more visually
appealing and understanding; then I saved as both a JPEG and Large Document File.
Elliptical tool
Text tool
Rectangle
Marquee tool
Move tool
(cmd M)
Image Layer
Text Layer
Shape layer
Set-by-set - Sign up - Step 1
1. Onto my second sign up page, I created a canvas size of 1080x1920 for my second social media sign up
page.
2. From google images I searched a cool background which then resulted in the background shown above.
3. To alter the size to fit the canvas, I went to; ‘Edit’, ‘Free Transform’ and holding down ‘Shift’ (which keeps
the images shape) I changed the size to fit and cover the canvas.
1. Edit
2. Free
Transform
(cmd T)
Move tool
(cmd M)
Image layer
Background
layer
Set-by-set - Sign up - Step 2
1. Using the ‘Text tool’ and my chosen font style; ‘Musicals’ I entered in my company name and changed the
size by going to; ‘Edit’, ‘Free Transform’ and ‘Scale’ and holding down ‘Shift’ I was able to alter the size of
my title.
2. Again with the ‘Text tool’ I include my chosen slogan in black and kept a small but also readable font style.
Move tool
(cmd M)
Text tool
Title layer
Set-by-set - Sign up - Step 3
1. The ‘Rectangle Marquee tool’ helped me create boxes to include my labels.
2. With the ‘Text tool’ labeled my first box ‘Name’; which I also did for the rest of my layers.
3. I went to; ‘Layer’, ‘Duplicate layer’ and change the layer name to, Username, Password etc.
4. And with the ‘Move tool’ I placed each box and text to align with the center of the canvas.
5. Finally, the end result shown above was then saved as a JPEG file and a Large Document file
Text tool
Move tool
(cmd M)
Rectangle
Marquee
tool
1. Layer
2. Duplicate
Layer
Rectangle
Marquee -
Box layer
Text layer
1. File
2. Save As
3. Large
Document
File
or
1. JPEG
(cmd S)
Set-by-set - Homepage - Step 1
1. On a new canvas of 1080x1920 I first placed my own image as the profile picture and using the ‘Elliptical
tool’ I selected and area and copied it over, then pressing ‘cmd T’ and holding down ‘shift’ I changed the
size of the image.
2. With the ‘Text tool’ I then added the title of the website with the ‘Musicals’ font that i downloaded from
Dafont.com
Move tool
(cmd M)
Text tool
Elliptical
Marquee tool
Title layer
Profile image
layer
Set-by-set - Homepage - Step 2
1. Using my own images, i included them into the ‘Stories’ section of my homepage where I was them able to
add the; Name, Username and Stories feature above the images.
2. Using the; ‘Move tool’, ‘Text tool’, ‘Elliptical tool’ and the ‘Rectangle Marquee tool’ I added the needed
features to the homepage to resemble the design of my hand drawn draft and graphic layout.
3. Finally, I included a gradient of red into the background to fill the empty space and changed the background
layer to black
Text tool
Move tool
(cmd M)
Rectangle
Marquee
tool
Rectangle
Marquee -
Box layer
Text layer
Icon image layer
Conclusion
As a result, I have decided to choose ‘Harmony’ as my final product due to the organised
layout which creates a sense of simplicity and uniqueness, along with the aimed target
audience of all ages and both genders would acts as a Unique Selling Point of the product
and the overall concept of the social media site is quite engaging.
Although, ‘Hype’ allows the user to communicate in real time through the inspiration of
‘Skype’; I chose ‘Harmony’ because of the creativity and influence that this could have an
impact in the creative business of social media.
Furthermore, the user will have the capability of presenting their creativeness in new and
visually engaging ways through songs and music genres and in relation to my graphic
layouts, hand drawn drafts and other key search that I have included in this unit has made
me understand that ‘Harmony’ is a better choice.

More Related Content

What's hot

As Website Evaluation
As Website EvaluationAs Website Evaluation
As Website Evaluationguest38ee7e
 
Pinterest Redesign Process Book
Pinterest Redesign Process BookPinterest Redesign Process Book
Pinterest Redesign Process BookCedric Colston
 
Social@Ogilvy On: Pinterest for Brands
Social@Ogilvy On: Pinterest for BrandsSocial@Ogilvy On: Pinterest for Brands
Social@Ogilvy On: Pinterest for BrandsOgilvy Consulting
 
Unit 35-LO2
Unit 35-LO2Unit 35-LO2
Unit 35-LO2lewis269
 
Tactical social-media-for-writers shannon-bodie
Tactical social-media-for-writers shannon-bodieTactical social-media-for-writers shannon-bodie
Tactical social-media-for-writers shannon-bodieBookWise Design
 
The New Marketing Reality: Visual Content
The New Marketing Reality: Visual ContentThe New Marketing Reality: Visual Content
The New Marketing Reality: Visual ContentLikeable Media
 
Using Pinterest for Customer Engagement
Using Pinterest for Customer EngagementUsing Pinterest for Customer Engagement
Using Pinterest for Customer EngagementSoDA Speaks
 
6 Ways to Shake Up Social in Your App
6 Ways to Shake Up Social in Your App6 Ways to Shake Up Social in Your App
6 Ways to Shake Up Social in Your AppDMIMarketing
 
How to use Facebook social plugins
How to use Facebook social pluginsHow to use Facebook social plugins
How to use Facebook social pluginsFastory
 
Brands Go Visual: Marketing in the Age of the Image
Brands Go Visual: Marketing in the Age of the ImageBrands Go Visual: Marketing in the Age of the Image
Brands Go Visual: Marketing in the Age of the ImageMWWPR
 
Make Your First UX Comic - UX in the City 2016
Make Your First UX Comic - UX in the City 2016Make Your First UX Comic - UX in the City 2016
Make Your First UX Comic - UX in the City 2016Bonny Colville-Hyde
 
L3 cmpt y2 evaluation template (2) copy
L3 cmpt y2 evaluation template (2)   copyL3 cmpt y2 evaluation template (2)   copy
L3 cmpt y2 evaluation template (2) copyLily809411
 

What's hot (19)

As Website Evaluation
As Website EvaluationAs Website Evaluation
As Website Evaluation
 
MyTweetFace
MyTweetFaceMyTweetFace
MyTweetFace
 
MyTweetFace
MyTweetFaceMyTweetFace
MyTweetFace
 
Content & conversation
Content & conversationContent & conversation
Content & conversation
 
Pinterest Redesign Process Book
Pinterest Redesign Process BookPinterest Redesign Process Book
Pinterest Redesign Process Book
 
Social@Ogilvy On: Pinterest for Brands
Social@Ogilvy On: Pinterest for BrandsSocial@Ogilvy On: Pinterest for Brands
Social@Ogilvy On: Pinterest for Brands
 
group project
group projectgroup project
group project
 
Unit 35-LO2
Unit 35-LO2Unit 35-LO2
Unit 35-LO2
 
Evaluation
EvaluationEvaluation
Evaluation
 
Unit 35- LO1
Unit 35- LO1Unit 35- LO1
Unit 35- LO1
 
Tactical social-media-for-writers shannon-bodie
Tactical social-media-for-writers shannon-bodieTactical social-media-for-writers shannon-bodie
Tactical social-media-for-writers shannon-bodie
 
The New Marketing Reality: Visual Content
The New Marketing Reality: Visual ContentThe New Marketing Reality: Visual Content
The New Marketing Reality: Visual Content
 
Using Pinterest for Customer Engagement
Using Pinterest for Customer EngagementUsing Pinterest for Customer Engagement
Using Pinterest for Customer Engagement
 
6 Ways to Shake Up Social in Your App
6 Ways to Shake Up Social in Your App6 Ways to Shake Up Social in Your App
6 Ways to Shake Up Social in Your App
 
How to use Facebook social plugins
How to use Facebook social pluginsHow to use Facebook social plugins
How to use Facebook social plugins
 
Brands Go Visual: Marketing in the Age of the Image
Brands Go Visual: Marketing in the Age of the ImageBrands Go Visual: Marketing in the Age of the Image
Brands Go Visual: Marketing in the Age of the Image
 
Evaluation
EvaluationEvaluation
Evaluation
 
Make Your First UX Comic - UX in the City 2016
Make Your First UX Comic - UX in the City 2016Make Your First UX Comic - UX in the City 2016
Make Your First UX Comic - UX in the City 2016
 
L3 cmpt y2 evaluation template (2) copy
L3 cmpt y2 evaluation template (2)   copyL3 cmpt y2 evaluation template (2)   copy
L3 cmpt y2 evaluation template (2) copy
 

Similar to Unit 35: LO2

Sophie Angus Unit 35 LO2
Sophie Angus Unit 35 LO2Sophie Angus Unit 35 LO2
Sophie Angus Unit 35 LO2sangus7
 
7 piont evaluation for website
7 piont evaluation for website7 piont evaluation for website
7 piont evaluation for websiteTommy Noad
 
7 piont evaluation for website
7 piont evaluation for website7 piont evaluation for website
7 piont evaluation for websiteTommy Noad
 
Social Media in Marketing in Support of Your Personal Brand - Nicola Osborne
Social Media in Marketing in Support of Your Personal Brand - Nicola OsborneSocial Media in Marketing in Support of Your Personal Brand - Nicola Osborne
Social Media in Marketing in Support of Your Personal Brand - Nicola OsborneEDINA, University of Edinburgh
 
The Grid Audience Proposal
The Grid Audience ProposalThe Grid Audience Proposal
The Grid Audience ProposalShaniceYates
 
Higher English Reflective Essay Sqa
Higher English Reflective Essay SqaHigher English Reflective Essay Sqa
Higher English Reflective Essay SqaAmber Lina
 
Unit 35 - Social Media Products
Unit 35 - Social Media ProductsUnit 35 - Social Media Products
Unit 35 - Social Media Productsstamkostas3068
 
The Grid Evaluation
The Grid EvaluationThe Grid Evaluation
The Grid EvaluationShaniceYates
 

Similar to Unit 35: LO2 (20)

Unit 35 LO2
Unit 35 LO2Unit 35 LO2
Unit 35 LO2
 
The Grid
The GridThe Grid
The Grid
 
Sophie Angus Unit 35 LO2
Sophie Angus Unit 35 LO2Sophie Angus Unit 35 LO2
Sophie Angus Unit 35 LO2
 
7 piont evaluation for website
7 piont evaluation for website7 piont evaluation for website
7 piont evaluation for website
 
7 piont evaluation for website
7 piont evaluation for website7 piont evaluation for website
7 piont evaluation for website
 
UNIT 35 - LO2
UNIT 35 - LO2UNIT 35 - LO2
UNIT 35 - LO2
 
Pratibha project
Pratibha projectPratibha project
Pratibha project
 
Unit 35 - LO3
Unit 35 - LO3Unit 35 - LO3
Unit 35 - LO3
 
Social Media in Marketing in Support of Your Personal Brand - Nicola Osborne
Social Media in Marketing in Support of Your Personal Brand - Nicola OsborneSocial Media in Marketing in Support of Your Personal Brand - Nicola Osborne
Social Media in Marketing in Support of Your Personal Brand - Nicola Osborne
 
The Grid Audience Proposal
The Grid Audience ProposalThe Grid Audience Proposal
The Grid Audience Proposal
 
Higher English Reflective Essay Sqa
Higher English Reflective Essay SqaHigher English Reflective Essay Sqa
Higher English Reflective Essay Sqa
 
Unit 35
Unit 35Unit 35
Unit 35
 
Unit 35 - L01 - L04
Unit 35 - L01 - L04Unit 35 - L01 - L04
Unit 35 - L01 - L04
 
research + planning
research + planningresearch + planning
research + planning
 
The grid
The gridThe grid
The grid
 
Unit 35 - Social Media Products
Unit 35 - Social Media ProductsUnit 35 - Social Media Products
Unit 35 - Social Media Products
 
Peupil pitch deck
Peupil pitch deck Peupil pitch deck
Peupil pitch deck
 
The Grid Evaluation
The Grid EvaluationThe Grid Evaluation
The Grid Evaluation
 
Unit 35 lo2
Unit 35 lo2Unit 35 lo2
Unit 35 lo2
 
Social Media + Blogging + Online Selling + Digital Strategy + Small Business ...
Social Media + Blogging + Online Selling + Digital Strategy + Small Business ...Social Media + Blogging + Online Selling + Digital Strategy + Small Business ...
Social Media + Blogging + Online Selling + Digital Strategy + Small Business ...
 

More from patriceinsuastandrews5107 (20)

Unit 30: Pitch
Unit 30: PitchUnit 30: Pitch
Unit 30: Pitch
 
Unit 30: LO2
Unit 30: LO2Unit 30: LO2
Unit 30: LO2
 
Unit 35: LO1
Unit 35: LO1Unit 35: LO1
Unit 35: LO1
 
Unit 30: LO1
Unit 30: LO1Unit 30: LO1
Unit 30: LO1
 
Unit 35: LO4
Unit 35: LO4Unit 35: LO4
Unit 35: LO4
 
Unit 15: LO2
Unit 15: LO2Unit 15: LO2
Unit 15: LO2
 
Unit 15: LO3
Unit 15: LO3Unit 15: LO3
Unit 15: LO3
 
Unit 15: LO5
Unit 15: LO5Unit 15: LO5
Unit 15: LO5
 
Witness Statement: Unit 15 - LO5
Witness Statement: Unit 15 - LO5Witness Statement: Unit 15 - LO5
Witness Statement: Unit 15 - LO5
 
Unit 15 LO4: Pitch
Unit 15 LO4: PitchUnit 15 LO4: Pitch
Unit 15 LO4: Pitch
 
Unit 15 - LO4 Pitch Script
Unit 15 - LO4 Pitch ScriptUnit 15 - LO4 Pitch Script
Unit 15 - LO4 Pitch Script
 
Unit 15: LO2 - Photoshoot plan - Magazine Back page
Unit 15: LO2 - Photoshoot plan - Magazine Back pageUnit 15: LO2 - Photoshoot plan - Magazine Back page
Unit 15: LO2 - Photoshoot plan - Magazine Back page
 
Unit 15: LO2 - Photoshoot plan - Poster
Unit 15: LO2 - Photoshoot plan - PosterUnit 15: LO2 - Photoshoot plan - Poster
Unit 15: LO2 - Photoshoot plan - Poster
 
Unit 15: LO2
Unit 15: LO2Unit 15: LO2
Unit 15: LO2
 
Unit 15: LO1
Unit 15: LO1Unit 15: LO1
Unit 15: LO1
 
Unit 35: LO4
Unit 35: LO4Unit 35: LO4
Unit 35: LO4
 
Unit 35: LO1
Unit 35: LO1Unit 35: LO1
Unit 35: LO1
 
Unit 15: LO1
Unit 15: LO1Unit 15: LO1
Unit 15: LO1
 
Unit 15: LO1
Unit 15: LO1Unit 15: LO1
Unit 15: LO1
 
Unit 35: LO4
Unit 35: LO4Unit 35: LO4
Unit 35: LO4
 

Recently uploaded

“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...Marc Dusseiller Dusjagr
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introductionMaksud Ahmed
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxNirmalaLoungPoorunde1
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactdawncurless
 
Separation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesSeparation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesFatimaKhan178732
 
Mastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionMastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionSafetyChain Software
 
Crayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon ACrayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon AUnboundStockton
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...EduSkills OECD
 
KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...
KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...
KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...M56BOOKSTORE PRODUCT/SERVICE
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13Steve Thomason
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformChameera Dedduwage
 
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptxContemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptxRoyAbrique
 
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17Celine George
 
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxPOINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxSayali Powar
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityGeoBlogs
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxmanuelaromero2013
 

Recently uploaded (20)

“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptx
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
 
Separation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesSeparation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and Actinides
 
Mastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionMastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory Inspection
 
Crayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon ACrayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon A
 
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdfTataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 
KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...
KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...
KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...
 
Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy Reform
 
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptxContemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
 
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
 
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
 
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxPOINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activity
 
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptx
 

Unit 35: LO2

  • 1.
  • 2. Contents Mind maps Slide 3,4 and 5 Hype - Purpose Slide 6 Content Slide 7 Moodboard Slide 8 Target Audience Slide 9 and 10 Format and Style Slide 11 Logo Slide 12 Hand-Drawn Drafts Slide 13 Graphic Layouts Slide 14 Competitors Slide 15 Slogan and Convergence Slide 16 Harmony - Purpose Slide 17 Content Slide 18 Moodboard Slide 19 Target Audience Slide 20, 21 and 22 Format and Style Slide 23 Logo Slide 24 Hand-Drawn Drafts (Mock ups) Slide 25 Graphic Layouts (Mockups)) Slide 26 Competitors Slide 27 Slogan and Convergence Slide 28 Copyright Slide 29 Photoshop Products App Slide 30 Photoshop Products Website Slide 31 and 32 Set-by-set - Photoshop Slide 33 to 48 Conclusion Slide 49
  • 3. Social Media Ideas Features 1. Scroll through feed 2. Access profile 3. Check likes and comments 4. Explore/ Discover Target Audience 1. Good range 2. Both genders/ Specific gender 3. What the target audience interests are 4. Available for a large audience (simple to use the website) Homepage Features 1. Easy access 2. View other people’s stories 3. Profile 4. Sign in/ out 5. Home button 6. Explore/Discover Colour Scheme 1. Pink, Purple and Blue 2. Orange, Yellow and White 3. Grey, White and Black 4. Red and White 5. Red and Black and Gradient Convergence 1. Post and View photos and videos 2. Tagging/ Hashtags 3. Connection to other social media links 4. App available on Android or IOS Slogan 1. Short 2. Catchy/ Memorable 3. Anchoring 4. Bold/ Statement Competitors 1. Twitter 2. Skype 3. Instagram 4. Facebook 5. Snapchat 6. Musical.ly Names 1. Live 2. Social Share 3. The Watering Hole 4. Hype 5. Connect 6. Speed 7. Harmony
  • 4. Social Media Ideas “Hype” Features ● Toolbar: Access profile, setting and explore ● Search bar: Search and add people ● Stories: Icon of their profile picture and can view their posts Target Audience ● Good and reasonable age range ● Compatible and entertain both genders ● Eye-catching and easy for them to use ● Ages: 14 to 34 Homepage Features ● Scroll through feed of people you follow ● Icons to sign in/ out or add another account ● Image icon of profile picture to access profile Colour Scheme ● Red and White ● Orange, Yellow and White Convergence ● Post videos and images ● Video chat/ Live stream ● Available on any mobile device ● Download free on the app store Slogan ● “Like Skype but with a H” ● Say Hello to a new form of video chatting” ● “See yourself through the camera” Competitors ● Facebook - Clear and organised layout ● Instagram - Look through posts and videos, view stories ● Skype - Facetime and Video Chat
  • 5. Social Media Ideas “Harmony” Features ● See other people’s posts ● Post images and videos with filters or stickers ● Direct messaging Target Audience ● Both genders ● All ages ● Easy and entertaining Homepage Features ● Look through social feed ● Toolbar/ Sidebar: Search and add, view who commented and liked your posts ● Settings Colour Scheme ● Red, Black and Gradient ● Orange, Grey and Red Convergence ● Direct messaging ● Upload photos and videos ● Free download ● Wifi or Mobile Data only ● Songs are NOT Copyright Slogan ● “We are the notes, the community is the music” ● “Like an orchestra where every person is unique ● “Music speaks what cannot be heard” Competitors ● Facebook - View, like and comment directly under posts ● Snapchat - Try filters and stickers with your posts ● Musical.ly - Lip Syncing app
  • 6. Hype - Purpose Communication and interaction between friends and family over a desktop of pc screen. The idea of video chatting a family member and scrolling through feed or watching the same video together can suggest a close relationship if this is a long distance video chat, the idea of video chatting while socialising through looking through the same photos or videos can reduce separation anxiety or help long distance relationships, friendships or families. The idea behind the social networking website of ‘Hype’ is a form of communication between people in different locations/ countries to appear like they were together in real time rather than replying to messages at different times. The purpose of ‘Hype’ is suggest a fun and entertaining interaction between people as the ideas gained from ‘Skype’ would be more than looking at a camera screen and nothing else; overall, the purpose of ‘Hype’ serves as a multi-purpose website where you can chat with someone and explore your social feed, although this not to draw the consumer away from the video chat but provide a sense of enlightenment when communicating. Finally, the main purpose for this social media product is to allow the chance for users to interact with each other and make new friends, since the internet has improved and is expanding its knowledge.
  • 7. Hype - Content The content would need to be easy to use and available for the public to access. Therefore, having minimal content on one screen would be easy, where the user can access the video chat as well as scroll through their social network feed; through this content, users are able to interact with other people instead of one person at a time. The content would connote the idea of having two separate conversations where one it through the camera and the other is behind the screen. The overall content that the website is trying to portray is that it should be appropriate and suitable for the consumer as this should relate to the colour scheme and font style. Mainly the content should be eye-catching and visually appealing which would therefore draw in the consumers to sign up to the website, due to the availability of group video chatting up to four people. Overall, from this I plan to create social networking site that is inspired by uploading user-created content (e.g. photos and videos), instant messaging and facilities for blogging.
  • 8. Hype - Inspirational Mood board
  • 9. Hype - Target Audience For this social media websites, I decided to go for Hartley’s theory of ‘Age’ and ‘Gender’ where the age range would be suitable for the user in which I went for the age range of 14 to 34 and that the social media product is aimed at both males and females. I aimed to have my website with a large age range as I wanted a large target audience to have entertainment as well as learn the website as a social network, along with teaching others the main use of the website as a form of communication; and Maslow’s theory of ‘Explorers’ where the user is driven by the social change and interests. The focal point of my chosen target audience is that I aim the website to entertain and draw the males and females to connect and socially interact through comments, posts and video chatting; My target audience would also be represented through my created logo which would symbolise all genders and the name of the social media app. With Katz’ theory in mind, the social media website is focused on ‘Personal Identification’ because in the form of communication between friends, this can allow the user to someone or the situation they are in.
  • 10. Harmony - Target Audience (continued) Socio-economics Psychographics ‘The social science that studies how economic activity affects and is shaped by social processes. In general it analyzes how societies progress, stagnate, or regress because of their local or regional economy, or the global economy. Societies are divided into 3 groups: social, cultural and economic.’ In relation to my social website my specific target audience is mainly aimed towards the social grades of D and E because low grade earners will receive a low pension as this social networking app will not contribute to a users’ earning in comparison to Youtube. ‘A study of and classification of people according to their attitude, aspirations and other psychographic criteria , especially in market research.’ I accordance with the classification of psychographics, my target audience focuses on: ‘Aspirers’ and ‘Explorers’; the reason as to why I chose these psychographics is because my social networking app is for communication and creativity and through these psychographics users will be able to mainly seek discovery as they will get inspired and explore. https://en.wikipedia.org/wiki/Socioeconomichttps://en.wikipedia.org/wiki/Socioeconomic
  • 11. Hype - Format and Style As this website has been inspired by ‘Skype’ I decided to go for a bright theme with complimentary colours for the website name and logo. Using the helpfulness of the website; Dafont.com, wanted my name to have a 3D effect, therefore I chose the font style: ‘Buba’ because the appearance is very eye-catching for my target audience, as well as the my chosen colour scheme would compliment and enhance the name. My chosen colour scheme of; Red and White as these colours would compliment and enhance the website screen, name and logo This mobile app would be more suitable for the desktop, therefore I plan to go for the canvas size of 1920x1080 and therefore be suitable for a desktop screen. Font Name What is looks like Colour Scheme
  • 12. Hype - Logo I wanted to create a logo that symbolises both genders equally. The final result is shown below: First, I created a canvas on Adobe Photoshop 14.99x 16.02 which was the right size for my logo. Then using the ‘Paint Bucket’ tool on the ‘Background’ layer and I covered the canvas in black, and using the ‘Rectangular marquee’ tool on the setting of “Add selection” and created two vertical rectangles and one horizontal rectangle and coloured them in white using the brush tool; this creates the signature ‘H’ for the website name ‘Hype’. On a new layer, I pasted a male and female icon which I got off the internet and using the ‘Quick selection tool’ I selected the male and female icons and then on a rainbow gradient setting using the ‘Gradient tool’ I drag from the top to the bottom of the canvas, this then created a nice looking gradient. The final result is a good example towards my first social media website because the male and female icons which the rainbow gradient is an example of ‘Pride’ and equality between genders and the letter ‘H’ is a good connotation of the website name.
  • 13. Hype - Hand Drawn Drafts (Mockups) - Sign up & Homepage
  • 14. Hype - Graphic Layout (Mockups) - Sign up & Homepage Title (Hype) Slogan First Name Last Name Email Username Password Sign up Sign up with Instagram Sign up with Facebook Terms & Conditions Image Comment Image Comment Search Account Bio Name Username Posts Followers Following Image Image Image Image Image Image Who’s Online? See All Image Image Image Image Image Image Edit Profile 50 241 210
  • 15. Hype - Competitors Competing with three other social media website of: Instagram, Facebook and Skype which are quite popular websites nowadays due to the large increase in the global population. I plan to create a website with the inspiration from my chosen three competitors and include features which would ingregue the public to the website and go past the sign up page and homepage. With the competitor of Facebook, I plan to create and use a similar layout however I aim to keep the layout simple and organised, as this would help users with the access to needed necessities. From Instagram, I want include the idea of colour which has inspired me from the company logo; the idea of having colourful themes would be very anchoring towards my aimed target audience, and therefore my chosen colours of: Red, White and Green would be very visually appeal to my aimed audience. Known for their popular facetime calls, Skype is a popular social media app where the user can facetime a friend or family member for a different location: Adapting this, the social media website will allow the user to live communicate with friends
  • 16. Hype - Slogan and Convergence I wanted to go for a slogan that would entice the viewer to website and would also resemble the name. Deciding on the anchoring slogan: “Like Skype but with a H” Because I wanted to connote that most of the inspiration came from the social media app ‘Skype’, although other inspiration came from ‘Facebook’ and ‘Twitter’. With the idea of convergence, the app will be available on Android and IOS devices as well as, having a free download: To help with the interaction of the website, users will be able to post photos and videos like Facebook, but also have the availability to Live Stream/ Chat with friends.
  • 17. Harmony - Purpose From the inspiration of the social lipsyncing app; ‘Musical.ly’ and ‘Tik tok’ I decided to interpret the idea of this social networking app, with the collaboration of snapchat filters and stickers resulting in a musical social network. This purpose serves as to build confidence through comedy, singing and develop new skills as well as entertain. The collaboration of this app and Snapchat, by combining two of the most popular trends of music, filters and fun transitions, the purpose of ‘Harmony’ would be fun and entertaining for all ages. ‘Harmony’ is a social networking app where the user can also interact with their friends and followers through collaborations, and live chatting, and its purpose to entertain and gain friends, build ones self-esteem and show their creativity, and the interest in free download from the app store, and I plan to communicate with friends who have similar interests.
  • 18. Harmony - Content An simple but visually appealing homepage where the user can have access to the needed necessities such as their, profile, new popular trends, the camera, chats and likes. Similar to the content layout of both Snapchat and Musical.ly I play to combine and experiment with the layout ideas as to what kind of content would be attractive to my aimed target audience. From the example images shown below, I really like how the content limit is easy to use and easy to access; for example, Snapchat’s homepage opens directly to the camera, and Musical.ly’s homepage opens us to new posts every few minutes as well as quick add where the user can add new people and make new friends. I plan to have content that would anchor in my target audience to use to app mainly on their phone.
  • 20. An app that is available for all ages as the aim of the aim is to interact and express their creativity resulting in the entertainment of the app. Who? My plan for this app to be aimed at all ages of both genders Why? Inspired by the musical social app, ‘Musical.ly’ my goal is to create content and allow the public to interact and create their own content in their own style along with the connection to their other social networking apps such as: Instagram and Facebook. The reason as to why I decided to aim this social app to an audience of all ages is because in comparison to ‘Hype’ where their is a specific age gap/limit, I want this social app to be a continuous connection within the social network. Harmony - Target Audience
  • 21. Harmony - Target Audience Katz - Uses and Gratifications Maslow - Hierarchy of Needs Hartley - Subjectives With the idea of Katz’s theory, for my target audience I aim to focus one of the main points of ‘Personal Relationship’ as this allows the audience to build a close link between each other. The second main point of Katz’ theory is of ‘Inform and Educate’ as the content created by the user of my specific target audience is to create and learn something from the app and from other people. Keeping Maslow’s theory in mind, my social networking app is to be focusing on the main point of; ‘Social Climbers’ as this idea will allow the audience to improve their status; although my aim for this social app is not about popularity but build in confidence and creativity. However, with Hartley’s theory the main aim for my social media product is that the subjectivities of: Age: With a target audience of all ages to allow a constant flow of connection between adults and children when using the app. Gender: My social networking app should be visually appealing for both genders as this should be symbolised by the colour scheme and an organised layout of the app. Self-image: However, my social app will not be focusing on the number of followers or likes a users has. With this subjectivity I plan to have content that will improve the users’ self-esteem and self-worth
  • 22. Harmony - Target Audience (continued) Socio-economics Psychographics ‘The social science that studies how economic activity affects and is shaped by social processes. In general it analyzes how societies progress, stagnate, or regress because of their local or regional economy, or the global economy. Societies are divided into 3 groups: social, cultural and economic.’ For my second social media website, the aimed social grade group is mainly; ‘C2-D’ I chose this type of social grade due to my aimed target audience being for both genders and for all ages; I plan to have a large community with interesting content. ‘A study of and classification of people according to their attitude, aspirations and other psychographic criteria , especially in market research.’ In relation to my social media app I plan to have a targeted psychographic audience of; ‘Explorers’ and ‘Succeeders’ because the social app is mainly for the communication and connection between different people of different backgrounds. https://en.wikipedia.org/wiki/Socioeconomics
  • 23. Harmony - Format and Style For my social media app, I wanted to go towards a more eye-catching for my aimed target audience and would be suitable for both genders; therefore with the colours scheme of red and black, the contrast in the two colours is very visually appealing and would anchor my target audience of the social networking app. Similarly, I wanted to have a font style that would link very well to the colour scheme. After looking on Dafont.com, I decided to go for the font style ‘Musicals’, and I went for this font style as the connotations would resemble to social networking app as well as create a suitable contrast with the colour scheme. In addition, the format of my social networking app would consists of uploading new content such as Audio-visual and having a user profile page, as these features would draw in my aimed target demographic where the content is appropriate and relevant. Font Name What is looks like Colour Scheme
  • 24. Harmony - Logo For my logo, I first search a singular music note and saved it as a JPEG file, then I opened it in Adobe Photoshop with a canvas size of 14.99x 16.02 and opened the image. With the quick selection tool, then selected the note and copied it over twice, making sure that they were the same height. Using the rectangular marquee tool, I connected the two notes together which symbolises a rest on a music sheet. I coloured the “rest” with the brush tool in the colour black and finally, I double clicked on the layer and added to an ‘outer glow’ and a ‘inner shadow’ to make the logo stand out more, the final logo result is shown below. I went for this logo because, even though it resembles my colour scheme and the connected music notes form the letter ‘H’; ‘Harmony’ is a entertaining lip syncing app where users can create and explore: Because ‘Harmony’ is as musical social networking app, I decided to create an app logo that would make a statement that the social network is for entertainment, creativity and interaction.
  • 25. Harmony - Hand Drawn Drafts (Mockups) - Sign up & Homepage
  • 26. Harmony - Graphic Layouts (Mockups) - Sign up & Homepage Title (Harmony) Slogan Name Email Username Password Confirm Password Create I agree with the Terms & Conditions Title (Harmony) Stories Name UserName Image & Name Image & Name Image & Name Image & Name Image & Name Album Name Video Text, Song Name and Artist 25.2K 561 428 Home Explore Camera Comments Likes Profile
  • 27. Harmony - Competitors Having more competitors for my second social media product would be competing against four other social media networks. As most of the inspiration has come from the four networks, the content that ‘Harmony’ consists of would be entertaining, suitable for the target audience and appropriate for the user. Facebook: Competing against ‘Harmony’ for an organised layout as well as being able to like and comment directly under posts Snapchat: Known for their popularity in the use of filters, stickers and bitmojis; my idea of my social networking app ‘Harmony’ is to include the idea of having different filters and stickers that would entice the users to record, create and present. Musical.ly: An app where the users can upload a short lip-synced video to a wide audience by including special effects and timed sequences. My idea for my social app is to allow the user to communicate and present their work in the form of music and videos.
  • 28. Harmony - Slogan and Convergence As this social app is mostly focused towards the musical side of the social networking community, I wanted to have a slogan that represents this idea. I plan to have a short slogan that will be eye-catching but also memorable; therefore I decided to go for the slogan; - ‘We are the notes and the community is the music’ I went for this slogan because of the wide musical community of creators where every users is a note and the larger the community, the better the music. ● However, moving onto the convergence of the app, I plan to have the social app have; direct messaging privately between users ● Free download on the app store ● Connect using wifi and mobile data ● Not risk of Copyright
  • 29. ‘Copyright protects written, theatrical, musical and artistic works. It can also be applied to film, book layouts, sound recordings and broadcasts. You can copyright software and databases as well, since they are classed as literary works.’ In the Media Industry In relation to my social networking app, the songs downloaded are Copyright free as of the permission to download the songs will be initiated by the app company. Copyright and Freelancing Employers, employees or contractors ask to sign an agreement that concedes the copyright ownership. Relating to my social media app, the company will enforce copyright ownership of the downloaded song however, users can not download the songs off the app. Infringement The social app must ensure not to contravene copyright protection for work in a public domain. In such incidents where it can be near the impossibility to track and ensure legal action against copyright unless abuse has taken place in which the copyright owner can therefore take legal actions against fringement. Harmony - Copyright https://www.nibusinessinfo.co.uk/content/copyright-media-industries
  • 30. Final Results - Apps Hype Harmony As a rough example as to what it would look like home a mobile phone home screen, I took two screenshots of my phone homescreen and sent them to myself. I then copied the app logo and pasted it over my screenshot and added the name underneath to make them look like social media apps The reason as to why I decided to this was to test how visually appealing it the app would look against a certain background Overall, I really like how I am able to visually see how the app would look like on a mobile device.
  • 31. Photoshop Products - Website - Hype
  • 32. Photoshop Products - Website - Harmony
  • 33. Set-by-set - Sign up page - Step 1 1. For my first website, I first of all went on Dafont.com and downloaded my chosen font style: ‘Buba’ 2. Then in Adobe Photoshop, I created a new canvas template of 1080x1920, and inserted a rainbow gradient image as the background from google images by which this relates to the logo. Label layer ‘Rainbow Gradient’ 1. File 2. New or (Cmd N)
  • 34. Set-by-set - Sign up page - Step 2 1. With the Move tool, I went to; Edit, Free Transform and held down Shift and resized the title to my liking. 2. I selected and highlighted the title in black, which provided a focal contrast to the background. Move tool (cmd M) 1. Edit 2. Free Transform (cmd T)
  • 35. Set-by-set - Sign up page - Step 3 1. With the ‘Text Tool’ and font style again, I typed up my slogan and using the ‘Move tool’ I placed it in the center underneath my website name. Text Tool Move Tool (cmd M) Labeled layer ‘Slogan’ Social Media name ‘Title’
  • 36. Set-by-set - Sign up page - Step 4 1. Using the ‘Rectangle Marquee’ tool, I added a space for where I would then use the ‘Text tool’ to insert the First Name indication. 2. Then with the ‘Text tool’ again I added the indication and placed it in the center of the rectangle Move tool (cmd M) Text tool Rectangle Marquee tool Text layer Rectangle layer
  • 37. Set-by-set - Sign up page - Step 5 1. The ‘Move tool’ then helped me copy and paste the rectangle shape seven more times which then resulted in a more even and organised result, due to the ‘Ruler tool’ which help me with the alignment. 2. With the ‘Text tool’ again, I added the indications of; Last Name, Email etc. Move tool (cmd M) Text tool Rectangle Marquee tool Text layer Rectangle layer
  • 38. Set-by-set - Sign up page - Step 6 1. I included the Facebook and Instagram logo and changed the colour of the ‘Sign up’ icon. 2. Then, I added the Terms and conditions text as this is quite common in other social media sign ups 3. Finally, I saved as both a JPEG file and a Large Document File Move tool Text tool Rectangle Marquee tool Text layer Rectangle layer
  • 39. Set-by-set - Homepage - Step 1 1. On a new layout of a canvas size 1920x1080. 2. Then I went to; ‘Layer’, ‘New fill layer’ and ‘Gradient’ and changed the colour to Red, and then labeled the layer ‘Red Gradient’: and I also added another gradient of green which then extended the gradient appearance.
  • 40. Set-by-set - Homepage - Step 2 1. First, on my canvas I created the profile side of my website by firstly adding the search bar using the ‘Rectangle Marquee tool’ and added a search logo; and used the ‘Text tool’ to label the box. Text tool Move tool (cmd M) Rectangle Marquee tool Search logo
  • 41. Set-by-set - Homepage - Step 3 1. With the ‘Rectangle Marquee tool’ I created a large box as to where the image would be and then included an image of my own as an example. 2. Again underneath I added a smaller rectangle as this would act as the comment section of the website 3. Next I added a heart logo and duplicated the layer again and placed it next to the other comment box using the ‘Move tool’ Move tool (cmd M) Rectangle Marquee tool Text tool Search logo
  • 42. Set-by-set - Homepage - Step 3 1. Using the ‘Elliptical tool’ I was able to select, copy and paste over the selected image and using the ‘Move tool’ I then positioned the image under the search box 2. Mainly using the; ‘Text tool’, ‘Rectangle Marquee tool’ and the ‘Move tool’ I added additional featured the account side of my website. Elliptical tool Text tool Rectangle Marquee tool and Ellipse Marquee tool Text Layers Shape layers Profile Image Move tool (cmd M)
  • 43. Set-by-set - Homepage - Step 4 1. Using the ‘Rectangle Marquee tool’, ‘Move tool’ and ‘Text tool’ I added the additional features onto the homepage to resemble my graphic layout and hand drawn draft design. 2. Over my image layer, I decided to include my own images onto the website to make it look more visually appealing and understanding; then I saved as both a JPEG and Large Document File. Elliptical tool Text tool Rectangle Marquee tool Move tool (cmd M) Image Layer Text Layer Shape layer
  • 44. Set-by-set - Sign up - Step 1 1. Onto my second sign up page, I created a canvas size of 1080x1920 for my second social media sign up page. 2. From google images I searched a cool background which then resulted in the background shown above. 3. To alter the size to fit the canvas, I went to; ‘Edit’, ‘Free Transform’ and holding down ‘Shift’ (which keeps the images shape) I changed the size to fit and cover the canvas. 1. Edit 2. Free Transform (cmd T) Move tool (cmd M) Image layer Background layer
  • 45. Set-by-set - Sign up - Step 2 1. Using the ‘Text tool’ and my chosen font style; ‘Musicals’ I entered in my company name and changed the size by going to; ‘Edit’, ‘Free Transform’ and ‘Scale’ and holding down ‘Shift’ I was able to alter the size of my title. 2. Again with the ‘Text tool’ I include my chosen slogan in black and kept a small but also readable font style. Move tool (cmd M) Text tool Title layer
  • 46. Set-by-set - Sign up - Step 3 1. The ‘Rectangle Marquee tool’ helped me create boxes to include my labels. 2. With the ‘Text tool’ labeled my first box ‘Name’; which I also did for the rest of my layers. 3. I went to; ‘Layer’, ‘Duplicate layer’ and change the layer name to, Username, Password etc. 4. And with the ‘Move tool’ I placed each box and text to align with the center of the canvas. 5. Finally, the end result shown above was then saved as a JPEG file and a Large Document file Text tool Move tool (cmd M) Rectangle Marquee tool 1. Layer 2. Duplicate Layer Rectangle Marquee - Box layer Text layer 1. File 2. Save As 3. Large Document File or 1. JPEG (cmd S)
  • 47. Set-by-set - Homepage - Step 1 1. On a new canvas of 1080x1920 I first placed my own image as the profile picture and using the ‘Elliptical tool’ I selected and area and copied it over, then pressing ‘cmd T’ and holding down ‘shift’ I changed the size of the image. 2. With the ‘Text tool’ I then added the title of the website with the ‘Musicals’ font that i downloaded from Dafont.com Move tool (cmd M) Text tool Elliptical Marquee tool Title layer Profile image layer
  • 48. Set-by-set - Homepage - Step 2 1. Using my own images, i included them into the ‘Stories’ section of my homepage where I was them able to add the; Name, Username and Stories feature above the images. 2. Using the; ‘Move tool’, ‘Text tool’, ‘Elliptical tool’ and the ‘Rectangle Marquee tool’ I added the needed features to the homepage to resemble the design of my hand drawn draft and graphic layout. 3. Finally, I included a gradient of red into the background to fill the empty space and changed the background layer to black Text tool Move tool (cmd M) Rectangle Marquee tool Rectangle Marquee - Box layer Text layer Icon image layer
  • 49. Conclusion As a result, I have decided to choose ‘Harmony’ as my final product due to the organised layout which creates a sense of simplicity and uniqueness, along with the aimed target audience of all ages and both genders would acts as a Unique Selling Point of the product and the overall concept of the social media site is quite engaging. Although, ‘Hype’ allows the user to communicate in real time through the inspiration of ‘Skype’; I chose ‘Harmony’ because of the creativity and influence that this could have an impact in the creative business of social media. Furthermore, the user will have the capability of presenting their creativeness in new and visually engaging ways through songs and music genres and in relation to my graphic layouts, hand drawn drafts and other key search that I have included in this unit has made me understand that ‘Harmony’ is a better choice.