Life at 3 Media Web Tech

How We Launched a Website for the Worst Client Ever. Us. · 3 Media Web

3 Media Web Five Step Process

We launch profitable web sites. That’s what we do, day in and day trip.

Our 5-Step Confirmed Course of is environment friendly, seamless and ensures a well timed launch. Our tasks exceed shopper expectations. Principally, it’s our job to knock it out of the park each single time.

3 Media Web Five Step Process

On uncommon events, when shoppers select to not comply with our course of, a venture can barely and even utterly go off the rails.

On this case, it occurred and that is our story.

It was time to revamp the 3 Media Web website to mirror its present choices as a full-service digital net company. Anybody who has been by way of this course of is aware of a new web site can contain rebranding, in depth planning, and a vital timeline.

By implementing our 5-Step Confirmed Course of, we keep away from the many pitfalls and ache factors on large-scale net tasks when working our shopper’s web sites. So long as our group and the shopper sticks to the course of, our net tasks run on time and inside finances.

Step #1 of our 5-Step Confirmed Course of is discovery and design. Discovery permits our staff to start out from sq. one with a shopper. Our staff works to know the shopper, their business, and study of their largest advertising roadblocks and top-lying objectives. Based mostly on preliminary discovery conferences, a new website construction and design is crafted.

In the case of our personal web site, we made the mistake of skipping our very important discovery course of (one thing we inform shoppers by no means to do).

We figured, “hey we are the experts we can refresh our current website” (dangerous concept). To start out, this meant simply including some new content material to the present website with a slight design enchancment. As soon as we began mocking up designs, we realized we would have liked a higher sitemap, content material plan, and rebranding.

We spent months on the newly designed “refresh” however after reviewing the design with our group, we realized we have been nonetheless lacking many items to the puzzle.

Web Design Process 5 Steps – 3 Media Web – 1 Discovery Design

EPIC FAIL #1 Discovery

We skipped our personal Discovery Course of. We say we do our homework, however we did not do it for ourselves.

Our technique for designing a profitable web site begins with shopper collaboration. Throughout the Discovery part, our staff works with the shopper to outline the web site’s artistic technique. We additionally conduct a completely aggressive business evaluation.

We create an general undertaking plan, together with a challenge timeline, to ensure the challenge course of stays on schedule. Discovery permits us to make sure success with the website’s general design and shopper presentation. It will increase our success on hitting the goal with a web site overhaul. It uncovers all of the required parts recognized throughout the discovery course of.

“We did not do any of this for ourselves.”

Jennifer Lawrence GIF saying "Yeah, you failed."

It wasn’t till after we designed a new model of our website that we realized we actually didn’t do our homework. This added to the timeline of the challenge as we took a step again. We wanted to do some aggressive business evaluation, not simply with design, however with content material and branding. So we went again to the drafting board to carry out some info structure, create a detailed UI mock-up, and enhance our general design.

Updating the website’s construction pressured us to take a look at how we might current our numerous distinct service choices. We needed to maintain the website easy however nonetheless give attention to our core service choices with out cluttering up the navigation bar and complicated the consumer. To maintain it easy a touchdown web page was created for two foremost service sections, and associated service subpages have been grouped underneath these.

The aim: to succeed in two totally different audiences. One looking for out net providers reminiscent of design, improvement, and help, and people wanting for a progress associate.

As well as, to maintain the website easy, clear and easy-to-use, the solely different navigational major pages we added was an About Web page, Tasks, Contact, and Weblog.

The objective of getting the two service choices entrance and middle was to keep away from confusion and direct the consumer to the place they should go for extra info. It additionally helps cross-market our prolonged choices as a full-service digital company.

The argument towards this format was the use of an additional click on to get to a service. In the finish, we felt organizing it into subpages and utilizing drop-downs was the most effective approach to discover helpful focused info. It might additionally permit us to raised goal our audiences on Google AdWords and Natural Search.

After the second spherical of design and navigational modifications, we lastly handed our design off to the improvement workforce.

What We Discovered

“Never skip the discovery process.”

Discovery is the key to success in any net design and improvement venture. Skipping over key processes will solely result in failure down the line.

EPIC FAIL #2 Submit Improvement Modifications.

As talked about above, as soon as the website goes to the improvement group the design is full and displays the anticipated remaining product. If a shopper modifications the design after the improvement part, that is sometimes (however not all the time) a setback each with time and price range. So it’s our objective to have the shopper log off on the design, together with some fine-tuning and perfecting of the useful specification doc (a complete roadmap of how the web site will technically work), for our improvement group.

As soon as the design and practical specification are permitted, our group produces an HTML prototype, which is a coded design that may later be carried out onto customized templates.

When our web site design mockups have been starting to be constructed, we had simply completed constructing an accessible web site for a shopper and determined that since we have been redesigning our personal web site, we also needs to make it accessible. We additionally needed to have the ability to supply a web site that appealed to the largest viewers potential together with customers with imaginative and prescient impairments.

With that, we needed to transfer again into the design part and redesign the website to satisfy accessibility tips.

 

GIF of dog running, jumping and crashing into a couch

This took a lot of additional time, no less than a month earlier than we have been capable of full an accessible net design, which meant we needed to take a step again for the website’s templates together with evaluate and alter our technical specs.

Web accessibility ought to have been addressed in the discovery part, however as a result of it was such a current development in net design, we didn’t give it some thought when scoping out our personal challenge.

What We Discovered

Constructing accessibility into every website we develop is now one thing we all the time attempt to work in the direction of. For a absolutely accessible designation, we now have assets (money and time) for this, and whether it is out of attain finances sensible for the shopper, we’ll nonetheless work in the direction of primary accessibility issues throughout the design course of. It’s now a part of what we do.

Web Design Process 5 Steps – 3 Media Web – 2 Development

.

Epic Fail #3 Improvement

Fortuitously, after the second design set of design modifications our senior undertaking supervisor developed a revised useful specification that stored the improvement course of on monitor. From this level, improvement was clean crusing.

Lots of our new practical options required up to date content material. We added performance similar to rollovers and new classes, however had not considered the new textual content that may be wanted to go together with the new options since we had already accomplished our net copy.

We additionally have to create new graphics for the website, however once more we didn’t tackle that in the design course of and as an alternative began designing most of the graphics after the website was developed. This strategy slowed down the means of content material improvement and web page creation.

What We Discovered

Once more, don’t skip the formal discovery course of.

Penguin GIF falling through ice, saying #FAIL

Discovery is what results in success in each design and the general improvement of the venture. Doing all of your homework up-front uncovers all of the performance wanted on the web site to offer the improvement workforce with technical specs that may keep away from lacking any options in the improvement course of.

It takes extra work to return and add lacking performance and revised content material as soon as the website has been developed. As a result of our improvement course of is considerably versatile we have been in a position to return and add them in, however that led to a longer timeline to launching the venture.

Web Design Process 5 Steps – 3 Media Web – 3 QA Review

Epic Fail #four QA

QA (High quality Assurance) is Step #four in our 5-Step Confirmed Course of. Often, we spend a minimum of two weeks doing inner QA and making all the fixes we discover on our improvement server. We check and check once more earlier than we ship a ultimate hyperlink out to our shoppers. By the time our shoppers obtain a pre-launch examined website, the solely fixes that ought to be discovered are content material and modifications as much as the shopper’s discretion. We make time for that and plan that into our course of.

On our personal undertaking, we by no means arrange a projected undertaking timeline (epic fail), however we have been hoping to smooth launch our website by July.

That by no means occurred.

Stephen Colbert covering his face GIF

We have been shut although, very very shut, and in all honesty, we simply acquired busy with shopper work and once more, our primary gross sales and advertising device fell off the map.

In mid-August, we confirmed that we might be presenting at upcoming Company Automation 2018 the first week of September. This put a onerous date to the launch of our web site. We have been decided to launch, which meant we must end up final minute content material and improvement modifications. This took a couple of weeks, leaving us solely a week for our QA course of.

It was the final week of August, and we nonetheless had not launched the website, with the occasion to occur on the following Monday. How do you launch a website in a rush?? Skip QA!!! (No actually, don’t do it!).

Web Design Process 5 Steps – 3 Media Web – 4 Launch Training

Fortunately since the venture was taking so lengthy, we had gone by way of a number of steps of QA already and we have been assured sufficient to launch the website very first thing on Monday morning.

We would by no means do that for a shopper, nevertheless it was one thing we had management over and determined to do it for ourselves. If something dangerous was to occur, we had the staff able to make the needed fixes.

On Monday, we launched the website with no hiccups. Our ongoing QA course of was thorough sufficient to keep away from any points.

The location was migrated seamlessly with out a hitch, and our new rockstar web site was now stay.

Technically, our QA course of was not an epic fail, however it was an epic fail in sticking to our course of to launch seamless web sites.

Seinfeld GIF with both characters glancing at each other

Fortunately, as a result of we have been already the worst shopper ever, it didn’t actually matter.

#EPIC SUCCESS #5 Progress + Help

Our 5-Step Confirmed Course of consists of progress and help of your newly launched web site.

We are huge believers in “always be improving.”

This goes into the whole lot we do, together with our personal web site.

Many purchasers assume,” my web site is completed, I’m executed engaged on it.”  However in all fact, you don’t actually understand how guests are going to work together together with your new web site till you might have some knowledge round that.

By taking a look at ongoing website knowledge and analytics, a website might be regularly improved.  This might embrace enhancing prime visited pages, prime exited pages, time on website, bounce charges and extra.

Shaq and Cat wiggling GIF

A stay web site doesn’t imply you cease engaged on it. It means you proceed to enhance the expertise for your shoppers. This might imply altering issues up that after three months if sure options or content material aren’t delivering outcomes, changing, or working as anticipated.

One instance the place we improved a piece of the newly constructed website was how we introduced our shopper portfolio and success tales. Initially, we created “abstract looking” thumbnails for our portfolio web page. We thought that may be cool and stylish. However that is additionally an instance of design vs. perform. The thumbnails we designed have been purely for visible and design attraction.

Web Design Process 5 Steps – 3 Media Web – 5 Support Growth

What we realized from our knowledge was that folks have been exiting our portfolio web page prior to we needed. We examined why that could be, and got here to the conclusion that perhaps we weren’t exposing the manufacturers or verticals that shoppers needed to see, inflicting them to go away.

If a “look-alike” potential buyer is skimming our website to see what manufacturers and verticals we labored with, they must drill down, click on on the thumbnail to seek out out who that venture was for and the way it appeared.. We have been making them do extra work than vital.

We ended up redesigning the thumbnails to incorporate a shopper emblem that could possibly be seen instantly upon touchdown on our portfolio web page. This has lowered our exit price from that web page and stored the guests on the website longer with an additional click on to discover extra about that undertaking.

Our enchancment to that web page is protecting guests on our website longer and viewing extra pages.

guy running towards sign that says 'success', and running away from 'failure' sign

Analysis tells us that B2B clients progress greater than 70% of the method via the decision-making course of earlier than ever partaking a gross sales consultant, so we need to make certain we’re steering them in the proper path whereas they do their analysis. This makes persevering with to enhance your web site much more necessary when your aim is to generate extra leads from it.

Most B2B consumers say they rely closely on white papers (82%), webinars (78%), and case research (73%) to make buying selections. Shut behind are e-books (67%), infographics (66%), and weblog posts (66%).

Having a associate to help any net modifications to assist develop and enhance what you are promoting is a essential key to ongoing success.

We know as a result of following Step #5 of our course of has helped us enhance and generate extra certified leads from our web site.

Launching a website for the worst client ever! US!

We also can do the similar for you. Give us a name in the present day! +1 (508) 845-8900