Lively discussions on the graphic arts and publishing — in print or on the web

Go Back   Desktop Publishing Forum > General Discussions > Web Design

Thread Tools Display Modes
Old 08-23-2017, 06:07 PM   #1
Join Date: Feb 2008
Location: Great Plains, USA
Posts: 279
Default Advice on Mobile vs. Desktop Site Design

First off, you'll have to forgive my lack of modern web design knowledge. I'm planning on developing a portfolio website, likely using Wix. I just have some basic HTML/CSS experience from several years ago, and I'm not privy on mobile vs. desktop site design, so I'd appreciate some advice.

To give you an idea of what I have in mind, I designed a title graphic based on a 2.5"x3.5" vintage Topps trading card wrapper. I'd like to use it as an introductory/homepage (see attached graphic, which is not mine but simply shown for demonstration). This would suit the smartphone dimensions with its tall, rectangular layout, and links could be provided in the footer area, or maybe just placed on a dimmed header strip over the graphic. For the desktop version, the layout could show the wrapper fully opened and spread flat to make use of the extra margin space (normally, these areas of the wrapper would include an advertisement, a chewing gum ingredients list, and copyright info).

Is there a standard way of approaching this, or do I need to rethink it entirely? Wix has you design mobile and desktop separately. I've also encountered terms like "responsive" web design and wonder if by choosing Wix I'm not taking the most cutting-edge approach to web design.
Attached Thumbnails
Click image for larger version

Name:	website_layouts copy.jpg
Views:	90
Size:	71.8 KB
ID:	1992  
Ronald is offline   Reply With Quote
Old 08-24-2017, 04:33 PM   #2
Join Date: Jun 2010
Posts: 262

The idea of responsive design is that you put both designs in one place. You still need to think about what you want in a phone vs Desktop, but it means that content only goes in once, and when you make changes it happens for both rather than needing to do everything in two places.

So, if you really want something that is phone friendly, that's something to think about.

If you don't have one, consider getting a phone with a screen in range of what your intended audience might be using. I don't mean that if you audience generally uses late model iPhones and Samsung Galaxy s8's you need to do that too, but in that case I'd get a phone with a bigger and reasonably good screen to get a sense of what they are going to be seeing. If they are likely to be using mid range phones that you could for sure go with a more budget minded phone.
Kayza is offline   Reply With Quote
Old 08-27-2017, 03:31 PM   #3
Bo Aakerstrom
Bo Aakerstrom's Avatar
Join Date: Mar 2005
Location: Derby,UK
Posts: 1,367

Firefox Developer Edition has something called DevTools which enables you to see how your web pages will render on various devices. Google Chrome has something similar as well.

And both have good resources regarding Responsive Web Design.



Behance Portfolio
Bo Aakerstrom is offline   Reply With Quote

Thread Tools
Display Modes

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

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Site Advice? KWF80 Web Site Building & Maintenance 8 10-10-2013 01:03 AM
Need advice on specific type of site Andrew B. Web Site Building & Maintenance 7 11-02-2012 10:31 PM
Succinct web design advice ktinkel Web Design 4 02-16-2010 08:54 AM
Murdered a WordPress site. Advice? ktinkel Web Site Building & Maintenance 9 05-15-2008 12:40 PM
Interesting hosting advice site ktinkel Web Site Building & Maintenance 12 03-31-2008 06:23 AM

All times are GMT -8. The time now is 06:25 AM.

Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2019, vBulletin Solutions, Inc.
Contents copyright 2004–2018 Desktop Publishing Forum and its members.