Gone are the days when we knew for certain that everyone viewing the web was on a desktop or laptop computer so websites were designed and developed for that standard experience. Increasingly, people are viewing the web on a variety of devices – tablets, smart phones and other mobile devices. If your website doesn’t support those devices, it can negatively affect how users interact with your business. The site may load slowly, the layout is fixed and awkward to navigate and you may end up with a frustrated user. Statistics show that most users don’t convert when using small screen devices, which means you may be losing out on valuable business opportunities.
We need to thoroughly understand your business, business goals, customers and their expectations and behavior, and how your website factors into all of it. We’ll also look at the competitive landscape to establish context and benchmarks for how your site should function and then improve on that. This stage will give us the foundation for moving forward with the design and development of your new responsive website.
Once we’re armed with this information, we’ll begin to work sketching out interface layouts for 3-5 different views, including the home page, sub page, blog template, and any additional templates needed. Wireframes look like simple skeletons of your website without the visual polish of the finished design, allowing us to experiment and iterate on solutions quickly so that we have a good sense of how content should be laid out across different screen sizes.
Next we’ll design high-fidelity comps that show what the final designs will look like on desktop, tablet, and smart-phone screen sizes, providing up to two rounds of revisions on the design.
After testing the static layouts, we will integrate the new designs into WordPress. Our team will run a QA to test the site across different browsers (Firefox, Chrome, Safari, Microsoft Edge) and devices (iPhone 6 and up, Android). Any bugs that arise from this testing will be fixed prior to launch.