How it works

  1. Form your cart
  2. Checkout with invoice
  3. We'll send you a link to book a discovery call
  4. Once we clarify everything together & invoice is paid we'd start working on your project
Full service agency

For those who need design, coding, or digital marketing, the GRIN tech is a full service agency that is able to deliver turn-key solutions.

🤙 Book a discovery call

👋 Can a full service agency build you a business?

White label

For agencies & industry professionals who want to focus on strategy and business growth, the GRIN tech features a white-label solution  that covers pretty much full cycle: design, code & marketing (including PPC, SEO, link building, content, and lead generation). 

🤙 Book a discovery call

b2b
prospecting platform

For sales professionals engaged in b2b prospecting, the Hound @ apps.the.gt is a prospecting platform helping to fill the pipeline with qualified leads. Unlike the competition, our product features both data discovery & message delivery tools.

🤘 Give it a try

Backlinks
& Outreach

For companies who need backlinks, the Launcher is a productized outreach service that delivers opportunities to your Trello board on autopilot. Unlike the competition, our service is transparent & pricing is performance-based.

👋 Watch explainer video

🤙 Book a discovery call



Maybe You Need a Website Redesign? Here’s Why & How

It is time to redesign a website if:

  1. Did your company vision \ mission \ configuration changed?
  2. Does the design look outdated?
  3. Are my conversions/sales decreasing?
  4. Have I received complaints about user experience or design-related issues?

Let’s dig into workflow (preparation & execution), FAQs, examples and common pitfalls.

p.s. we included GRIN tech’s two recent redesign projects below – check out BEFORE\AFTER sneak peeks.

Website redesign process (workflow)

Website redesign - how to choose objectives

Objectives checklist

One redesign website for a reason (mostly, lol) and I find it’s extremely helpful to make a checklist with objectives. At the end of the day, after fancy mood boards, you need to ensure you nailed your goals.

Here are a few directions to look at:

  • Current problems
  • Wanna-haves, e.g.
    • New sections
    • Expanded \ unique pages
    • New features

What else must contribute to the objectives checklist?

Competitor research

Personally, I do this part like this:

  • List direct and direct competitors (on top of my head, because they are usually breathtaking AND based on Googling mainstream terms)
  • Add the following into a spreadsheet for every competitor listed:
    • Cool door openers (free trials, demos, webinars, gated content, etc)
    • USP (Unique Selling Proposition) and supporting statements
    • Pricing
    • Whatever else catches your eyes

Marketing (and stakeholders) interests alignment

Aligning stakeholders’ interests is a key to success in every project, not just website redesign, but that what I mean here:

  • Execs usually want high-level things like good looks, conversions, etc
  • Marketing people need
    • Landing pages
    • SEO optimization (see Information Architecture section below)
    • Certain CTAs, features & door openers to convert visitors
    • 3rd party tools integrations (banners, chats, email capturing, gated assets and whatnot)

UX audit

UX audit. Self-service guide & few rad resources to make things rolling

Execution

website redesign workflow chart

Information architecture (SEO, keywords research and all that)

Here you go, 5300 words on that topic and common SEO pitfalls: How to tackle SEO before you ship website to production or even build it

Design references

When building a website from scratch, if you don’t have a strong, informed opinion (and most clients don’t) on how things should look and feel like the only information a good designer will need is these:

  • Colors
  • 3-5 examples of websites that give you chills – either already live, or some concepts from Dribbble, Awwwards, etc.

Since we speak about a website redesign, unless you want to completely revamp everything, just find design references.

BTW, here are few thoughts of mine on how entrepreneurs can benefit from Dribbble.

Wireframes

  1. Do content models
  2. Do some hand-drawn wireframes first (or use a tool like Balsamiq Mockups or Figma)
  3. Ask the designer to make the first iteration on top of that,
  4. and continue shaping it in iterations

BTW, common logic suggests starting working on the home page first and nailing it to the end.

Content planning & execution

How is this different from information architecture?

It’s one thing to have a website structure outline and whole different endeavor to actually build all those photos, copy and whatnot.

As a content marketing agency, we work with multiple clients and content approval is the most common bottleneck; not the planning, execution & promotion (duh).

Development & testing

Right, so many things you should keep in mind, do, research and whatnot, but at some point you’d have to actually do the thing.

Don’t fuck it up.

Or just hire us 🙂

PRO TIP: Before shipping into production

We all have opinions and it’s fine, but data-backed knowledge is better. I usually log-in current stats (traffic, time on site, bounce rate, etc) to benchmark it later to the redesign results.

Keep in mind, that there should be enough data to have statistically significant benchmarks before and after you roll out a new design.

Data alone, of course, can get you that far. Conversions are the true reason for website existence (ideally) and the industry average is like 3% (hello b2b guys 🙂

Consider this life-hack: Micro conversions – scale analytics user coverage from 1% to 100%

Ongoing Improvement

It is a common thing to say in such articles “do A\B testing, ongoing improvement” and blah blah blah.

Truth is, most of the websites don’t have enough traffic to run statistically significant tests, especially on individual pages. As Nat E. from Growthmachine said somewhere:

I don’t usually optimise anything conversion wise untill there are 100 000 people coming from Google every month

Duh.

There is one thing that even small businesses and low-traffic websites should optimize though:

Language\market fit in headings, titles, USPs and other short-form copy.

website redesign: how to test language market fit chart

Here are a few ways to do so:

Things to consider

Whatever path makes you realize the need to redesign your website, the ultimate goal should be to increase sales (ROI, LTV, Average Order Value (AOV) and other fancy metrics). There are also supportive metrics to improve: organic traffic volume, time on site, avg. pageviews\session etc. All these things have to be measured in hard numbers. Proper setup of Google Analytics would do.

Tip: check metrics above within segments as well: across devices (desktop, mobile and tablet at the very least), traffic sources, google analytics build-in advanced segments, home invented and implemented via content groupings user brackets etc.

In an ideal state of being online stores are continuously updated to hit new milestones and metrics, respond to ‘ever-changing market environment’ and all that. This constant evolution should include a mix of marketing, design and development efforts. Consider the follow following example in nutshell thou:

A strong team of developer and marketer runs small niche store. Design was made by freelancer 2 years ago. Since that store got few dozens new landing pages, email marketing, handcrafted banners to run promotions etc. So the project is actually constantly evolving and making sales, just lack design expertise. If so, why force ‘let’s throw away your thing and do everything from scratch?’ on them?

So one doesn’t need a “redesign website” (hello there, “will redesign whatever you want for that much money”). I say one should consider options.

Pure cosmetics redesign

I do not like people selling redesign services as if you have some old and ugly website right now. It could be just better though 🙂

Sometimes it is good as it is, or you are tight on budget and not ready to spare a buck for the whole hipster-looking gang: UX and UI designer (two different guys, huh?), project manager, marketing guy, analytics guy, front end developer, and backend engineer. The designer and coder will do.

Deliverables

  • It will become responsive and therefore device agnostic. I see this one as most often a reason to redesign the website
  • Design system specification might be a hype term these days, but ultimately it boils down to unifying all those twenty-different-variations of elements and compiling a few PSDs for future generations of freelancers to come
  • Retina-friendly, pixel perfect, Dribbble-worthy PSDs ready to be coded
  • Hell, it will just look good

Growth-driven website redesign

Catch with this option might be an implementation of Dribbble-style e-commerce design: eye-catchy, bust mostly worthless from business and marketing perspective. Therefore, such restructuring has much less to do with the design itself. It is more about re-thinking user experience, marketing, and SEO strategies. Good starting points are:

  • User behavior data, the most common source is Google Analytics
  • Changes needed to improve SEO performance
  • New features and best practices, also those of your competitors

Note: when moving things around, be careful with changing links. They either should stay intact or should have 301 redirects to new pages. This way you will see no adverse change in organic traffic.

Deliverable: a shiny brand new website builds with proper usage of previous assets.

Backend and backstage redesign

By backstage, I mean an internal business kitchen. How to order fulfillment handled means of communication with clients, accounting, etc. There is always room for some improvements and automation, but it should always be questioned in terms of ROI. No need to optimize things faster than business grows.

Tiny case: first 3 month TENNIS.DELIVERY’s orders were injected in Google Spreadsheet where manager was handling them manually. On 4th month we build a super functional (but quite ugly) CRM with various SMS and email notifications on order status change, calculated some bold statistics etc. When we added second store to the DELIVERY family (devoted to running), we simply copied files. When we started third store development of the same brand we made a micro service in order to have one source code for all three shops.

Backend redesign is not that famous thing. Mostly because it deals with technical debt or system scaling and therefore handled by the dev team in charge be it in-house or outsourced — silent introvert heroes.

Reasons for such endeavor include:

  • More products than the initial solution implied
  • Ultimately, even marketing automation (e.g., emails) might be a part of a full-stack redesign since it relies heavily on technical infrastructure
  • Reducing technical debt, i.e., reducing costs to support and expand current IT infrastructure
  • Need for better Content Management System (CMS). Content is king. For example, having more than 18 reviews on the product page can boost sales by 84% they say
  • Speed and performance issues

Frequently and Rarely Asked Questions

How much does a website redesign cost?

It depends on how big the current website is and what tech stack is used and can be used for a redesign.

GRIN tech did some for $400 for a quick revamp including coding and some were priced few grand for the design alone.

How long does it take to redesign a website?

1 day to infinity if not all stakeholders are on board 🙂

Website Redesign Tips and Best Practices

  1. Add strong visual features and elements
  2. Personalize your website based on your brand
  3. Build a blog if you still haven’t
  4. Add new dedicated landing pages
  5. Optimize the entire website for SEO
  6. Make sure all pages are mobile-first

Rad Website Redesign Examples (Before VS After)

Buschmanstore.com

Here is a redesign we rolled out recently:

Home page

Buschmanstore home page before and after redesign

Category page

Buschmanstore category template before and after redesign

Product card

Buschmanstore product card before and after redesign

azbilliards.com

Still working on that on, tsss.

Home page

Azbilliards home page before and after redesign

Player profile

Azbilliards player profile page before and after redesign

Not So Good Website Redesign Examples (Before VS After)

Woah, sorry, I am still working on this part.

Is e-commerce redesign different?

Remember when this one service you loved and used often shipped redesign overnight? I believe it is okej to redesign some visit-card like corporate site overnight, but for e-commerce sites with a build-up audience, it might and will cause negative feedback. One way to address the issue is to ship redesign steadily over time.

GRIN tech’s approach to website redesign

Woah, sorry, I am still working on this part.

To sum it up on website redesign

There are tiny local businesses where you just do the thing without overcomplicating it. It takes a few hundred bucks and a couple of weeks.

There are mature businesses operating entirely on the Internet with tens of thousands of pages, huge organic traffic to take care of, good historical data, etc. that requires incremental improvements that are often called Growth Hacking rather than redesign.

And infinite spectrum in between.

Get in touch and let’s just talk through what you have in mind.

Other articles related to sketches
  1. Dribbble for entrepreneurs
  2. Real estate marketing ideas & tips to succeed in 2019
  3. List of 993 real estate keywords for SEO & PPC ads
  4. SaaS marketing case study (2500 words on hustling)
  5. Get Affordable SEO Services For Small Business
  6. 1167 travel keywords for SEO & PPC
  7. 563 law & legal keywords for SEO & PPC
  8. 1472 salon, spa and massage keywords for SEO & PPC
  9. Native video advertising
  10. Average Cost of Website Design for Small Business
  11. b2b sales consultant you & your business deserve
  12. CRM retargeting – immense opportunity even if you don’t have a CRM yet
  13. Globalpartszone reached a turnover of $1 million in one year. Case Study.
  14. UX audit. Self-service guide & few rad resources to make things rolling
  15. Web scraping services for business – basics, tools & 3500+ words case study
  16. WordPress for small business
  17. Online PR & link building for business
  18. 79 good entrepreneur movies about hustle & important lessons
  19. Geoffrey Moore Positioning Statement
  20. 8 psychological methods of price list design optimisation
  21. 1556 health & fitness keywords for SEO & PPC
  22. Geomarketing Guide: How, Why & Who
  23. Content marketing dream team
  24. Business model examples by type – inspire out of box thinking for your project
  25. Scraping LinkedIn – scalable approach to prospecting & lead gen
  26. Sponsored Blog Posts For Business: Why, How & How Much
  27. Content strategist – cornerstone part of content marketing
  28. 12 Dental Blog Topics
  29. 5 content marketing metrics that matters (and how to track them)
  30. Paid digital advertising channels for business
  31. Storytelling in advertising – skip a pushy ad copy and tell a story instead
  32. Guide: write your first email using Google AMP
  33. Perceptual errors hack in digital marketing
  34. How we reinvented cold calling lists

Like what you see?

GRIN tech is available for work.

Hire Us