Skip to content

Don’t Get Hung Up on Mock Ups

Don’t Get Hung Up on Mock Ups

The process of building a custom website can be a lengthy one, depending on the complexity of the site functions. However, there is one step of the process that always seems to delay the progress: reviewing and approving mock-ups. This is not to say that mock-ups don’t deserve serious consideration, but often items that are simply examples in the mock-ups become sticking points. It can be difficult to look past pieces like headlines or imagery when they aren’t in line with your vision for the site, it’s important to remember that these things aren’t final.

When reviewing your site mock-ups, having a full understanding of the items that are final once the sign off is received and the pieces that may be changed at any time will expedite the process and ensure that you stay on track with your projected launch date. Below we’ve outlined the items in the mockups that you are agreeing to upon signing off and the items that are flexible, even after the site goes live.


Elements of the Mock-Ups that WILL NOT Change After Signoff

Certain elements of the mock-ups are final once the signoff is received. The mock-ups are created so that you are given a chance to review and discuss before the development of the site begins. Often, especially with custom design, several rounds of mock-ups are created in order to perfect these elements prior to signoff.

  • Navigation: Though titles of the main navigation pages may change and dropdown menus may be added (if discussed with your design and development team) the way the navigation is laid out and the number of items available in the navigation will not change after the signoff is received.
  • Colors: The main colors used in the final mock-ups will be those employed on the live site, though it’s important to remember that they may render slightly different on the web and varying browsers.
  • Layout: The overall layout of the site is the main piece you are signing off on with the final mock-ups. This means the placement of headlines, content boxes, social icons, call outs and widgets, and featured images on the live site will mirror that of the mock ups.
  • Basic Function: Though you will receive more information about the features and usability of the site with the function document, the basic functions will be agreed upon with the mock-ups. For example, the user may receive additional information about an image when they hover over that image, and this design should be laid out and agreed upon.

Elements of the Mock-Ups that Can Be Changed

In order to give you a true sense of how the site will look with copy and imagery, placeholder items are included in the mock-ups. While these may also be included in the site, they are by no means final and shouldn’t delay the process of approving the mock-ups if the above items check out.

  • Photography: Photos can be swapped out at any time, even after the site goes live. Prior to launch, your design team will create a lightbox of stock photos or you can provide photos and you will work together to determine where each image will be used on the site. Additionally, you’ll receive training after your site is launched so you can learn how to swap out images when necessary.
  • Headlines: In your mock ups, you will notice headlines and calls to action. These are included to demonstrate the look and purpose of these areas, but are completely customizable.
  • Copy: Generally, Latin text is used in mock-ups to give you an idea of how copy will look on the page. This will obviously be swapped out for final text. In some cases, we’ll use copy from an existing site in the mock-ups. Please note that in this situation, the copy can also be changed or substituted as needed.

As you review your site’s mock-ups, keep these items in mind. Should you envision elements the layout differently, discuss them with your design team and develop a new set of mock-ups. If pieces like images or headlines are troubling you, be sure to make a note of them, but don’t allow them to slow down the design and development process. The last thing you want to do is delay your site launch over simple fixes that can be made once the site is in development.

Book FREE Trial

We know that getting back into fitness is tough! Let us help you achieve your weight boxing workouts.

Creative Director/Senior Designer

Tom DiGrazia

With over a decade and a half of professional design experience, Tom brings his knowledge of design principles and focus on user experience to every aspect of his contribution to TTG. Paying special attention to each client’s brand, personalized needs and individual interests, he strives to create compelling concepts utilizing intuitive and highly-refined design solutions. In addition to traditional and digital design work and oversight at TTG, Tom also boasts a wide portfolio of web development projects with the company, allowing him to stretch his CSS and HTML skills across multiple platforms and disciplines. He feels that being a designer in the digital landscape of websites, eCommerce solutions, email marketing platforms and social media, it is important to understand the code that goes into these areas as it assists his ability to tailor designs specifically targeted to achieve the best end result and further builds understanding and communication with backend development teams.

In his off hours, Tom is an avid pop culture enthusiast, staying up to date on the latest shows, films, comics and games. He can also typically be found taking part in a whole host of artistic activities that help him further stretch his creative legs. Regardless of the activity, Tom is always accompanied by his dog, Eli, and his cat, Tib.

Specialties:
Design, Photography, Illustration, Digital Imagery Manipulation, Wesbite Development

Platforms/Tools:
Photoshop, Illustrator, InDesign, Lightroom, HTML/CSS, Wordpress

Analyst/Strategist

Courtney Dumont

As Senior Marketing Strategist & Analyst at Technology Therapy Group, Courtney is energized by the ability to flex both her left and right brain daily. Courtney discovered her passion for Marketing at Bryant University, where she spearheaded research on students’ perceptions of Social Media Marketing for her Honors Capstone Project. After graduating Bryant in 2012, she joined the Technology Therapy team, where she’s honed her skills in social media, search and social advertising, email marketing, SEO, and more.

Since joining the team, Courtney has created digital marketing strategies and managed campaigns for clients across the country, ranging from plastic surgery centers, to jewelry stores, to construction companies. With a cohesive, cross-channel approach and a focus on data-driven decision making, she has increased their leads by up to 217%. But Courtney doesn’t leave her zeal for social media at the office; she also runs a local foodie Instagram account with her husband to document their meals across Rhode Island and beyond. Check them out: @hoppilyfed.

Specialties:
Marketing Strategy, Data Analysis, Google Ads, Facebook Ads, Social Media

Platforms/Tools:
Google Analytics, Google Ads, Facebook Ads, Facebook Creator Studio, Instagram, Klaviyo, Mailchimp, Emma Mail, Google Data Studio, WordPress, YouTube, LinkedIn, Facebook, Microsoft Office