Build your portfolio online in 2h

1,797 views

Published on

Quickly and easily create your portfolio online in 2h on your iPad or your computer to share each of your achievments on social network or by QR code.

The iPad could display it offline too.

Try the free version on http://www.tabfolio.me to evaluate

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,797
On SlideShare
0
From Embeds
0
Number of Embeds
1,232
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Build your portfolio online in 2h

  1. 1. Goal: post my portfolio online in 2 hoursI use my desktop computer (Win or Mac)
  2. 2. The steps 1. Brainstorming: what do I need for further display ? 2. I collect my pictures 3. I get my text in shape 4. I build up my portfolio 5. I input interface texts 6. I fill out my gallery 7. I fill out my page 8. I fill my home (page) 9. I fill out my contact form10. I post Jump to advanced features
  3. 3. 1 - BrainstormingAdvice1. A portfolio is not a picture catalog2. A portfolio contains my best pictures3. A portfolio is build ​to sell me4. A portfolio should introduce myselfMy requirements ● I am limited to 8 boards for my galleryMy record1. I am a wildlife photographer2. I want to highlight one race inconspicuous: the chins3. I want to introduce myselfMy plan1. Home2. My page "About"3. My galerie of Snoop & Toufoo, 2 illustrious chins
  4. 4. 2 - I group my picturesAdvice ● I use my source images, I reformaterais in tabFolio ● I use mostly pictures of more than 200 kbMy requirements1. A gallery must have 8 boards maximum2. The board format used must be compatible with iPhone
  5. 5. 3 - My textsAdvice1. A portfolio is not a website, but a business card, a preview2. A portfolio should not be limited to photosMy requirements ● I use layouts with predefined stylesHome ● My lastAbout1. My past2. My trainingContact1. My details
  6. 6. 4 - Build the tabFolio
  7. 7. 5.1 - Edit text Mode change1/ I use the editor palette 2/ I switch to text editing
  8. 8. 5.2 - Edit text Choice of texts6 texts to modify in 2 areasMy header 1. I click on "My name" to replace "AnomaPics" 2. I click on "My activity" to replace "Photo Animalière"My browsing 1. I click on "Bio" to The header replace "A propos" 2. I click on "Gallery" to replace "Exemples" 3. I click on "Le lorum..." to Browsing replace "Me contacter" 4. I click on "© My name, 2012" to replace "© AnimaPics, 2012"
  9. 9. 5.3 - Edit text Input, replacement1/ I input 3/ I save 2/ I visualize
  10. 10. 5.4 - Edit text Verification1/ I return to preview 2/ I check out
  11. 11. 6.1 - Editing images Mode change1/ I go to my gallery 2/ I switch to image editiing 3/ I click on the picture to replace
  12. 12. 6.2 - Editing images Image upload1/ 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
  13. 13. 6.3 - Editing images Image formatingI can edit the image ● zoom in, zoom out ● crop ● rotate
  14. 14. 6.4 - Editing images Verification1/ I return to preview 2/ I check out
  15. 15. 7.1 - Editing the page Texts replacement1/ I go to my page 2/ I replace the texts 3/ I check out
  16. 16. 7.2 - Editing the page Image import from the web1/ 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
  17. 17. 7.3 - Editing the page Add a link to a picture1/ I select the picture 2/ I input or paste the website url
  18. 18. 8 - Editing the home 1/ I return to home2/ I replace the texts 3/ I replace the picture 4/ I check out
  19. 19. 9 - Editing the form1/ I display the form 2/ I replace the picture 3/ I replace the texts 4/ I check out
  20. 20. 10 - Publication1/ I display the settings window 2/ I click on Interface 3/ I change the font 4/ I configure my publishing 5/ I publish
  21. 21. Communicate & share I share my page on all social network I get on my computer the QR code achievementsto show it when we speak of me
  22. 22. I switch to advanced mode I 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
  23. 23. The new steps11. 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
  24. 24. 11 - New brainstormingMy requirements ● I am limited to 3 boards of 8 slidesMy 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 originMy 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
  25. 25. 12 - Advanced features1/ I display settings window 2/ I click on Interface 3/ I check in the box 4/ 2 buttons appaired
  26. 26. 13.1 - Add a menu Select, template choice 4/ I go straight to the wanted template 3/ I click on Menu2/ I select the button 1/ I switch editing buttons
  27. 27. 13.2 - Add a menu Settings I can preview some exemples 3/ I save 1/ I input the menu name2/ I valid the template choice 4/ I check out
  28. 28. 14.1 - Menu content Add image, input 3/ I input my texts2/ I import my images 1/ I switch editing image
  29. 29. 14.2 - Menu content Build a gallery 3/ I click on Gallery5/ I input the gallery name 6/ I valid the template choice 4/ I go straight to the wanted template for the first slide 2/ I select the button 1/ I switch to editing buttons
  30. 30. 15.1 - Gallery content Add a picture, input 3/ I input texts 2/ I import picture1/ I go to the gallery
  31. 31. 15.1 - Gallery content Add a slide 1/ I switch to editing gallery 2/ I go straight to the wanted template3/ I choose the place 4/ I valid the template choice
  32. 32. 16.1 - Add a tab Settings, input 3/ I click on Menu 5/ I input texts 4/ I choose the tab template2/ I select the button 1/ I switch to editing buttons
  33. 33. 16.2 - Add a tab Add a picture, template settings 3/ I select the area (the tab) 2/ I switch to editing area1/ I import my pictures
  34. 34. 16.3 - Add a tab Background color1/ I click on color 2/ I select my color
  35. 35. 16.4 - Add a tab Add a link 1/ I select the button 2/ I click on Page 3/ I click on Display page4/ I go straight to the gallery to display 5/ I go straight to the slide to display
  36. 36. 17.1 - Add a movie Image replacement, association1/ Je select the picture 2/ I associate an action 3/ I click on Movie 4/ I paste Youtube url 5/ I check out
  37. 37. 17.2 - Add a movie Validation, control1/ I save 2/ I check out 3/ I test
  38. 38. 18.1 - Add a link Selection1/ I return to Home2/ I sélect the text 3/ I associate an action
  39. 39. 18.2 - Add a link Settings 1/ I click on Gallery 2/ I click on Display a gallery3/ I go straight to the gallery to display 4/ I go straight to the slide to display
  40. 40. 19 - New publishing1/ I display the settings window 2/ I input the Google Analytics code 3/ I publish

×