ASSIGNMENT
1
Prototyping Responsive Layouts
Brendan Lane
IAT 334 - D102
The fictional social media platform
for sharing original music
Monitor Display
1680 x 1050 pixel resolution - 16:10 ratio
1. Monitor Display Wireframe (1680 x 1467 pixels)
2. Full Monitor Mockup (1680 x 1467 pixels)
3. Target Size Monitor Mockup (1680 x 1050 pixels)
The fictional social media platform
for sharing original music
LOGO
SEARCH
MY NAME
PROFILE NAME
Profile Views
Appreciations
Listens
Active Since
PROFILE INFO
MY NAME
Notifications
51 FOLLOWERS
Follower 1
Follower 2
Settings
Follower 3
SOCIAL ICONS
Suggested
Following
Followers
Playlists
History
Profile Bio
Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Sed
dapibus tempus lorem eu
tempor. Aliquam sit amet
elementum lorem. Nam aliquet
lacus ut enim ullamcorper
cursus. Mauris non facilisis leo,
ut luctus lacus. Ut vehicula
enim ac augue gravida
adipiscing.
FOLLOW
22 SONGS
Follower 4
Follower 5
5 PLAYLISTS
FEATURED SONG
SEE ALL
62 FOLLOWING
Song Title - 3:11
Listens · Appreciations · Comments
Dec 29
Tags go here
Following 1
Following 2
APPRECIATE
COMMENT
Following 3
ADD TO PLAYLIST
Following 4
Following 5
Song Title - 4:24
Dec 21
Listens · Appreciations · Comments
Tags go here
APPRECIATE
Listens · Appreciations · Comments
Dec 5
SEE ALL
Tags go here
COMMENT
ADD TO PLAYLIST
Song Title - 6:23
Nov 16
Listens · Appreciations · Comments
Tags go here
APPRECIATE
Song Title - 3:47
APPRECIATE
COMMENT
Song Title - 4:42
Listens · Appreciations · Comments
ADD TO PLAYLIST
Nov 1
Tags go here
COMMENT
ADD TO PLAYLIST
APPRECIATE
SEE MORE
FOOTER
COMMENT
ADD TO PLAYLIST
songpad
Brendan Lane
Search
Patrick Tong
Profile Views
Appreciations
Listens
Active Since
Guitarist, singer, songwriter
Brendan Lane
Vancouver, BC, Canada
Simon Fraser University
Notifications
4,562
323
6,722
Jan 2007
51 FOLLOWERS
Jessica Leung
Leo Ives
Settings
Shelly Chau
FOLLOW
Suggested
Ryan Caron
Following
Followers
Playlists
History
About Me
Hi! I’m a Vancouver-based singersongwriter with a lot to say. I’ve
been playing guitar since I was 5
years old and I’ve never looked
back since. I hope you enjoy my
sound and the songs that I write!
What I Do
Classical guitar
Singing
Songwriting
Rock guitar
Live performance
Studio recording
22
22SONGS
SONGS
Marco Muller
5 PLAYLISTS
FEATURED SONG
SEE ALL
62 FOLLOWING
The Shadow of the Wolf - 3:11
Dec 29
512 Listens · 22 Appreciations · 3 Comments
Acoustic Guitar Folk Ballad
Ty Michaels
Kylie Pelletier
APPRECIATE
COMMENT
Ash Ketchum Jr.
ADD TO PLAYLIST
Jackson Lee
Education
Random Music School
Sep 2005 - Oct 2006
Another Music School
Nov 2006 - Jun 2007
Max Huntington
End of the World - 4:24
2,048 Listens · 67 Appreciations · 53 Comments
Dec 21
Electric Guitar Rock
APPRECIATED
662 Listens · 35 Appreciations · 12 Comments
Dec 5
SEE ALL
Acoustic Guitar Folk Ballad
COMMENT
Strangers - 6:23
723 Listens · 19 Appreciations · 7 Comments
ADD TO PLAYLIST
Nov 16
Acoustic Guitar Folk Blues
APPRECIATE
Welcome to the Moon - 3:47
COMMENT
APPRECIATE
COMMENT
We All Fall Down - 4:42
823 Listens · 27 Appreciations · 4 Comments
ADD TO PLAYLIST
Nov 1
Acoustic Guitar Folk Ballad
ADD TO PLAYLIST
APPRECIATE
COMMENT
SEE MORE SONGS
©Brendan Lane 2014
IAT 334 - D102
Images taken with permission from the Facebook pages of Peter Tang and Brendan Lane.
Social icons from Behance.net
ADD TO PLAYLIST
songpad
Brendan Lane
Search
Patrick Tong
Profile Views
Appreciations
Listens
Active Since
Guitarist, singer, songwriter
Brendan Lane
Vancouver, BC, Canada
Simon Fraser University
Notifications
4,562
323
6,722
Jan 2007
51 FOLLOWERS
Jessica Leung
Leo Ives
Settings
Shelly Chau
FOLLOW
Suggested
Ryan Caron
Following
Followers
Playlists
History
About Me
Hi! I’m a Vancouver-based singersongwriter with a lot to say. I’ve
been playing guitar since I was 5
years old and I’ve never looked
back since. I hope you enjoy my
sound and the songs that I write!
What I Do
Classical guitar
Singing
Songwriting
Rock guitar
Live performance
Studio recording
22
22SONGS
SONGS
Marco Muller
5 PLAYLISTS
FEATURED SONG
SEE ALL
62 FOLLOWING
The Shadow of the Wolf - 3:11
Dec 29
512 Listens · 22 Appreciations · 3 Comments
Acoustic Guitar Folk Ballad
Ty Michaels
Kylie Pelletier
APPRECIATE
COMMENT
Ash Ketchum Jr.
ADD TO PLAYLIST
Jackson Lee
Education
Random Music School
Sep 2005 - Oct 2006
Another Music School
Nov 2006 - Jun 2007
Max Huntington
End of the World - 4:24
2,048 Listens · 67 Appreciations · 53 Comments
Dec 21
Electric Guitar Rock
APPRECIATED
Welcome to the Moon - 3:47
662 Listens · 35 Appreciations · 12 Comments
Dec 5
SEE ALL
Acoustic Guitar Folk Ballad
COMMENT
ADD TO PLAYLIST
APPRECIATE
COMMENT
ADD TO PLAYLIST
Tablet Display
1024 x 768 pixel resolution - 4:3 ratio
1. Tablet Display Wireframe (1024 x 1442 pixels)
2. Full Tablet Mockup (1024 x 1442 pixels)
3. Target Size Tablet Mockup (1024 x 768 pixels)
The fictional social media platform
for sharing original music
LOGO
SEARCH
MY NAME
PROFILE NAME
PROFILE INFO
MY NAME
Notifications
Settings
SOCIAL ICONS
Suggested
Following
22 SONGS
5 PLAYLISTS
FOLLOW
51 FOLLOWERS
62 FOLLOWING
Followers
Playlists
FEATURED SONG
History
Song Title - 3:11
Listens · Appreciations · Comments
Dec 29
Tags go here
APPRECIATE
Song Title - 4:24
Listens · Appreciations · Comments
COMMENT
Dec 21
Tags go here
APPRECIATED
Song Title - 3:47
Listens · Appreciations · Comments
Dec 5
Tags go here
COMMENT
Song Title - 6:23
Listens · Appreciations · Comments
ADD TO PLAYLIST
Nov 16
Tags go here
APPRECIATE
ADD TO PLAYLIST
APPRECIATE
COMMENT
Song Title - 4:42
Listens · Appreciations · Comments
ADD TO PLAYLIST
Nov 1
Tags go here
COMMENT
ADD TO PLAYLIST
APPRECIATE
SEE MORE
FOOTER
COMMENT
ADD TO PLAYLIST
songpad
Brendan Lane
Search
Patrick Tong
Guitarist, singer, songwriter
Brendan Lane
Vancouver, BC, Canada
Simon Fraser University
Notifications
Settings
More About Me
FOLLOW
Suggested
Following
22 SONGS
5 PLAYLISTS
51 FOLLOWERS
62 FOLLOWING
Followers
Playlists
FEATURED SONG
History
The Shadow of the Wolf - 3:11
Dec 29
512 Listens · 22 Appreciations · 3 Comments
Acoustic Guitar Folk Ballad
APPRECIATE
COMMENT
End of the World - 4:24
2,048 Listens · 67 Appreciations · 53 Comments
Dec 21
Electric Guitar Rock
APPRECIATED
Welcome to the Moon - 3:47
662 Listens · 35 Appreciations · 12 Comments
Dec 5
Acoustic Guitar Folk Ballad
COMMENT
Strangers - 6:23
723 Listens · 19 Appreciations · 7 Comments
ADD TO PLAYLIST
Nov 16
Acoustic Guitar Folk Blues
APPRECIATE
ADD TO PLAYLIST
APPRECIATE
COMMENT
We All Fall Down - 4:42
823 Listens · 27 Appreciations · 4 Comments
ADD TO PLAYLIST
Nov 1
Acoustic Guitar Folk Ballad
COMMENT
ADD TO PLAYLIST
APPRECIATE
COMMENT
SEE MORE SONGS
©Brendan Lane 2014
IAT 334 - D102
Images taken with permission from the Facebook pages of Peter Tang and Brendan Lane.
Social icons from Behance.net
ADD TO PLAYLIST
songpad
Brendan Lane
Search
Patrick Tong
Guitarist, singer, songwriter
Brendan Lane
Vancouver, BC, Canada
Simon Fraser University
Notifications
Settings
More About Me
FOLLOW
Suggested
Following
22 SONGS
5 PLAYLISTS
51 FOLLOWERS
62 FOLLOWING
Followers
Playlists
FEATURED SONG
History
The Shadow of the Wolf - 3:11
Dec 29
512 Listens · 22 Appreciations · 3 Comments
Acoustic Guitar Folk Ballad
APPRECIATE
COMMENT
ADD TO PLAYLIST
Smartphone Display
640 x 1136 pixel resolution - 9:16 ratio
1. Smartphone Display Wireframe (640 x 1434 pixels)
2. Full Smartphone Mockup (640 x 1434 pixels)
3. Target Size Smartphone Mockup (640 x 1136 pixels)
The fictional social media platform
for sharing original music
LOGO
MENU
SEARCH
PROFILE NAME
PROFILE INFO
FOLLOW
22 SONGS
5 PLAYLISTS
51 FOLLOWERS
62 FOLLOWING
FEATURED SONG
Song Title - 3:11
Listens · Appreciations · Comments
December 29
Tags go here
APPRECIATE
COMMENT
Song Title - 4:24
Listens · Appreciations · Comments
ADD TO PLAYLIST
Dec 21
Tags go here
APPRECIATED
COMMENT
Song Title - 3:47
Listens · Appreciations · Comments
ADD TO PLAYLIST
Dec 5
Tags go here
APPRECIATE
COMMENT
Song Title - 6:23
Listens · Appreciations · Comments
ADD TO PLAYLIST
Nov16
Tags go here
APPRECIATE
COMMENT
Song Title - 4:42
Listens · Appreciations · Comments
ADD TO PLAYLIST
Nov 1
Tags go here
APPRECIATE
COMMENT
SEE MORE
FOOTER
ADD TO PLAYLIST
Patrick Tong
Guitarist, singer, songwriter
Vancouver, BC, Canada
Simon Fraser University
More About Me
FOLLOW
22 SONGS
5 PLAYLISTS
51 FOLLOWERS
62 FOLLOWING
FEATURED SONG
The Shadow of the Wolf - 3:11
512 Listens · 22 Appreciations · 3 Comments
Dec 29
Acoustic Guitar Folk Ballad
APPRECIATE
COMMENT
End of the World - 4:24
2,048 Listens · 67 Appreciations · 53 Comments
ADD TO PLAYLIST
Dec 21
Electric Guitar Rock
APPRECIATED
COMMENT
Welcome to the Moon - 3:47
662 Listens · 35 Appreciations · 12 Comments
ADD TO PLAYLIST
Dec 5
Acoustic Guitar Folk Ballad
APPRECIATE
COMMENT
Strangers - 6:23
723 Listens · 19 Appreciations · 7 Comments
ADD TO PLAYLIST
Nov 16
Acoustic Guitar Folk Blues
APPRECIATE
COMMENT
We All Fall Down - 4:42
823 Listens · 27 Appreciations · 4 Comments
ADD TO PLAYLIST
Nov 1
Acoustic Guitar Folk Ballad
APPRECIATE
COMMENT
ADD TO PLAYLIST
SEE MORE SONGS
©Brendan Lane 2014
IAT 334 - D102
Images taken with permission from the Facebook page of Peter Tang.
Patrick Tong
Guitarist, singer, songwriter
Vancouver, BC, Canada
Simon Fraser University
More About Me
FOLLOW
22 SONGS
5 PLAYLISTS
51 FOLLOWERS
62 FOLLOWING
FEATURED SONG
The Shadow of the Wolf - 3:11
512 Listens · 22 Appreciations · 3 Comments
Dec 29
Acoustic Guitar Folk Ballad
APPRECIATE
COMMENT
End of the World - 4:24
2,048 Listens · 67 Appreciations · 53 Comments
ADD TO PLAYLIST
Dec 21
Electric Guitar Rock
APPRECIATED
COMMENT
Welcome to the Moon - 3:47
662 Listens · 35 Appreciations · 12 Comments
ADD TO PLAYLIST
Dec 5
Acoustic Guitar Folk Ballad
APPRECIATE
COMMENT
Strangers - 6:23
723 Listens · 19 Appreciations · 7 Comments
ADD TO PLAYLIST
Nov 16
Acoustic Guitar Folk Blues
APPRECIATE
COMMENT
We All Fall Down - 4:42
ADD TO PLAYLIST
Nov 1