Example Sitetaga Sites
Sitetaga offers a number of differing layouts, a wide variety of customisable themes, the chance to add your own graphics and even a webclip icon. In short we've designed Sitetaga to cater for all but the most demanding of mobile web designers - and all of this without using any code whatsoever.
1. Case Study: Orchard Hosting
This site uses all of Sitetaga's available content modules, these are then aligned to the left with two extra pages available from the menus "About" and "Contact".
The site is styled with the Oceanic theme, displayed here at 240 pixels wide (Common phones at this screen size are Nokia 95, Sony Ericisson C905, K850 or K800).
Header This site uses a full width Image header. The header will scale to fit the incoming device.
Title This title is used as a welcome note.
Image This single image features a graphic and text. As with the header the image will scale to fit the appropriate screen size. Be wary of uploading a small image initially as it may be difficult to make out on the smallest screens.
Text Text can be formatted into paragraphs and positioned either left, right or centre. Be careful not to overload your visitor with too much information, keep the text snappy and to the point.
Link The Link box can be used to take your user to an external site (your full website, for example).
Menu Sitetaga allows you to have an extra 3 supporting pages. The menu always appears at the bottom of your site.
2. Case Study: Fraise Des Bois
This is a good example of a content-centred site, again all the content modules are used with two extra pages and a link to the main site.
The associated theme is Dots on White, displayed here at 240 pixels wide.
Header This header uses a large image that's been centred. The Logos background colour matches that of the header, therefore appearing seamless.
Image A large detailed image is used here. Note that it's possible to make a simple slide show with animated GIF support, as shown here.
Text Paragraph formatted text, centred to match the flow of the rest of the page. Text colour can be customised.
Title This title carries the essential ordering details
Link Jumps to full website.
Menu Page Names and Link colours can be easily customised.
3. Case Study: Devkit
Another example of a site with centred content, this time featuring an animated GIF as a banner image.
The theme used is Titainium, displayed here at 240 pixels wide.
Header As with the previous site example, this header has been centred and the background colours set to match.
Image A 3 frame animated GIF, each frame appearing for 3 seconds, the animation loops indefinitely. For more information on animated GIFs and what can be achieved, read our guide to images.
Text Paragraph formatted text, centred to match the flow of the rest of the page.
Title Title is used as a welcome note
Link Jump links straight to the App Store.
Menu Page Names and Link colours can be easily customised.
4. Case Study: Ben and Ink
Another example of a site with centred content, this time featuring an animated GIF as a banner image.
The theme used here is Dots on Grey, displayed here at 240 pixels wide.
Image This animated GIF, is used to create a taster showreel effect, each frame appearing for 3 seconds with the animation looping indefinitely. For more information on animated GIFs and what can be achieved, read our guide to images.
Text A short artist biography in paragraph formatted text, centred to match the flow of the rest of the page.
Title Artist's name and description is used.
Link Links to artist's main portfolio site.
Menu One extra page with a customised title.
5. Case Study: Blazing Saddles
This example uses one large image giving the appearance of 3 separated images.
The theme used here is Ash Cloud, displayed here at 240 pixels wide.
ImageAnother alternative for getting more than one image into Sitetaga is to paste images together prior to uploading, as shown in this example here.
Text A short artist biography in paragraph formatted text, centred to match the flow of the rest of the page.
Title Carries the shop's essential info and contact details.
Link Launches the shops main website.
Menu This site has two extra pages. If you decide to only use the home page, the menu won't be displayed as there's no need for it.