Applying Website Design and Copy Updates
Learn how to execute web design revisions, including image replacements, copy updates, layout adjustments, and footer modifications for a website build.
This guide outlines the requested design, copy, and layout adjustments for the website build. The goal is to correct formatting errors, update text to reflect an automation focus, and improve the overall professional appearance of the site.
This document applies to web developers and UI designers responsible for implementing site feedback. It should be referenced during the revision phase of the website development workflow.
Slide-out Panel and Header
Global Copy Updates
Ensure all terminology reflects the brand's focus by implementing these copy replacements across the site:
Original Copy | Updated Copy | Location |
|---|---|---|
IT company | automation company | Header / Global |
project | projects | Metrics Section |
client | clients | Testimonials |
need help | get started | Footer |
Additionally, add the text "since 2010" to the metrics section, and ensure the phrase "Get a free consultation" appears twice in the introductory area.
Image and Layout Adjustments
Make the following layout adjustments to the homepage body:
Low-Resolution Assets: Swap the currently pixelated image for a sharper, high-resolution alternative.
Column Spacing: Balance the columns with excessive white space by increasing the font size, adding a border, or implementing a new design element.
Generic Photography: Replace the digital blackboard stock image with a more original, tech-focused image that features a person and illustrates business growth.
Yellow Backgrounds: Add contrast and design elements to plain yellow backgrounds to elevate their professional appearance.
Overlapping Text: Adjust or remove the "Get in touch" text to fix the visual overlap.
Testimonials and Metrics
Update the company's operational experience metric to "16 years of experience" in all relevant sections. In the Testimonials section, replace the generic placeholder quotes with automation-focused quotes from various industries until real client testimonials are provided.
Link and Routing Configuration
Route the following pages correctly:
Update all service page links on the homepage. Include the new "Auto Dealership" link immediately.
Link the primary CTA buttons directly to the "Contact Us" page.
Footer Updates
Apply the following changes to the site footer:
Fix the footer logo so it maintains its aspect ratio and is no longer compressed vertically.
Capitalize the "J" in "Revenue Jumpstart" consistently.
Update the contact email to
info@revenuejumpstart.com.Update the phone number to
+1 (647) 831-7654.
Q: How should the main logo be resized?
A: Ensure the logo is at least 250 pixels wide while strictly maintaining its original aspect ratio so it does not appear stretched or pixelated.
Q: What should be done with the placeholder testimonials?
A: Until real client testimonials are available, replace the current placeholders with automation-focused quotes relevant to various industries.
Q: How should the legal pages be generated?
A: Use a free, external web application to generate generic Privacy Policy and Terms & Conditions pages. Do not install a WordPress plugin for this task in order to avoid adding unnecessary weight to the site.
Term | Definition |
|---|---|
Aspect Ratio | The proportional relationship between an image's width and its height. |
CTA Button | A Call to Action button designed to prompt a user to take a specific action, such as clicking to contact sales. |
Plugin Weight | The negative impact on a website's load speed and performance caused by installing unnecessary plugins. |