Register Advertise with usHelp Desk Today's Posts Search

Closed Thread
Thread Tools Search this Thread
Unread 23rd Sep 2011, 12:48 PM   #1
HyperActive Warrior
 
Join Date: 2010
Posts: 292
Thanks: 78
Thanked 71 Times in 56 Posts
Default
Mobile Website Design. How do you
Share on: 
fb share twitter share gplus share more share

flesh out what a client wants their site to look like? Do you give them a choice of 5 or 10 templates and then focus on graphics and color schemes? Do you use a form of some sort to capture all of the basics needed for the build?

These aren't selling for a huge amount of money so I would think you would try to get to the heart of what your client wants the finished product to look like as quickly as possible. Thoughts?
Huskerdarren is offline  
Unread 23rd Sep 2011, 01:19 PM   #2
Mobile+WP = JumpMobi.com
War Room Member
 
Jay Moreno's Avatar
 
Join Date: 2009
Location: San Antonio, Tx
Posts: 1,270
Thanks: 301
Thanked 449 Times in 309 Posts
Default
Re: Mobile Website Design. How do you
Share on: 
fb share twitter share gplus share more share

we have a basic layout and change the colors of the CSS to match the main site - just try to keep it simple

haven't had a single person yet say they didn't like it - mainly because they are already familiar with their company color scheme plus i would never show a client anything that i didn't think looked good...

hope that helps

jay

Sorry, I am too busy helping people to think of a cool signature!
Jay Moreno is offline  
Unread 24th Sep 2011, 03:50 AM   #3
Active Warrior
 
markjob's Avatar
 
Join Date: 2010
Location: UK, Hampshire
Posts: 91
Thanks: 28
Thanked 8 Times in 7 Posts
Default
Re: Mobile Website Design. How do you
Share on: 
fb share twitter share gplus share more share

Does anyone use css for gradients? I want to create some gradient style buttons but don't want to use images because of the size. Can css be used that way? Also as well as the gradient css button, can the code make the button not go the whole width of the page?
markjob is offline  
Unread 24th Sep 2011, 04:32 AM   #4
Digital Marketer
War Room Member
 
WillR's Avatar
 
Join Date: 2010
Location: Australia
Posts: 12,475
Thanks: 1,984
Thanked 8,187 Times in 4,079 Posts
Default
Re: Mobile Website Design. How do you
Share on: 
fb share twitter share gplus share more share

Gradients can be used in CSS3 but not all popular devices support CSS3 - for example my Blackberry does not. On those devices you will just see the one color as gradients and rounded corners will not be supported.

Mistake number 1 is showing your customers templates. You might be using templates but don't let them know that as it will cheapen your service. As you mentioned when you are only selling the sites for $300 - $500 you don't want to have to spend much money on the design of the actual site, that is why templates are such a great idea.

WillR is offline  
The Following User Says Thank You to WillR For This Useful Post:
Unread 24th Sep 2011, 04:39 AM   #5
Active Warrior
 
markjob's Avatar
 
Join Date: 2010
Location: UK, Hampshire
Posts: 91
Thanks: 28
Thanked 8 Times in 7 Posts
Default
Re: Mobile Website Design. How do you
Share on: 
fb share twitter share gplus share more share

Thanks willR, i didn't know some devices don't support CSS3. So till they all do support it i will just have to really cut down on the number and size of the images.
markjob is offline  
Unread 24th Sep 2011, 05:00 AM   #6
Digital Marketer
War Room Member
 
WillR's Avatar
 
Join Date: 2010
Location: Australia
Posts: 12,475
Thanks: 1,984
Thanked 8,187 Times in 4,079 Posts
Default
Re: Mobile Website Design. How do you
Share on: 
fb share twitter share gplus share more share

Originally Posted by markjob View Post

Thanks willR, i didn't know some devices don't support CSS3. So till they all do support it i will just have to really cut down on the number and size of the images.
When I say they don't support it you can still use those things however on some devices they won't look the same. It doesn't mean the page will not work at all, it just means the gradients and rounded corners won't display properly - rounded corners will instead be square and gradients will instead be just one color.

WillR is offline  
Unread 24th Sep 2011, 07:54 AM   #7
Mobile+WP = JumpMobi.com
War Room Member
 
Jay Moreno's Avatar
 
Join Date: 2009
Location: San Antonio, Tx
Posts: 1,270
Thanks: 301
Thanked 449 Times in 309 Posts
Default
Re: Mobile Website Design. How do you
Share on: 
fb share twitter share gplus share more share

As Will said you can include those features just make sure they can degrade gracefully for those that can't handle that type of code - ie make sure the background still looks presentable if the gradient doesn't work

Sorry, I am too busy helping people to think of a cool signature!
Jay Moreno is offline  
Unread 24th Sep 2011, 08:12 AM   #8
The Prince of Profit
War Room Member
 
mjbmedia's Avatar
 
Join Date: 2008
Location: UK
Posts: 1,294
Thanks: 189
Thanked 283 Times in 225 Posts
Default
Re: Mobile Website Design. How do you
Share on: 
fb share twitter share gplus share more share

How do your clients know what they want, they dont know what makes mobile websites more effective, they dont know how mobile usage of sites differs from PC based sites, so why should they tell you how to do their sites, you have to take control, assert your knowledge and influence over them and advise them what they will have as thats what is going to be effective.

Surely thats part of what theyre paying for, your expertise , your knowledge , and then the design / implementation else any bozo can jump into this industry and we dont want that as it will then be the same as web design

Mike
mjbmedia is offline  
Unread 24th Sep 2011, 08:26 AM   #9
HyperActive Warrior
 
JToneyUK's Avatar
 
Join Date: 2011
Location: North West, England
Posts: 267
Thanks: 97
Thanked 41 Times in 34 Posts
Default
Re: Mobile Website Design. How do you
Share on: 
fb share twitter share gplus share more share

Totally agree with what mjbmedia has said above, but the aim is to deliver a simple site for mobile use.

By tweaking the colours, adding the company logo and an image from their current website will make each "template" unique looking.
JToneyUK is offline  
Unread 24th Sep 2011, 10:51 AM   #10
Advanced Warrior
War Room Member
 
Jay Rhome's Avatar
 
Join Date: 2009
Posts: 751
Thanks: 204
Thanked 218 Times in 158 Posts
Default
Re: Mobile Website Design. How do you
Share on: 
fb share twitter share gplus share more share

Originally Posted by JToneyUK View Post

By tweaking the colours, adding the company logo and an image from their current website will make each "template" unique looking.
Exactly. Usually the less choice for the prospect the better, as otherwise you'll get a true "I'll have to think about it".

If you devise a mock up with the business color scheme and logo, and it does look like a version their current site, usually they'll be fine with it... unless they had planned to change their site or are in the process of doing so. It happens, but rarely.

You can still customize it for them if needed, but most of the time your work is done. They take it or they don't. The comparison between how their non-mobile sites looks on the smartphone and your version helps seal the deal but usually, they have to see there's a need for a mobile version and how it will bring them clients and MONEY. Otherwise it's a moot point.

That's why I'm not so keen on doing mockups first anymore. I'd rather show them - using QR Codes for a "wow" factor - other work done for competitors...
Jay Rhome is offline  
Closed Thread


Bookmarks

Tags
design, mobile, website


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off




All times are GMT -6. The time now is 10:41 PM.