Mobile Website Showcase [IMAGES]

Mobileico · 30th Dec 2011, 09:54 AM

Just banged out a standard and mobile website combo for hairlossexpert.org.

rahmat · 30th Dec 2011, 05:10 PM

These are screenshot of mobile sites I've seen in internet:

Mobileico · 31st Dec 2011, 12:41 PM

An Event Photography company in progress

DavidMarsigne · 1st Jan 2012, 03:05 PM

Great-looking mobile website for a catering business.

7figs · 13th Jan 2012, 12:49 AM

Originally Posted by WillR

And some more...

Wow....all the mobile site examples you show look very crisp, elegant, and sharp. I look forward to learning how to do what you do. Thanks!

lint631 · 13th Jan 2012, 06:20 PM

Originally Posted by bonn

i dont think its possible to disagree more than i do with this opinion. No offense... just dont agree.

Feel the same. One of my potential clients is getting an app developed but doesn't have a mobile site. What happens when a user visits their website on a phone? It's going to look like crap and the app will sitting in iTunes.

I'm on the mobile web way more then playing with apps. Some great looking sites being displayed!

Young Samurai · 21st Jan 2012, 09:43 AM

I'm rather liking the transparency look too and can achieve it with css quite easily.

Just a few questions in relation to it:

1. I know not all browsers support it, but what proportion of phones does that amount to?

2. What width of image is recommended for background image and how do you float it?

I know height will vary depending on the size of area you wish the background to cover, but is there a recommended width for image and do you set it to center and repeat?

3. What is your preferred opacity setting - 0.6, 0.8 or whatever?

I apologize to Will if this is not the correct thread for these type of questions.

BTW excellent thread. Thank you to Will for starting it and everyone who has contributed to it. I shall do the same myself in the next few days hopefully.

Originally Posted by Mobileico

harimon · 22nd Jan 2012, 05:31 AM

I second Young Samurai with the request that someone will post here clear instructions and exact css code for implementing this opacity trick with Will template.
I looked on the web but couldn't find the exact code and the exact place to insert it in Will's template.

WillR · 22nd Jan 2012, 06:37 AM

Originally Posted by harimon

I second Young Samurai with the request that someone will post here clear instructions and exact css code for implementing this opacity trick with Will template.
I looked on the web but couldn't find the exact code and the exact place to insert it in Will's template.

Originally Posted by Young Samurai

I'm rather liking the transparency look too and can achieve it with css quite easily.

Rather than take this thread a little off topic I have decided to create a tutorial on adding transparency and you can find it here:

http://www.warriorforum.com/mobile-m...-tutorial.html

Nanaswhimsy · 22nd Jan 2012, 08:12 AM

Originally Posted by markjob

After an hour of messing about in cs5 i made my changes from png to gif format. All good apart from my buttons.

Im using kompozer to build the mobile site and when i set the background color to my choice of #D4D4D4, a kind of light grey, and then go to cs5 and set the background layer of the button to the same #D4D4D4. But when i insert that image into the site the two colors are very slightly different!! which is a pain!

So just for those buttons im going to have to leave them at png. The site loads ok into all the emulators i know of and in the W3C mobileok checker im getting a score of 65% so its an improvement.

My work around for that is to take the image into one of your editor, create a background, use a color picker to change the color to match the background you want to use, then save as a gif. Still get that transparent look while going with gif or jpg.
Hope that helps!
Suzanne

Nanaswhimsy · 22nd Jan 2012, 08:25 AM

Originally Posted by NameThatCandy

I am new to mobile website, here are couple sites I just made.

Absolutely Love the first one, very elegant!
The second one is going to cause you problems because the text color is too dark against the black background, try for a little more contrast, so that mobile users aren't struggling to read the text.
Suzanne

Giani · 22nd Jan 2012, 01:49 PM

There are absolutely great designs here. I have not gone thru all the posts but does any course provides details on how to build such elegant mobile sites?

I would be interested in buying that course or training. Thanks. If you want, you can pm me.

Quentin · 23rd Jan 2012, 09:13 AM

They are mostly built using one of three different mobile website programs well some are hand crafted but you can still get the same results.

My course you can see below, Wills php script or a CMS.

Quentin

lint631 · 23rd Jan 2012, 08:22 PM

A working on a winery site that should be pretty cool, will post it when it's done. I like getting inspiration from some of these.

Young Samurai · 25th Jan 2012, 06:30 PM

Which of these options do you think I should demo to client?

4webmaster · 25th Jan 2012, 08:25 PM

Originally Posted by Young Samurai

Which of these options do you think I should demo to client?

Nice, I like the background with picture (2nd image)

McCoy · 27th Jan 2012, 04:11 AM

I have a question.. How do you make money for mobile websites? thanks in advance

danifae · 27th Jan 2012, 08:16 AM

Originally Posted by Young Samurai

Which of these options do you think I should demo to client?

The second one! it is more eye catching. Writings can be slightly less readeable but the difference is really little. I love those sites with a background image! I just wonder if they are much slower to load. What's a size considered good for a background image?

Young Samurai · 27th Jan 2012, 10:03 AM

Sandy,

You are obviously very pleased about something. Which is great.

Can you tell us what it is? :confused:

I trust my question doesn't sound cheeky.

Originally Posted by sandy christine1

Wow. Superb. I liked it.

Young Samurai · 27th Jan 2012, 10:14 AM

Thanks for reply.

From memory that particular image is 600px wide to fill the screen using one of Will's fixed width templates. I'd also like to know if there is a recommended/optimum size (width).

Size, as in kbytes, has to be kept to minimum. Experiment in your image editor and try to achieve a happy balance between kbytes and viewing quality.

The mobile validators are really tight on the size of images which is a good indication of how Google will view it.

Originally Posted by danifae

The second one! it is more eye catching. Writings can be slightly less readeable but the difference is really little. I love those sites with a background image! I just wonder if they are much slower to load. What's a size considered good for a background image?

amoladora · 27th Jan 2012, 08:40 PM

Originally Posted by McCoy

I have a question.. How do you make money for mobile websites? thanks in advance

You have it backwards. You make mobile websites for money.

DianaHeuser · 28th Jan 2012, 02:25 AM

Neil,

Is there just one graphic in each of those screens and then the last button is a menu option?

Di

Originally Posted by Neil B

Here's a selection of my own mobile marketing landing page designs for offline businesses.

Neil B

danifae · 28th Jan 2012, 06:30 PM

Thanks for your reply. I will play with Will's templates and some images!

Did you have the chance to show the demo to your client? What did he say? I'm curious even though totally sure he will be delighted! :p
By the way, do you manage his main site? One of the images in the slideshow reads that they are currently taking orders for xmas!

Originally Posted by Young Samurai

Thanks for reply.

From memory that particular image is 600px wide to fill the screen using one of Will's fixed width templates. I'd also like to know if there is a recommended/optimum size (width).

Size, as in kbytes, has to be kept to minimum. Experiment in your image editor and try to achieve a happy balance between kbytes and viewing quality.

The mobile validators are really tight on the size of images which is a good indication of how Google will view it.

PrintMan · 31st Jan 2012, 08:19 PM

This is good information here Will, thanks for starting this.

JR

Young Samurai · 3rd Feb 2012, 08:15 PM

No, I'm not their site admin,

but they obviously need me.

Originally Posted by danifae

Thanks for your reply. I will play with Will's templates and some images!

Did you have the chance to show the demo to your client? What did he say? I'm curious even though totally sure he will be delighted! :p
By the way, do you manage his main site? One of the images in the slideshow reads that they are currently taking orders for xmas!

4webmaster · 8th Feb 2012, 11:38 PM

Recently found that website (not mine) crunchdesigners.com with stunning mobile designs using
octomobi.com The html 5 effect (slide, photo gallery...) is great so I bet we are in the age of stone with our html codes.

You can test on the mobile simulator, just click submit: http://simulator.pro/devmobileWP/

WillR · 8th Feb 2012, 11:51 PM

Originally Posted by 4webmaster

Recently found that website (not mine) with stunning mobile designs.

crunchdesigners dot com see demos too by clicking images.

He is using octomobi.com to build it. The html 5 effect (slide, photo gallery...) is great so I bet we are in the age of stone with our html codes.

HTML5 is still HTML, it is just the newer version. As it stands not all browsers support it and that is why not everyone is using it as yet. No point having cool functions if they cannot be used by some people.

adi2010 · 9th Feb 2012, 12:58 AM

Originally Posted by WillR

HTML5 is still HTML, it is just the newer version. As it stands not all browsers support it and that is why not everyone is using it as yet. No point having cool functions if they cannot be used by some people.

This is what I wanted to write too WillR ;-)
These are jQuery websites based on basic templates in the newest Dreamweaver CS5.5
I tried to play with it too and as WillR said, they are not good for all browsers.
Try on ordinary mobile and it won`t work. I might have done something wrong, but even didn`t behave good in Opera Mini. There was no point for me to continue with it at this point. Le`s wait for better time :-)

4webmaster · 9th Feb 2012, 01:06 AM

Originally Posted by WillR

HTML5 is still HTML, it is just the newer version. As it stands not all browsers support it and that is why not everyone is using it as yet. No point having cool functions if they cannot be used by some people.

You're right, did not work in IE with my mobile simulator, thought it was a bug but you've got the answer: HTML5 does not work with all browser

You just kick me to the age of stone with my HTML5 positive post. LOL

Otherwise, works great with Google chrome.

leoj888 · 11th Feb 2012, 08:09 AM

these mobile websites looks so cool~~

4webmaster · 11th Feb 2012, 08:57 PM

This is a leading mobile web design company in canada and you can check their portfolio, nice with nice designs: Création de site web mobile | Sites web mobiles - Site internet mobile

.

Neil B · 17th Feb 2012, 10:48 AM

Originally Posted by DianaHeuser

Neil,

Is there just one graphic in each of those screens and then the last button is a menu option?

Di

Hi Di....

The images are sliced, diced and optimised for mobile with the layout, image resizing being hamdled by the CSS.

Neil B

John Cussons · 18th Feb 2012, 07:24 AM

I have reported the 15+ duplicate posts by rahikalhasan saying "Appears to be used ONLY to increase post count 15 times in a row?"

Be Awesome!
John Cussons

"Stupid Simple Stuff"

Neil B · 18th Feb 2012, 08:00 AM

Originally Posted by John Cussons

I have reported the 15+ duplicate posts by rahikalhasan saying "Appears to be used ONLY to increase post count 15 times in a row?"

Be Awesome!
John Cussons

"Stupid Simple Stuff"

Good thinking John, I was just about to report it too! ;-)

Neil B

Brandon Tanner · 20th Feb 2012, 11:14 AM

Here's a few mockups I did...

danifae · 4th Mar 2012, 09:11 AM

Originally Posted by Brandon Tanner

Here's a few mockups I did...

Essential and elegant... really beautiful!

HypeText · 4th Mar 2012, 09:03 PM

Originally Posted by Jay Moreno

Please elaborate... perhaps on a separate thread?

Thats if you have a Mobile Website masquerading as an App...NOT if they are a true App

phpPro · 5th Mar 2012, 04:15 AM

Originally Posted by 4webmaster

Recently found that website (not mine) crunchdesigners.com with stunning mobile designs using
octomobi.com The html 5 effect (slide, photo gallery...) is great so I bet we are in the age of stone with our html codes.

You can test on the mobile simulator, just click submit: Simulator.pro

plus it does not do well on the tests... on ready.mobi,

just checked the first one, it game me a score of 2! (Bad)

so HTML5 is on hold for now.!

MrLeisureUK · 6th Mar 2012, 12:58 PM

neil, how much you charge for such sites please?. they look the best i have seen on here so far.

MrLeisureUK · 6th Mar 2012, 01:03 PM

Neil, if you see this response, can u let me know what price you charge for such good quality mobile sites? thanks in advance

Originally Posted by Neil B

Here's a selection of my own mobile marketing landing page designs for offline businesses.

Neil B

barbotoole · 6th Mar 2012, 04:55 PM

Here are a few of our prototypes, but I agree with you! I like Neil's because they each have a call to action! Each of his mobile sites is like a mini-ad or mini-squeeze page to capture visitor information!

Neil B · 7th Mar 2012, 04:13 AM

Originally Posted by MrLeisureUK

Neil, if you see this response, can u let me know what price you charge for such good quality mobile sites? thanks in advance

Many thanks for the Compliment MrLeisureUK much appreciated. Drop me a PM and we can have a chat...

Many thanks

Neil B

MrLeisureUK · 7th Mar 2012, 06:43 AM

Originally Posted by Neil B

Many thanks for the Compliment MrLeisureUK much appreciated. Drop me a PM and we can have a chat...

Many thanks

Neil B

Not sure how it works but i only got 11 posts so cant PM, if you PM me can i repond that way?

BeauJustin · 8th Mar 2012, 03:20 PM

Originally Posted by Quentin

One thing to remember with a lot of the fancy sites here is they are phone specific in that they look great on an iPhone but try them on some other phones and they degrade a lot.

I have just been through testing the ones I could actually access on my HTC and in most cases it was pretty sad.

So looks arnt everything.

As you can see in this graph the android market is really starting to kick off so better to build fluid width sites to reach all phone styles.

StatCounter Global Stats - Browser, OS, Search Engine including Mobile Market Share

Q

it's really interesting how the browser specific site problem has now crossed over into the mobile platform. Same problem.

The trick is to master what is called responsive design. Having a responsive design basically means that the site reconfigures itself in a logical way based on the type of browser it's being viewed.

It's a little more work during the design process, but HTML5 has a lot of tools to help with this. Good stuff.

zachary0611 · 13th Mar 2012, 02:26 AM

I like the ones with coupons in them. They get your attention and are useful for the customer.

alherabd · 14th Mar 2012, 03:07 AM

If any website has mobile versions, visitors can browse the site. The number of mobile net browser is increasing day by day. So you can crate a mobile website. The idea is very cool really. Hopefully it would be helpful for the users of all categories.

Young Samurai · 14th Mar 2012, 10:21 AM

Another couple of pics.

AlexMcConnell · 15th Mar 2012, 10:51 AM

I love this emulator!

Jennycall · 19th Mar 2012, 02:06 AM

Originally Posted by WillR

Now we have a forum section dedicated to mobile marketing, I thought it would be a great idea if we had a thread where we can all post examples of mobile website designs we have either created ourselves or seen around the Internet.
.......

This way the necessary information can be looked at the screen, right?

sreeprashanth · 21st Mar 2012, 07:16 AM

All of you guys are posting some "Great" mobile website designs, can anyone guide me which software should i use to create this kind of mobile websites.

30th Dec 2011, 09:54 AM	#251
Mobileico Mobile design and creator Join Date: 2011 Location: Greeneville, Tennessee. Posts: 135 Thanks: 9 Thanked 48 Times in 21 Posts	Re: Mobile Website Showcase [IMAGES] Share on: Just banged out a standard and mobile website combo for hairlossexpert.org.
	"My aim in design and UX is elegance, intelligence, functionality, and fun." - Wallace Morrison. Desktop - Mobileico.com / Mobile - m.mobileico.com Featured in Google's video about mobilizing, Mobile 1:35 http://www.youtube.com/watch?feature...&v=Rzs5Iud20bk

30th Dec 2011, 05:10 PM	#252
rahmat HyperActive Warrior War Room Member Join Date: 2007 Location: Southeast Asia Posts: 373 Thanks: 34 Thanked 69 Times in 43 Posts	Re: Mobile Website Showcase [IMAGES] Share on: These are screenshot of mobile sites I've seen in internet:

31st Dec 2011, 12:41 PM	#253
Mobileico Mobile design and creator Join Date: 2011 Location: Greeneville, Tennessee. Posts: 135 Thanks: 9 Thanked 48 Times in 21 Posts	Re: Mobile Website Showcase [IMAGES] Share on: An Event Photography company in progress
	"My aim in design and UX is elegance, intelligence, functionality, and fun." - Wallace Morrison. Desktop - Mobileico.com / Mobile - m.mobileico.com Featured in Google's video about mobilizing, Mobile 1:35 http://www.youtube.com/watch?feature...&v=Rzs5Iud20bk

1st Jan 2012, 03:05 PM	#254
DavidMarsigne Active Warrior War Room Member Join Date: 2010 Location: PR, USA Posts: 90 Thanks: 30 Thanked 14 Times in 13 Posts	Re: Mobile Website Showcase [IMAGES] Share on: Great-looking mobile website for a catering business.

22nd Jan 2012, 05:31 AM	#258
harimon Warrior Member Join Date: 2009 Posts: 11 Thanks: 7 Thanked 2 Times in 2 Posts	Re: Mobile Website Showcase [IMAGES] Share on: I second Young Samurai with the request that someone will post here clear instructions and exact css code for implementing this opacity trick with Will template. I looked on the web but couldn't find the exact code and the exact place to insert it in Will's template.

22nd Jan 2012, 01:49 PM	#262
Giani Advanced Warrior War Room Member Join Date: 2010 Posts: 543 Thanks: 34 Thanked 43 Times in 35 Posts	Re: Mobile Website Showcase [IMAGES] Share on: There are absolutely great designs here. I have not gone thru all the posts but does any course provides details on how to build such elegant mobile sites? I would be interested in buying that course or training. Thanks. If you want, you can pm me.

23rd Jan 2012, 09:13 AM	#263
Quentin Web Marketing For Profit War Room Member Join Date: 2002 Location: Brisbane Posts: 2,895 Thanks: 8 Thanked 1,162 Times in 528 Posts Blog Entries: 10	Re: Mobile Website Showcase [IMAGES] Share on: They are mostly built using one of three different mobile website programs well some are hand crafted but you can still get the same results. My course you can see below, Wills php script or a CMS. Quentin
	DIY Product Creation Online Business Training on How To Create Products to sell online Plus Lots More.

23rd Jan 2012, 08:22 PM	#264
lint631 MobileWebRockstar War Room Member Join Date: 2011 Location: New York Posts: 253 Thanks: 41 Thanked 52 Times in 37 Posts	Re: Mobile Website Showcase [IMAGES] Share on: A working on a winery site that should be pretty cool, will post it when it's done. I like getting inspiration from some of these.
	WPMobileSalesPro - Mobile Web Sales Tool

25th Jan 2012, 06:30 PM	#265
Young Samurai In search of knowledge Join Date: 2010 Location: N. Ireland, the Golfing capital of the world Posts: 473 Thanks: 68 Thanked 56 Times in 48 Posts	Re: Mobile Website Showcase [IMAGES] Share on: Which of these options do you think I should demo to client?
	*Kyle*

27th Jan 2012, 04:11 AM	#267
McCoy Active Warrior Join Date: 2012 Posts: 76 Thanks: 0 Thanked 0 Times in 0 Posts	Re: Mobile Website Showcase [IMAGES] Share on: I have a question.. How do you make money for mobile websites? thanks in advance

31st Jan 2012, 08:19 PM	#274
PrintMan Warrior Member Join Date: 2009 Location: San Diego, CA Posts: 18 Thanks: 13 Thanked 6 Times in 6 Posts	Re: Mobile Website Showcase [IMAGES] Share on: This is good information here Will, thanks for starting this. JR

8th Feb 2012, 11:38 PM	#276
4webmaster Advanced Warrior Join Date: 2006 Location: , , . Posts: 736 Thanks: 33 Thanked 144 Times in 119 Posts	Re: Mobile Website Showcase [IMAGES] Share on: Recently found that website (not mine) crunchdesigners.com with stunning mobile designs using octomobi.com The html 5 effect (slide, photo gallery...) is great so I bet we are in the age of stone with our html codes. You can test on the mobile simulator, just click submit: http://simulator.pro/devmobileWP/
	https://stevesuard.com

11th Feb 2012, 08:09 AM	#280
leoj888 Active Warrior War Room Member Join Date: 2012 Posts: 88 Thanks: 4 Thanked 10 Times in 10 Posts	Re: Mobile Website Showcase [IMAGES] Share on: these mobile websites looks so cool~~
	Now Looking for 6 serious partners only to team up to build $5000/month income In next 90-120 days! Will show you more detail if you interested,thanks!

11th Feb 2012, 08:57 PM	#281
4webmaster Advanced Warrior Join Date: 2006 Location: , , . Posts: 736 Thanks: 33 Thanked 144 Times in 119 Posts	Re: Mobile Website Showcase [IMAGES] Share on: This is a leading mobile web design company in canada and you can check their portfolio, nice with nice designs: Création de site web mobile \| Sites web mobiles - Site internet mobile .
	https://stevesuard.com

18th Feb 2012, 07:24 AM	#283
John Cussons Stupid Simple Suff War Room Member Join Date: 2006 Posts: 247 Thanks: 1,229 Thanked 108 Times in 90 Posts	Re: Mobile Website Showcase [IMAGES] Share on: I have reported the 15+ duplicate posts by rahikalhasan saying "Appears to be used ONLY to increase post count 15 times in a row?" Be Awesome! John Cussons "Stupid Simple Stuff"

20th Feb 2012, 11:14 AM	#285
Brandon Tanner Advanced Warrior War Room Member Join Date: 2006 Location: USA Posts: 1,907 Thanks: 237 Thanked 1,377 Times in 676 Posts	Re: Mobile Website Showcase [IMAGES] Share on: Here's a few mockups I did...

6th Mar 2012, 12:58 PM	#289
MrLeisureUK Active Warrior Join Date: 2011 Location: UK Posts: 42 Thanks: 2 Thanked 18 Times in 17 Posts	Re: Mobile Website Showcase [IMAGES] Share on: neil, how much you charge for such sites please?. they look the best i have seen on here so far.

6th Mar 2012, 04:55 PM	#291
barbotoole Warrior Member War Room Member Join Date: 2011 Location: Fort Worth, TX Posts: 15 Thanks: 15 Thanked 15 Times in 14 Posts	Re: Mobile Website Showcase [IMAGES] Share on: Here are a few of our prototypes, but I agree with you! I like Neil's because they each have a call to action! Each of his mobile sites is like a mini-ad or mini-squeeze page to capture visitor information!
	Barbara O'Toole http://irishlionmedia.com

13th Mar 2012, 02:26 AM	#295
zachary0611 HyperActive Warrior War Room Member Join Date: 2008 Location: Raleigh, N.C. Posts: 356 Thanks: 22 Thanked 41 Times in 32 Posts	Re: Mobile Website Showcase [IMAGES] Share on: I like the ones with coupons in them. They get your attention and are useful for the customer.
	Professional Web Designers www.WebDesignBros.com

14th Mar 2012, 03:07 AM	#296
alherabd asad Join Date: 2012 Location: Bangladesh Posts: 26 Thanks: 0 Thanked 0 Times in 0 Posts	Re: Mobile Website Showcase [IMAGES] Share on: If any website has mobile versions, visitors can browse the site. The number of mobile net browser is increasing day by day. So you can crate a mobile website. The idea is very cool really. Hopefully it would be helpful for the users of all categories.

14th Mar 2012, 10:21 AM	#297
Young Samurai In search of knowledge Join Date: 2010 Location: N. Ireland, the Golfing capital of the world Posts: 473 Thanks: 68 Thanked 56 Times in 48 Posts	Re: Mobile Website Showcase [IMAGES] Share on: Another couple of pics.
	*Kyle*

15th Mar 2012, 10:51 AM	#298
AlexMcConnell Warrior Member War Room Member Join Date: 2012 Posts: 9 Thanks: 2 Thanked 4 Times in 3 Posts	Re: Mobile Website Showcase [IMAGES] Share on: I love this emulator!

21st Mar 2012, 07:16 AM	#300
sreeprashanth Active Warrior War Room Member Join Date: 2009 Location: Bangalore, INDIA Posts: 95 Thanks: 40 Thanked 14 Times in 14 Posts	Re: Mobile Website Showcase [IMAGES] Share on: All of you guys are posting some "Great" mobile website designs, can anyone guide me which software should i use to create this kind of mobile websites.
	YouTube SEO - YouTube Optimization of Titles, Description, Tags, #Tags - Get "Retention Views" by getting your video found in your niche related videos and keyword/s search Video Marketing Blog