Migrated Site Rebuild

• Artist is building site with Chrome browser
• The following Chrome extensions are installed and functional
• Eye Dropper - Pick any color on the current webpage
• Image Downloader - Download all the images from web pages. Even those images which are hidden from view.
• SEO Meta in 1 Click - Displays all meta data and main SEO info.
  
• Window Resizer - Resize the browser window to emulate various screen resolutions.
• Grid Ruler - Add page rules (like those found in Photoshop or PowerPoint)
• GoFullPage - Capture a screenshot of your current page

• Artist has access to Duda backend editor
• https://my.websites.hibu.com/login
• rebuilder@hibu.com
• Hibu#nd1

• Artist  has a strong working knowledge of Duda Editor including:
• Paragraph editor
• Global design options
• Dynamic text insertion
• Element spacing (padding / margin)
• Adding or deleting rows, columns, and inner rows
• Sections
• Widgets
• Artist is able to distinguish between the five website areas:
  
• header
• navigation
• hero area
• content body
• footer
• Artist can update SEO elements
• title tag /Page Title
• meta description / Page description
• page name / Page URL
• alt tags
• Artist knows how to update Video Splash widget
  
  
• Artist will rebuild every page except
• Pages missing content
• Gallery pages containing no images
• Blogs - including blogs with client added content
  

Legend

• Migrated Site = old site
• Rebuilt Site = new site

New

• Migrated Site = old site
• Rebuilt Site = new site

• Click top-right corner Create a Responsive Site button
• Enter 'migrated' into left gutter Search for template field to display MIGRATED SITE REBUILD template
• Click template then select Start Building button
• Enter business name using lower case letters with dashes between words and no punctuation
• Bob's Auto Repair --> bobs-auto-repair
• Liberty Pure Solutions, Inc  --> liberty-pure-solutions-inc
• The Law Offices of John Smith, Attorney At Law -->the-law-offices-of-john-smith-attorney-at-law
• Click Start Building button
• Click top-right corner House icon
• Tic check box left of newly created site
• Click Label button and select Migrated Site Rebuild from dropdown to add Filter label
• Click name-of-business or Edit

• Transpose old site NATWE to new site via Content-->Business Info.
• Business name
• Location Address  (if applicable)
• Do not include suite or building number (and the like).
• Phone number
• Main
• Fax
• Mobile
• Toll-Free
• If needed add or edit Label to include other phone numbers
• Delete unnecessary phone numbers
• Email
• If needed add email addresses (plus labels)
• Delete email if not needed
• Social Icons (if applicable)
• Transpose old site address (including suite, building number, etc) to allotted field in Content-->Business Text (if applicable)
• Not to be confused with the
• Transpose old site extra HDR content (serving area, tag line, etc) to allotted field in Content-->Business Text  (if applicable)

• HINT:  Its recommended you add colors to Saved Colors for quick access.
• Paragraph text (internal page)
• Link
• NOTE:  In most cases the link color is same as paragraph text
• Button (background)
• H1  (internal page)
• H3  (internal page)
• Header area row background
• Use best guess if old header background is an image
• Header phone number
• Header address and / or extra HDR text (i.e. serving area, tag line, etc.)
• Navigation row background
• Hero row background (internal page)
• Eye drop internal page hero area background
• NOTE: Some old site internal page layouts do not have defined hero area.  In these instances the hero area background color is the same as page background.
• Footer
• Page background
• NOTE:  Eye drop color behind content body text on an internal page to define page background color

• NOTE:  It's not necessary to check every color as many are the same throughout the site. For instance, the hero row color might match the content body color. The nav row color may be the same as the footer row color. The H3 color may be identical to the header phone. Don't eye drop every part of the site if you believe there are like colors.
  

• NOTE:  Its not necessary to check every color as many colors are the same throughout the site.  The hero row color might match content body color. The nav row color may be the same as the footer row color.  The H3 color may be identical to the header phone.  To speed up the process don't eye drop every part of the site if  believe colors are the repeated.
  

• NOTE:
  
• You'll have to download images page by page.  There isn't a download all website images option. 
• The Image Download creates a folder with the page download.  The folder is named www_domain-name_com
• All subsequent page image downloads are added to same folder. 
• HINT:  Sort download images by Date Modified for quick access images specific to each page.
  

• You are not expected to build a pixel perfect recreation of old site header. 
• What we do expect is the inclusion of any of the following old site displayed elements
• Logo
• Verify logo links to homepage
• Add old site alt-tag "as-is"
• Add missing alt-tags. All images must have alt tags
• Phone number(s)*
• Email address 
• Address*
• Serving area text*
• Tag line like copy*
• Pay Now button, Make Reservation button, View Gallery button, and the like
• Confidence icons (BBB logo, Home Advisor logo, etc)

• Do not include
• Social icons
• Extraneous art work located on either side of the 960px width header
• Background image
  
• The Migrated Site Template header is comprised of the 2 rows with multiple columns and navigation menu placeholder row
• Artist is free add old site elements to any column in the first two rows and only only within the allotted columns
• Do not add additional columns to either row
• Do not not add additional rows
• Artist may add inner row(s) to second row if necessary
• Delete top row if not needed
• Header design
• Row background and header text colors based on old site. 
• If old site background is an image use best judgement to define background and text colors
• Navigation row background color based on old site
• Use best judgement to define row background if necessary
• Do not hyperlink phone number
• Hyperlink email address if applicable
  
  
• Artist is expected to balance elements when applicable
• Artist is expected to incorporate top, bottom, left, right padding and margin when applicable
• Artist may increase logo size but never more than file actual size
  
  
• Artist is to use best judgement when converting vertical nav design to horizontal header and navigation.
• If necessary artist may group global pages into subnav groupings
• If subnav is not an option artist may edit page names

*The phone, address and / or extra HDR text will auto-populate from Business Info and Business Text fields

• You are not expected to build a pixel perfect recreation of old site hero
• What we do expect is the inclusion of the any of the following old site displayed elements
• Hero image
• Sliders are not supported.  If old site includes a slider choose an image that best represents
• The business core competency (home page)
• The page content focus (internal pages)
• Do not choose an out-of-focus image (unless absolutely necessary)
• Center hero image if necessary
• Note:  In some instances the height of the vertical nav home page hero is very tall.  Use your best judgement to edit hero image height to reasonable size (no more thank 500 px) for horizontal nav sites.
• If unable to edit image fit new layout, swap out with comparable stock image
  
• Do not add text to hero image
• Add hero text directly below hero row



• The template includes two (2) hero layouts that represent most old site home page hero areas (including vertical nav sites)