16
NEW PROFILE FOR ARTISTS We are excited to bring you the next generation of artist profiles on MySpace. With the help of feedback from artists and designers worldwide, we’ve given our profiles a new look and feel that will improve the artist to fan interaction on MySpace. The new profile is designed to enhance, yet simplify the experience for friends and fans visiting your profile. We’ve brought more simplicity and consistency to the navigation, making it easier than ever for your fans to find your music, photos, videos, tour dates, and more. We’ve also introduced some new customization tools to help personalize your profile. NEW FEATURES INCLUDE: • Cleaner, More Simple Look • Upload more songs, and feature up to 20 songs on your profile • Dozens of new themes in our theme gallery Create your own custom marquee header • Easier navigation with all your stuff in one place • Your profile design on your photos, videos, and other pages SO, WHAT DOES THIS MEAN FOR YOU? All of the above facilitate better artist to fan interaction, allowing your fans to stay more engaged on your pages for longer periods of time in a way that was never available before. FLIP THIS PAGE TO GET STARTED! * A r t i s t p r o f i l e r e n d i t i o n s t o i l l u s t r a t e n e w l o o k a n d f e e l . N o t l i v e o n s i t e .

NEW PROFILE FOR ARTISTScreative.myspace.com/msm/artisthq/36371569designguide.pdfNEW PROFILE FOR ARTISTS We are excited to bring you the next generation of artist profiles on MySpace

  • Upload
    others

  • View
    3

  • Download
    0

Embed Size (px)

Citation preview

  • NEW PROFILE FOR ARTISTSWe are excited to bring you the next generation of artist profiles on MySpace.With the help of feedback from artists and designers worldwide, we’ve given our profiles a new look and feel that will improve the artist to fan interaction on MySpace. The new profile is designed to enhance, yet simplify the experience for friends and fans visiting your profile. We’ve brought more simplicity and consistency to the navigation, making it easier than ever for your fans to find your music, photos, videos, tour dates, and more. We’ve also introduced some new customization tools to help personalize your profile.

    NEW FEATURES INCLUDE:

    • Cleaner, More Simple Look

    • Upload more songs, and feature up to 20 songs on your profile

    • Dozens of new themes in our theme gallery

    • Create your own custom marquee header

    • Easier navigation with all your stuff in one place

    • Your profile design on your photos, videos, and other pages

    SO, WHAT DOES THIS MEAN FOR YOU?

    All of the above facilitate better artist to fan interaction,allowing your fans to stay more engaged on your pages for longer periods of time in a way that was never available before.

    FLIP THIS PAGE TO GET STARTED!

    *Art

    ist p

    rofil

    e r e

    nditi

    ons

    to il

    lust

    rate

    new

    loo k

    and

    feel

    . No t

    live

    on

    site

    .

  • TABLE OF CONTENTS

    Getting Started . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3Express Profile Setup . . . . . . . . . . . . . . . . . . . . . . . 4Build My Own Theme – Background . . . . . . . . . 5 - 6Build My Own Theme – Colors. . . . . . . . . . . . . . 7 - 8 Build My Own Theme – Fonts . . . . . . . . . . . . . . . . . 9Build My Own Theme – Styles . . . . . . . . . . . . . . . . 10Build My Own Theme – Layout . . . . . . . . . . . . . . . 11Create a Custom Marquee . . . . . . . . . . . . . . . . . . . 12Create a Custom HTML . . . . . . . . . . . . . . . . . . . . . 13Modules . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14Move My Modules . . . . . . . . . . . . . . . . . . . . . . . . . . 15FAQs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16

    2

    Note: OPTIONS for easy customization*

  • GETTING STARTED HERE ARE SOME HELPFUL TIPS TO HELP YOU GET STARTED CREATING YOUR NEW PROFILE.

    1. Login to your MySpace account

    2. Click Profile in the dropdown menu

    3. Select Customize Profile

    4. Click Upgrade

    SOME NOTES BEFORE YOU GET STARTED:

    1. Before you begin, copy all the code from your current profile into a word document for reference. This will come in handy when creating your HTML Boxes and Marquee.

    2. The Editor will stay open and the changes you make to your profile will appear in real time. You can click the Bar Icon in the upper right hand corner to minimize the editor.

    3. Even though your changes appear in real time, your changes will not go live until you click Publish to save changes.

    4. If at any time you’d like to go back, click the Reset button to start from scratch or go back to your old profile.

    12

    3

    4

    1

    2 3

    4

    3

  • EXPRESS PROFILE SETUP BUILD YOUR PROFILE IN 3 EASY STEPS!

    1. Select Pick A Theme in the profile migration wizard

    2. Choose from hundreds of pre-designed themes. Pick your favorite and Select Theme

    3. Click Publish to seal the deal! 1

    2

    3

    CHECK OUT THESE EXCITING NEW THEMES

    4

  • BUILD MY OWN THEME BACKGROUND USE A PHOTO

    1. Select Background

    2. Select Use a photo

    3. Click Browse My Photos...

    4. Select Upload Photos tab

    5. Click Browse button Select Image from Browser and Click Choose

    6. Click Upload

    * Stretch or Tile options

    Begin creating your own customized profile by selecting Build My Own Theme in the Profile Editor.

    1

    2

    3

    4

    5

    6

    *

    * Tiled * Stretched

    5

  • BUILD MY OWN THEME BACKGROUND TYPE A URL

    1. Select Background

    2. Select Type URL

    3. Enter URL

    4. Click Done

    * Stretch or Tile options

    Scroll Background with Page feature allows the background to stay in place as the user scrolls down the page

    Background Position: To experiment with different background positions, click this button and it changes in real time.

    In addition to uploading your own photo, you can also use your own URL.

    * Tiled

    Begin creating your customized profile by selecting “Build My Own Theme” in the profile editor.

    1

    23

    4

    *

    * Stretched

    6

  • BUILD MY OWN THEME COLORSWe’ve created some combinations of colors that you might like in our color palette. You can select one of ours, or create your own.

    1. Click Edit

    2. Click Color Square of the area to be modified

    3. Mix a New Color by selecting one on the color wheel. Or enter a color code, for example

    • Black: #000000• White: #FFFFFF• Red: #FF0000• Please reference slide 8 for color codes

    * Without Background Image * With Background Image

    1

    2

    3

    A

    B

    C

    D

    E

    A

    B

    D

    E

    A B C D

    E

    7

  • 1. Select Color from Color Chart

    2. Enter Color Code into the Color Mixer Tool [see slide 7 for more info]

    2

    BUILD MY OWN THEME COLORSHere are some web safe color codesto help you design like a pro.

    1

    8

  • BUILD MY OWN THEME FONTS

    1. Select Fonts

    2. Select Font Size

    3. Select Header Text font

    4. Select Body Text font

    5. Click Publish

    12

    3

    4

    5

    9

  • BUILD MY OWN THEME STYLES

    1. Select Styles

    2. Select Module Border style

    3. Select Module Header style1

    2

    3

    10

    Module Border

    Module Headers

  • BUILD MY OWN THEME LAYOUTYou can choose between a two column layout, and a two column layout with a module at the bottom.

    1. Select Change Layout bar from Navigator

    2. Select Layout style

    * Add a Marquee option see page 12 for more info

    Layout B allows you to format a modulethat will run across the bottom of your profile.In order to do this, you will need to dragand drop the selected module in place.[see slide 14 for more info]

    A B

    B

    1

    2

    A B

    11

    *

  • CREATE A CUSTOM MARQUEEYou can make a custom header for your profile using our new Marquee feature! Here’s how to get started:

    1. Under Layout, select Add A Marquee. This adds the Marquee module to your profile

    2. Double click on the Module on your Profile to edit the Marquee

    3. Enter Marquee Height Marquee width is 960 px. Marquee height is 250 px, but expandable to 999 px.

    4. Insert your HTML code into this box. Place HTML ONLY in this box. No other items will work. Sample Code:

    Here is an example of code you can use for an imagethat is hyperlinked to appear in your header.

    5. Once live, your marquee will appear in the space between the MySpace Header and the start of your Profile

    1

    HELPFUL TIPS ON WHAT CAN GO IN MARQUEE

    • An image of your band

    • A placement highlighting your new album, video, or single.

    • A video embed

    12

    2

    3

    INSERT CODE HERE

    5

    4

    * Marquee Collapsed * Marquee Expanded

    *

    *

  • CREATE A CUSTOM HTML BOXIn addition to the marquee, you can create your own modules for your profile with a custom title and HTML. To Get Started, click HTML Box under modules.

    1. Click Add HTML Box within Modules tab in Navigator

    2. Double click on the Module on your Profile to edit the HTML Box

    3. Insert your HTML code into this box.

    HELPFUL TIPS ON WHAT CAN GO IN HTML BOXES

    • Widgets

    • Video Embeds

    • Banners promoting your shows, t-shirts, albums, etc

    This will add the html box to your profile. Double click on it and an open box will appear for you to insert your HTML code.

    2

    3

    INSERT CODE HERE

    1

    A

    B

    A

    B

    Right Hand Column Ideal Width is 300 Pixels Wide

    Left Hand Column Ideal Width is 450 Pixels Wide

    Height is AdjustablePlease note this when designing your creative

    13

  • MODULES

    1. Select Modules bar from Navigator

    2. Click Add to Add Module

    3. Click Remove to Remove Module

    4. Adjust Features

    Hoover over Title Bar of ModuleFeature Icons Will Appear

    Settings

    Edit Module

    VisibilityControl your privacy settings

    Delete Module

    RECOMMENDED TOP MODULES FOR ARTISTS

    • Music Player

    • Video Player

    • Shows & Events

    • Friends

    • Status and Mood

    • Blog

    • Comments

    MODULE MENU

    1

    2

    3

    4

    Status and MoodA stream of just status updates.

    BlogRecent posts from your blog.

    CommentsRecent comments from you friends.

    FriendsShow off your friends.

    General Info

    HTML BoxCreate your own module with a custom title and HTML.

    Music

    Music Player

    Photos

    Post Comment

    Shows & Events

    Stream

    Video PlayerFeature a video right on your profile.

    Video SliderShow thumbnails of all your videos.

    Videos

    14

  • MOVE MY MODULES

    1. Click on Module you want to move

    2. Drag & Drop the module in new location

    3. You’re Module has moved!

    1

    23

    15

  • FAQs

    What happened to all of my CSS elements?Based on user feedback we’ve received, we’ve removed CSS from the new profiles,and instead offer you better customization tools to personalize your profile.

    What are the ideal spec sizes to use in the new profile?• Marquee: the maximum spec size is 960 x 250 px.• HTML Box:

    • Right hand column, 300 px wide. Height is adjustable.• Left hand column, 450 px wide. Height is adjustable.

    IMPORTANT STUFF TO KNOW:

    • Your HTML and CSS have been preserved, and will be available should you decide to revert from the beta profile.

    • Many profile modules can now be dragged and dropped for easy customization of your pages [see slide 14 for more info]

    • We are working on a solution to grant access to CSS on a case by case basis in the near future.

    For additional questions, please contact your label relations representative for more information.

    16

    Slide 1Slide 2Slide 3Slide 4Slide 5Slide 6Slide 7Slide 8Slide 9Slide 10Slide 11Slide 12Slide 13Slide 14Slide 15Slide 16