Designer Revisions

Round 2

Overall

  • I do like the font that you chose but is there something that is the same or similar font weight but isn’t so round?

Header

  • Please remove the contact us button
  • Make the menu items the following (listed in order)
    • Signs Your Experiencing Defamation
    • Defense Options
    • Defamation Explained
    • Resources
image

Hero

  • I would like to use some sort of text highlight or effect so that “Reclaim Your Reputation” stands out.
  • Make “our skilled attorneys are dedicated” text the same font size as “Defamation hits hard” and don’t add a space between the two. I just want the “Defmation hits hard” to be on its own line
image
  • Move the numbered section to be where the “Personalized solutions” is and get rid of the header “Provide leaders in defamation law”
  • For the numbered text make the current grey text white and the current white text grey
  • Replace “List of certifications” with “Proven Expertise”
  • Replace “Total Money Won for client” with “Personalized Solutions”
  • Replace “Cases Won/ Handled” with “Compassionate Support”
image

Defamations Deep Cuts

  • Get rid of the arrow
  • Make the non active text grey
image

CTA

  • Can we use an image without people in id? I liek the other images you’ve chosen
  • Can you make the button style match the hero button style. Please make this update on all the other CTAs on the page
image
  • I don’t like the underlined text style for the pros and cons. Could we try making it have a background of #2c2c2c. Keep the arrow with it
image

Testimonials

  • This is better but it’s still a little cluttered, can we try making the testimonail text grey
image

Letter

  • This is great, I like how it’s designed but the text isn’t formatted properly
  • Refer to the content, all the content that is on a new line should be on a new line in the design. We might need to make each text line a header but not use the bold
image

Round 1

Overall:

  • For the header font please use a big bold font, we don’t want to follow the traditional attorney webpage style with this design
    • Please adjust the header font throughout the design to somehting big and bold
  • We don’t want to use the brown color

Hero Section

  • Can we put “Defamation hits hard but Hepworth Legal hits back harder” on it’s own line and have it stand out from the rest of the description text.
  • Let’s make the “Start Your Defense Today” button an outline with an icon and the “Learn About Defamation” a subtle grey color with the text underlined and no border
  • I would like the “Provide Leader in Defamation Law” section to feel like it’s apart of the hero section similar to what’s found here: https://westcoasttriallawyers.com
  • image
image

Defamation Simplified

  • Remove the “Defamation Simplified” text
  • In the header make “Recognize the signs” text the light grey that “Defamation Simplified” text is and keep the “Are You A Victim of Defamation” white
  • Make the “understand the different types…” text closer to a 22px font size. I want that text to stand out, use this for reference https://ow.consulting/upgrade-digital/
  • image

Types of defamation section

  • I don’t like the brown backrground with the icon layout, can we try something else? I do like the way you laid out the panels though with the picture of the hammer
  • Keep the header of each item white and the text #808080
  • Make the header of each item closer to a 22px font size.
image
image

Defamation’s Deep Cuts

  • In the header make “Defamation’s Deep Cuts” text #808080 and keep the “The Painful Impact Revealed” white
  • Make the “Beyond the words…” text closer to a 22px font size. I want that text to stand out, use this for reference https://ow.consulting/upgrade-digital/
  • Put the Toggle list of text on the right instead of the left
  • Keep the active text white instead of the brown
image

Navigating Options

  • Keep this section bakground the #232323 color
  • Move the “Your path to justice” CTA section above the “Navigating Your Options For Defamatoin Defense” header and give it a background of #2c2c2c. I want it to be boxed and not be full width, let me know if this make sense
  • Make the “understand your choices for a stronger stance” text closer to a 22px font size. I want that text to stand out, use this for reference https://ow.consulting/upgrade-digital/
  • Get rid fo the “List of Potential Legal Routes…” text
image

Legal Routes List

  • Overall i do not like how this is designed. The user should be able to clearly understand all their options at a glance. This isn’t possible because all the text is white and nothing stands out.
  • We do not want to use the brown color
  • You made the hheader “Litigation: taking the case to court for a legal resolution” when the header should be “Litigation” and the description should be “Taking the case to court for a legal resolution”
  • The pros and cons needs to be designed better, they were formatted as list items when we wrote the text
image

Navigating Your Options

  • This shouldn’t be it’s own full width section but a boxed call to action that is a continuation of the list of legal routes but stands out because it’s ultimately the action we want them to take
image

Testimonials

  • Make this section a dark background
  • Make the “Real Stories Real Success” white and the “Our CLients Speak” #808080
    • Remove the “-”
  • Remove the “Understand your choice for a stronger stance”
  • Make the “Theres’ not better way to understand…” text closer to a 22px font size. I want that text to stand out, use this for reference https://ow.consulting/upgrade-digital/
  • Testimonials
    • Make the headlines of the testimonials longer and the descriptions shorter
    • We won’t have photos or titles for the testimonials so remove this, just name and stars
    • We want the testimonials to be in a carousel
image

Certifications

  • This section should feel like it’s apart of the Testimonials section not separate
image

Letter

  • The entire text of this section is supposed to be big and bold. We want every word to stand out. I envisioned a scroll effect where the active line is white the line below it is a dark white the line after that is a grey and the rest of the text is a darker grey so it’s not that visible. And as you scroll the active line changes and so do the ones following it. Use this for inspriation https://onepagelove.com/tag/text-only/page/5
  • Move the “We understand how it feels” to be the first line of text.
  • Remove the image of the guy and put this image next to the end of the letter where it says michael hepworth and his role and experience. We want the image to be small
image

Team

  • Make this section a dark background
  • Make the “Our Dedicated Attorneys & Associates” white and the “Expertise You Can Rely On” #808080
    • Remove the “-”
  • Remove the “Get to know the profesionals..” text
  • Make the “At Hepworth Legal, our strength lies…” text closer to a 22px font size. I want that text to stand out, use this for reference https://ow.consulting/upgrade-digital/
  • Please see the list of attorneys here, these are the photos we will be able to use so your design wont’ work. https://www.hepworthlegal.com
    • Remove the “read more” link
    • image
image

Navigating the intricacies

  • I really like the image of the hammer and how it’s laid out!
  • Make the “Empower yourself with…” text closer to a 22px font size. I want that text to stand out, use this for reference https://ow.consulting/upgrade-digital/
  • Please remove the brown color. Make sure the headers of each is the same font size as the “Empower yourself with…”
  • Make the description text the light grey #808080
  • Change “Defamation Overview” text to “What is Defamation?
  • Change “Defamation Per Se” to “Defamation and the Law”
  • Remove the colons from all the headers
image

Resources

  • I want this section to be apart of the “Navigating the Intricacies” section so they should have the same background color
  • Make the brown header text white
  • Make the descriptions #808080
  • Make the link in the text be underlined and have the same style as the secondary link in the hero
image

Contact Us

  • The email address needs to be a full contact form with Name, Email, Phone, and Please Detail Your Issue fields
  • I really like the style of the contact boxed contact section, make sure to use this for the CTAs
image