Static bar
Home (1/top)
Click on these tabs to navigate to other pages
High res. image can be changed static “search” tool. When clicked on, opens a search bar where you can search for specific articles with key words.
Each time the homepage is loaded, after 5 seconds an automatic interactive pop up appears (see Home (2) example 2 Season is revisable
Home page has infinite scroll (indicated by blue arrow)
Highlighted articles of the week on this bar are a slideshow. (full bar of 4 articles automatically slides from right to left every 8 seconds)
4 circles placed under the “season” indicate this.
Scroll once for “About us” (Home 2) pg
Scroll twice for “services” (Home 3) pg
Scroll three times for “contact” (Home 4) pg
Home (1) example 2
5 seconds after the home page is loaded, an automatic message will pop up, if the viewer clicks on the question they will be directed to the corresponding article.
Each time a dierent question loads (author of website able to edit the question and hyperlink destination)
Home (2) “About� Read-only page
infinite scroll (static down / up arrows to bottom / top of page)
Static bar and search tool
Website author can edit writing and images
Home (3): services
Static bar and search tool
Website author can edit writing and image
“Events� links to live services & events page
Infinite scroll (static arrow to bottom of page)
Home 4 “Contact” page
Static bar and search tool
Infinite scroll (static arrow to top of page)
Contact form notifies author through email (hellofolkio@outlook.com). “Message” translates into an email.
Enter button submits information filled out on the form.
Social media icons hyperlinked to corresponding Folkio social media pages. Profile icon directs user to their profile if they’re a member
Plain Talk Read-only page
Website author can edit writing and image
Infinite scroll Static bar and search tool
Plain talk (content)
Static bar and search tool
This page has an infinite scroll of content previews. The reader must click on the image or excerpt to load / open the full article / feature
Website author can edit writing and images
Infinite scroll to top or bottom of page
Plain talk (content continued) Static bar and search tool
Website author can edit writing and images
Infinite scroll to top or bottom of page
Page has an infinite scroll of content previews. The reader must click on the image or excerpt to load / open the full article / feature
Plain Talk (Bottom of page)
Website author can edit writing and images
Static bar and search tool
Every four articles previews a pull quote from an article is placed.
Infinite scroll to top of page Image
Social media icons hyperlink to corresponding Folkio social media pages
Excerpt
User can select these to navigate to the corresponding pages.
“About”: Home page 3
“Events”: Events & Live Services
“Contribute”: Contributors
“Contact”: Home page 4
User enters their email address to sign up to the monthly newsletter
Profile button links to members profiles (see “Profile”)
Featured Read-only page
Infinite scroll
Website author can edit writing and image
Static bar and search tool
Featured content Static bar and search tool
preview images
The Featured content preview page is laid out like a collage of pull quotes from interviews and images from the Infinite scroll to top or bottom of page
user can interact with images but not pull quotes
website author can edit / change pull quotes and images
Featured content (bottom of page) Static bar and search tool
user can interact with images but not pull quotes
Infinite scroll to top of page
Profile button links to members profiles (see “Profile”)
Social media icons hyperlink to corresponding Folkio social media pages
User can select these to navigate to the corresponding pages.
“About”: Home page 3
“Events”: Events & Live Services
“Contribute”: Contributors
“Contact”: Home page 4 User enters their email address to sign up to the monthly newsletter
user clicks on image to open an artist profile (see slide 13 and 14)
Featured (Example of artist profile)
Website author can edit any writing or image content
Artists name when an image preview on slide 12 is opened, an artist profile would look like this.
Artists profession goes here (up to 4 words)
Artist bio
Key themes of artists work goes here (up to 4 words) website author can change colour scheme
Slideshow of artists visual content (up to 6 images)
Featured (example of artist profile continued) Hyperlinks to artist website image from artists work
Hyperlinks to artist portfolio
image relevant to artist Hyperlinks to any artists collaborations
Hyperlinks to commissioned work
Interview text placed here
Hyperlinks to article about artist
Newest Wrinkle Read-only page Static bar and search tool
Infinite scroll to bottom of page
Website author can edit text and image
Newest Wrinkle (content) Website author can edit writing and images Static bar and search tool This page has an infinite scroll of content previews. The reader must click on the image or excerpt to load / open the full article / feature
Infinite scroll
Newest Wrinkle (content continued) Static bar and search tool Website author can edit writing and images
This page has an infinite scroll of content previews. The reader must click on the image or excerpt to load / open the full article / feature
Infinite scroll to top and bottom of page
Newest Wrinkle (bottom of page)
Static bar and search tool
Website author can edit writing and images
Every four articles previews a pull quote from an article is placed.
Image
Infinite scroll to top of page
Excerpt
User can select these to navigate to the corresponding pages.
“About”: Home page 3
“Events”: Events & Live Services
“Contribute”: Contributors
“Contact”: Home page 4
User enters their email address to sign up to the monthly newsletter
Profile button links to members profiles (see “Profile”)
Social media icons hyperlink to corresponding Folkio social media pages
Decode
Infinite scroll
Website author can edit writing and image
Static bar and search tool
Decode content
This page has an infinite scroll of content previews. The reader must click on the image or excerpt to load / open the full article / feature
infinite scroll
Website author can edit writing and images
Static bar and search tool
Decode content continued
Website author can edit writing and images Static bar and search tool
This page has an infinite scroll of content previews. The reader must click on the image or excerpt to load / open the full article / feature
Infinite scroll
Decode (bottom of page) Website author can edit writing or images Static bar and search tool Infinite scroll to top of page
Every four articles previews a pull quote from an article is placed. Profile button links to members profiles (see “Profile”)
User can select these to navigate to the corresponding pages.
“About”: Home page 3
“Events”: Events & Live Services
“Contribute”: Contributors
“Contact”: Home page 4
User enters their email address to sign up to the monthly newsletter
Social media icons hyperlink to corresponding Folkio social media pages
Contributors Website author can edit writing
Static page
Static bar and search tool
Hyperlinks to the contact page (Home 4)
Services & Live Events
Website author can edit writing
Static page
Static bar and search tool
Hyperlinks to contact page
Members “My Profile” example Member can edit their colour scheme member’s name goes here
member can upload photo of themselves here.
This week’s highlights are loaded here.
member can edit their own bio and profession
Website author can edit the images here.
members can add their own work here (up to 4 images)
here lists the members (artists) that the member has connected with (only the member and website author can see this)
Written article feature example (once opened) Read-only page Website author can edit writing and images
Static bar and search tool
infinite scroll
Written article feature e.g. (once opened) bottom of page Read-only page Website author can edit writing and images
Static bar and search tool
infinite scroll Profile button links to members profiles (see “Profile”)
User can select these to navigate to the corresponding pages.
“About”: Home page 3
“Events”: Events & Live Services
“Contribute”: Contributors
“Contact”: Home page 4
User enters their email address to sign up to the monthly newsletter
Social media icons hyperlink to corresponding Folkio social media pages
Visual article feature once opened (example) Read-only page Website author can edit writing and images
Static bar and search tool
User can select these to navigate to the corresponding pages.
“About”: Home page 3
“Events”: Events & Live Services
“Contribute”: Contributors
“Contact”: Home page 4
Up to 8 images can be used
Profile button links to members profiles (see “Profile”)
User enters their email address to sign up to the monthly newsletter
Social media icons hyperlink to corresponding Folkio social media pages
Search tool usage example
If the static search tool is selected, a search bar appears, where the user can type key words to find specific articles related to key words and phrases.
They can then select any article from the generated list