6 {{ upvoteCount | shortNum }}
6 {{ upvoteCount | shortNum }}

Responsive Website Redesign - Do I Have To Create 3 Designs (Desktop, Tablet, Phone)?

by olimits7
5 replies
  • WEB DESIGN
    • |
Hi,

I'm in the process of redesigning some of my "desktop viewed" web pages. I was just wondering, would I also need my web designer to also design a "tablet viewed" and "phone viewed" versions of my redesigned web pages? Or would I be able to just use the redesigned "desktop viewed" web pages and have my programmer code this page to be responsive across all platforms?

I just want to see if I need to have 3 separate redesigns for all platforms or if my 1 desktop redesign would be enough to use for other platforms?

Thank you!
#create #designs #desktop #phone #redesign #responsive #tablet #website
  • Profile picture of the author UMS
    If you use a responsive design, you only need one version for any device from a tiny phone screen to a wide desktop monitor.
    Signature
    {{ DiscussionBoard.errors[9738746].message }}
    • Profile picture of the author BrianJM85
      Originally Posted by UMS View Post

      If you use a responsive design, you only need one version for any device from a tiny phone screen to a wide desktop monitor.
      I agree, as long as there is no need to use media queries to target different devices. Once you get down to the width of a tablet, for smaller width devices the design will more than likely be the same.

      If there is a functional requirement to have different designs for different device widths, then design for it. Otherwise, you risk scope creep and are wasting time.
      {{ DiscussionBoard.errors[9739085].message }}
      • Profile picture of the author Zenoth
        You don't need to have a version of your website for each device. Even you are looking only for three versions: desktop, tablet, phone, you can't cover all desktops, tablets or phones screen resolutions. There are just too many varied sizes of this devices.
        The best approach to this will be to have a single version of your website for all devices. Using CSS3 media queries, you can target the most common screen resolutions and adapt website look based on them.
        To ease your job, you can redesign your website based on a responsive grid system (like Bootstrap, Foundation, or other).
        Just find a skilled developer and he will know what to do.
        Signature

        Ever wanted to start a blog? Here's a step-by-step guide on how to start a blog from scratch.

        {{ DiscussionBoard.errors[9740022].message }}
  • Profile picture of the author asamanthinketh
    No you don't have to. Either use display classes for your columns wisely or try out the simpler alternative. That is, Twitter Bootstrap.

    I'm learning Bootstrap now, and it's not complicated at all. Just give yourself a dedicated day to really understand the grid system.
    {{ DiscussionBoard.errors[9740706].message }}
  • Profile picture of the author Adelina A
    Here, I would share my experience with you, I also have designed a responsive theme recently. For this I have opted a theme generating software TemplateToaster as it has bootstrapped feature. Because coding process take long time to design a theme . You may also use TemplateToaster for your project as well.
    {{ DiscussionBoard.errors[9765206].message }}

Trending Topics