Download - Build your portfolio online in 2h
Goal: post my portfolioonline in 2 hours
I use my desktop computer (Win or Mac)
The steps
1. Brainstorming: what do I need for further display ?2. I collect my pictures3. I get my text in shape4. I build up my portfolio5. I input interface texts6. I fill out my gallery7. I fill out my page8. I fill my home (page)9. I fill out my contact form
10. I post
Jump to advanced features
1 - Brainstorming
Advice1. A portfolio is not a picture catalog2. A portfolio contains my best pictures3. A portfolio is build to sell me4. A portfolio should introduce myself
My requirements● I am limited to 8 boards for my gallery
My record1. I am a wildlife photographer2. I want to highlight one race inconspicuous: the chins3. I want to introduce myself
My plan1. Home2. My page "About"3. My galerie of Snoop & Toufoo, 2 illustrious chins
2 - I group my pictures
Advice● I use my source images, I reformaterais in tabFolio● I use mostly pictures of more than 200 kb
My requirements1. A gallery must have 8 boards maximum2. The board format used must be compatible with iPhone
3 - My texts
Advice1. A portfolio is not a website, but a business card, a preview2. A portfolio should not be limited to photos
My requirements● I use layouts with predefined styles
Home● My last
About1. My past2. My training
Contact1. My details
4 - Build the tabFolio
5.1 - Edit textMode change
1/ I use the editor palette
2/ I switch to text editing
5.2 - Edit textChoice of texts
My header1. I click on "My name" to
replace "AnomaPics"2. I click on "My activity" to
replace "Photo Animalière"
My browsing1. I click on "Bio" to
replace "A propos"2. I click on "Gallery" to
replace "Exemples"3. I click on "Le lorum..." to
replace "Me contacter"4. I click on "© My name,
2012" to replace "© AnimaPics, 2012"
The header
Browsing
6 texts to modify in 2 areas
6.1 - Editing imagesMode change
1/ I go to my gallery
2/ I switch to image editiing
3/ I click on the picture to replace
6.2 - Editing imagesImage upload
1/ My picture is on my computer, I click on Add a média
2/ I drag my picture on the drop zone
3/ My picture is uploaded
6.3 - Editing imagesImage formating
I can edit the image● zoom in, zoom out● crop● rotate
7.1 - Editing the pageTexts replacement
1/ I go to my page
2/ I replace the texts
3/ I check out
7.2 - Editing the pageImage import from the web
1/ I replace the images
2/ I copy my website url where my picture is
3/ I confirm the url and display the pictures
4/ I import my image
7.3 - Editing the pageAdd a link to a picture
1/ I select the picture
2/ I input or paste the website url
8 - Editing the home
2/ I replace the texts
3/ I replace the picture
1/ I return to home
4/ I check out
9 - Editing the form
3/ I replace the texts
2/ I replace the picture
1/ I display the form
4/ I check out
10 - Publication
3/ I change the font
1/ I display the settings window
2/ I click on Interface
4/ I configure my publishing
5/ I publish
Communicate & share
I share my page on all social network
I get on my computerthe QR code achievements
to show it when we speak of me
I switch to advanced modeI will be able to
● Display on button click (and build it if necessary):○ a page and go straight to a line, ○ a gallery and go straight to a slide, ○ a menu,○ the contact form
● For each page:○ add / delete line○ order llines○ move a line to another page○ display parameters and SEO
● For each gallery: ○ add / delete slide○ order slides○ move a slide to another gallery○ display parameters and SEO
The new steps
11. Brainstorming: what do I need for further display more ?12. I display the advanced features13. I add a menu "Galleries"14. I fill out this menu and build a second gallery15. I fill out the second gallery16. I build the "About" tab17. I add a movie to my page "Actuality"18. I add a link to my home19. I publish
11 - New brainstorming
My requirements● I am limited to 3 boards of 8 slides
My goal1. I would like to highlight a second race less visible : the African grey parrot2. I would like to display a movie3. I would talk about my news and the chins origin
My new plan1. Home2. My "About" tab3. My "News" page4. My "Galleries" menu5. My existing gallery about Snoop & Toufoo, 2 illustrious chins6. My new galerie about Leon, the parrot
12 - Advanced features
1/ I display settings window
2/ I click on Interface
3/ I check in the box
4/ 2 buttons appaired
13.1 - Add a menuSelect, template choice
1/ I switch editing buttons
2/ I select the button
3/ I click on Menu
4/ I go straight to the wanted template
13.2 - Add a menuSettings
I can preview some exemples
1/ I input the menu name
2/ I valid the template choice
3/ I save
4/ I check out
14.1 - Menu contentAdd image, input
1/ I switch editing image
2/ I import my images
3/ I input my texts
14.2 - Menu contentBuild a gallery
1/ I switch to editing buttons
3/ I click on Gallery
2/ I select the button
4/ I go straight to the wanted template for the first slide
5/ I input the gallery name
6/ I valid the template choice
15.1 - Gallery contentAdd a picture, input
1/ I go to the gallery
2/ I import picture
3/ I input texts
15.1 - Gallery contentAdd a slide
1/ I switch to editing gallery
3/ I choose the place
2/ I go straight to the wanted template
4/ I valid the template choice
16.1 - Add a tabSettings, input
1/ I switch to editing buttons
2/ I select the button
4/ I choose the tab template
5/ I input texts
3/ I click on Menu
16.2 - Add a tabAdd a picture, template settings
1/ I import my pictures
2/ I switch to editing area
3/ I select the area (the tab)
16.4 - Add a tabAdd a link
1/ I select the button
2/ I click on Page
3/ I click on Display page
4/ I go straight to the gallery to display
5/ I go straight to the slide to display
17.1 - Add a movieImage replacement, association
1/ Je select the picture
2/ I associate an action
3/ I click on Movie
4/ I paste Youtube url
5/ I check out
18.1 - Add a linkSelection
1/ I return to Home
2/ I sélect the text
3/ I associate an action
18.2 - Add a linkSettings
1/ I click on Gallery
2/ I click on Display a gallery
3/ I go straight to the gallery to display
4/ I go straight to the slide to display
19 - New publishing
1/ I display the settings window
3/ I publish
2/ I input the Google Analytics code