[et_pb_section fb_built=”1″ _builder_version=”4.6.3″ _module_preset=”default” custom_padding=”118px||0px|||”][et_pb_row _builder_version=”4.6.3″ _module_preset=”default”][et_pb_column type=”4_4″ _builder_version=”4.6.3″ _module_preset=”default”][et_pb_text _builder_version=”4.6.3″ _module_preset=”default” header_font=”Bebas Neue|||on|||||” header_font_size=”80px” header_2_font=”Bebas Neue||||||||” header_2_font_size=”45px” header_3_font=”Bebas Neue||||||||” header_3_font_size=”25px” custom_padding=”|||0px||”]
Lanease D. Fuller Law
Website Redesign
[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.6.3″ _module_preset=”default” custom_padding=”0px||0px|||”][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.6.3″ _module_preset=”default” custom_margin=”|auto|-18px|10%|false|false” custom_padding=”||40px|||”][et_pb_column type=”1_2″ _builder_version=”4.6.3″ _module_preset=”default”][et_pb_text _builder_version=”4.6.3″ _module_preset=”default” header_font=”Bebas Neue|||on|||||” header_font_size=”80px” header_letter_spacing=”25px” header_2_font=”Bebas Neue||||||||” header_2_font_size=”45px” header_3_font=”Bebas Neue||||||||” header_3_font_size=”25px” width=”100%” custom_margin=”|9px||||” custom_padding=”|||0px||”]
A website is one of the most powerful tools a business can have. It allows potential customers to have 24 hour access to a brand and to information on the services available leading to potential leads and new clients. For Attorney Lanease D. Fuller, our goal is to do just that. Redesign the current website to be representative of the brand, optimized for search engines and webpage crawling, as well as accessible and responsive for all users and devices. This redesign follows the UX design process to created a user first experience. The site will also move from its original cms of Wix to WordPress and hosted by GoDaddy. Additionally, custom business emails with Google Workspace (formerly G Suite) will be set up.
[/et_pb_text][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.6.3″ _module_preset=”default”][et_pb_text _builder_version=”4.6.3″ _module_preset=”default”][/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_3,1_3,1_3″ _builder_version=”4.6.3″ _module_preset=”default” custom_margin=”|auto||10%|false|false” custom_padding=”1px||40px|||”][et_pb_column type=”1_3″ _builder_version=”4.6.3″ _module_preset=”default”][et_pb_text _builder_version=”4.6.3″ _module_preset=”default” header_font=”Bebas Neue|||on|||||” header_font_size=”80px” header_letter_spacing=”25px” header_2_font=”Bebas Neue||||||||” header_2_font_size=”45px” header_3_font=”Bebas Neue||||||||” header_3_font_size=”25px” width=”100%” custom_margin=”|9px||||” custom_padding=”|||0px||”]
Client
Attorney Lanease D. Fuller
[/et_pb_text][/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.6.3″ _module_preset=”default”][et_pb_text _builder_version=”4.6.3″ _module_preset=”default” header_font=”Bebas Neue|||on|||||” header_font_size=”80px” header_letter_spacing=”25px” header_2_font=”Bebas Neue||||||||” header_2_font_size=”45px” header_3_font=”Bebas Neue||||||||” header_3_font_size=”25px” width=”100%” custom_margin=”|9px||||” custom_padding=”|||0px||”]
Team
Lauren Owen
[/et_pb_text][/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.6.3″ _module_preset=”default”][et_pb_text _builder_version=”4.6.3″ _module_preset=”default” header_font=”Bebas Neue|||on|||||” header_font_size=”80px” header_letter_spacing=”25px” header_2_font=”Bebas Neue||||||||” header_2_font_size=”45px” header_3_font=”Bebas Neue||||||||” header_3_font_size=”25px” width=”100%” custom_margin=”|9px||||” custom_padding=”|||0px||”]
Duration
October 2020 – Present
[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.6.3″ _module_preset=”default” custom_padding=”||0px|||”][et_pb_row _builder_version=”4.6.3″ _module_preset=”default”][et_pb_column type=”4_4″ _builder_version=”4.6.3″ _module_preset=”default”][et_pb_text _builder_version=”4.6.3″ _module_preset=”default” header_font=”Bebas Neue|||on|||||” header_font_size=”80px” header_2_font=”Bebas Neue||||||||” header_2_font_size=”45px” header_3_font=”Bebas Neue||||||||” header_3_font_size=”25px” custom_padding=”|||0px||”]
Process
[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.6.3″ _module_preset=”default” custom_padding=”0px|||||”][et_pb_row _builder_version=”4.6.3″ _module_preset=”default”][et_pb_column type=”4_4″ _builder_version=”4.6.3″ _module_preset=”default”][et_pb_text _builder_version=”4.6.3″ _module_preset=”default” header_font=”Bebas Neue|||on|||||” header_font_size=”80px” header_letter_spacing=”25px” header_2_font=”Bebas Neue||||||||” header_2_font_size=”45px” header_3_font=”Bebas Neue||||||||” header_3_font_size=”25px” width=”100%” custom_margin=”|9px||||” custom_padding=”|||0px||”]
01. Discover
Meetings and workshops to accurately determine client needs, goals, and roles.
Research into best practices and current industry trends.
[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.6.3″ _module_preset=”default”][et_pb_column type=”1_2″ _builder_version=”4.6.3″ _module_preset=”default”][et_pb_text _builder_version=”4.6.3″ _module_preset=”default” header_font=”Bebas Neue|||on|||||” header_font_size=”80px” header_letter_spacing=”25px” header_2_font=”Bebas Neue||||||||” header_2_font_size=”45px” header_3_font=”Bebas Neue||||||||” header_3_font_size=”25px” header_4_font=”Bebas Neue||||||||” width=”100%” custom_margin=”|9px||||” custom_padding=”|||0px||”]
Meetings
Discussions with Kennedi Fuller, Lanease D. Fuller’s Publicist, provided valuable insight. After viewing the current site and the sites of other attorneys, we discussed including a variety of images, a community service/activism page, testimonials, a victory list, Covid FAQs and response, a blog of case summaries and results, legal resources, stats and figures, and a Spanish translation feature.
The next meeting with Lanease D. Fuller went into greater detail on the web redesign process and what we can do to meet her needs. Priority features included an alternative host and CMS, custom business emails for her and her staff, a video introduction, and emphasis on search engine optimization. The tagline “The Action Attorney” was shared as well as an openness to exploring different color palettes and that a new logo was recently acquired.
[/et_pb_text][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.6.3″ _module_preset=”default”][et_pb_text _builder_version=”4.6.3″ _module_preset=”default” header_font=”Bebas Neue|||on|||||” header_font_size=”80px” header_letter_spacing=”25px” header_2_font=”Bebas Neue||||||||” header_2_font_size=”45px” header_3_font=”Bebas Neue||||||||” header_3_font_size=”25px” header_4_font=”Bebas Neue||||||||” width=”100%” custom_margin=”|9px||||” custom_padding=”|||0px||”]
Workshop
The workshop was carried out via Zoom that went over competitors (Houston area lawyers) , notable legal sites, layouts, colors, and typography as well as an overview of SEO keywords development, hosting plans, and custom email. Of the competitors analyzed and notable sites discussed, the features and styling that stood out were as follows:
– Spanish translation button – High resolution graphics – Page solely for video content – Prominently placed contact button – Promotion of texting option – Simple headers – Statistics of cases and money won – Blogs |
– Affiliations and credentials – No specific cases – Community involvement page – Online contact and intake forms – Not including all case results – Refreshing and personable design – Inclusion of Houston skyline imagery |
Featured image layout and colors that would attract a younger audience were preferred while the Raleway font received the most positive reviews.
[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_4,1_4,1_4,1_4″ _builder_version=”4.6.3″ _module_preset=”default”][et_pb_column type=”1_4″ _builder_version=”4.6.3″ _module_preset=”default”][et_pb_text _builder_version=”4.6.3″ _module_preset=”default” header_font=”Bebas Neue|||on|||||” header_font_size=”80px” header_letter_spacing=”25px” header_2_font=”Bebas Neue||||||||” header_2_font_size=”45px” header_3_font=”Bebas Neue||||||||” header_3_font_size=”25px” header_4_font=”Bebas Neue||||||||” width=”100%” custom_margin=”|9px||||” custom_padding=”|||0px||”]
Best Practices for Conversions
– Consistent branding
– Use of white space
– Few choices
– Animation and micro-interactions
– Distinct landing pages for SEO and paid ads
Reference
[/et_pb_text][/et_pb_column][et_pb_column type=”1_4″ _builder_version=”4.6.3″ _module_preset=”default”][et_pb_text _builder_version=”4.6.3″ _module_preset=”default” header_font=”Bebas Neue|||on|||||” header_font_size=”80px” header_letter_spacing=”25px” header_2_font=”Bebas Neue||||||||” header_2_font_size=”45px” header_3_font=”Bebas Neue||||||||” header_3_font_size=”25px” header_4_font=”Bebas Neue||||||||” width=”100%” custom_margin=”|9px||||” custom_padding=”|||0px||”]
Best Practices in General
– Quick load times
– Image size compression
– Limited navigation bar menu
– Inclusion of search feature
– Back to top button
Reference
[/et_pb_text][/et_pb_column][et_pb_column type=”1_4″ _builder_version=”4.6.3″ _module_preset=”default”][et_pb_text _builder_version=”4.6.3″ _module_preset=”default” header_font=”Bebas Neue|||on|||||” header_font_size=”80px” header_letter_spacing=”25px” header_2_font=”Bebas Neue||||||||” header_2_font_size=”45px” header_3_font=”Bebas Neue||||||||” header_3_font_size=”25px” header_4_font=”Bebas Neue||||||||” width=”100%” custom_margin=”|9px||||” custom_padding=”|||0px||”]
Industry Trends for Law Firms
– Cinemagraphs
– Videos
– Explanatory illustrations
– Asymmetry
– Data Collection
Reference 1 | Reference 3
Comrade Digital Marketing 2020 Best Law Firm Websites view here
Juris Digital Best Law Firm Websites of 2019 view here
[/et_pb_text][/et_pb_column][et_pb_column type=”1_4″ _builder_version=”4.6.3″ _module_preset=”default”][et_pb_text _builder_version=”4.6.3″ _module_preset=”default” header_font=”Bebas Neue|||on|||||” header_font_size=”80px” header_letter_spacing=”25px” header_2_font=”Bebas Neue||||||||” header_2_font_size=”45px” header_3_font=”Bebas Neue||||||||” header_3_font_size=”25px” header_4_font=”Bebas Neue||||||||” width=”100%” custom_margin=”|9px||||” custom_padding=”|||0px||”]
Industry Trends in General
– Minimalism
– Full-page headers
– Dynamic scrolling
– Gradient color schemes
– Bold typography
– Storytelling
Reference 1 | Reference 2[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_3,1_3,1_3″ _builder_version=”4.6.3″ _module_preset=”default”][et_pb_column type=”1_3″ _builder_version=”4.6.3″ _module_preset=”default”][et_pb_text _builder_version=”4.6.3″ _module_preset=”default” header_font=”Bebas Neue|||on|||||” header_font_size=”80px” header_letter_spacing=”25px” header_2_font=”Bebas Neue||||||||” header_2_font_size=”45px” header_3_font=”Bebas Neue||||||||” header_3_font_size=”25px” header_4_font=”Bebas Neue||||||||” width=”100%” custom_margin=”|9px||||” custom_padding=”|||0px||”]
Needs
Switch from Wix to GoDaddy
Get custom emails for staff
Pages optimized for search engines and web crawlers
Compatibility with multiple device resolutions
Accessibility functionality
[/et_pb_text][/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.6.3″ _module_preset=”default”][et_pb_text _builder_version=”4.6.3″ _module_preset=”default” header_font=”Bebas Neue|||on|||||” header_font_size=”80px” header_letter_spacing=”25px” header_2_font=”Bebas Neue||||||||” header_2_font_size=”45px” header_3_font=”Bebas Neue||||||||” header_3_font_size=”25px” header_4_font=”Bebas Neue||||||||” width=”100%” custom_margin=”|9px||||” custom_padding=”|||0px||”]
Goals
Generate More Qualified Leads
Improve Lead Conversion Rate
Increase Awareness
Improve Customer Satisfaction
Expand IT infrastructure
[/et_pb_text][/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.6.3″ _module_preset=”default”][et_pb_text _builder_version=”4.6.3″ _module_preset=”default” header_font=”Bebas Neue|||on|||||” header_font_size=”80px” header_letter_spacing=”25px” header_2_font=”Bebas Neue||||||||” header_2_font_size=”45px” header_3_font=”Bebas Neue||||||||” header_3_font_size=”25px” header_4_font=”Bebas Neue||||||||” width=”100%” custom_margin=”|9px||||” custom_padding=”|||0px||”]
Roles
Site Owner – Lanease D. Fuller
Web Steering Group – Lanease D. Fuller and Kennedi Fuller
Content Producer – Lanease D. Fuller and Kennedi Fuller
Designer – Lauren Owen
Developer – Lauren Owen
[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.6.3″ _module_preset=”default” custom_padding=”0px|||||”][et_pb_row _builder_version=”4.6.3″ _module_preset=”default”][et_pb_column type=”4_4″ _builder_version=”4.6.3″ _module_preset=”default”][et_pb_text _builder_version=”4.6.3″ _module_preset=”default” header_font=”Bebas Neue|||on|||||” header_font_size=”80px” header_letter_spacing=”25px” header_2_font=”Bebas Neue||||||||” header_2_font_size=”45px” header_3_font=”Bebas Neue||||||||” header_3_font_size=”25px” width=”100%” custom_margin=”|9px||||” custom_padding=”|||0px||”]
02. Define
Using the information gathered, a Statement of Work (SOW) is created including project planning and requirements definition.
The statement was developed from the insights gained previously, shared and approved. Snippets are below.
[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.6.3″ _module_preset=”default”][et_pb_column type=”1_2″ _builder_version=”4.6.3″ _module_preset=”default”][et_pb_text _builder_version=”4.6.3″ _module_preset=”default” header_font=”Bebas Neue|||on|||||” header_font_size=”80px” header_letter_spacing=”25px” header_2_font=”Bebas Neue||||||||” header_2_font_size=”45px” header_3_font=”Bebas Neue||||||||” header_3_font_size=”25px” header_4_font=”Bebas Neue||||||||” width=”100%” custom_margin=”|9px||||” custom_padding=”|||0px||”]
Purpose
The purpose of the website redesign is to achieve the following:
– Increase awareness
– Improve customer satisfaction and usability
– Expand IT infrastructure
– Generate more qualified leads
– Improve lead conversion rate
Tasks
IT Infrastructure
– Switch from Wix hosting to GoDaddy and WordPress
– Set-up SSL certificate (currently expiring December 2020)
– Obtain custom emails for staff using Google Workspace
– Conduct web maintenance training
Web Design and Development
– Collect assets (both English and Spanish)
– Design layout for website
– Incorporate accessible design practices
– Build out design using WordPress, Php, HTML, and CSS
– Optimize each page for search engines and web crawlers
– Ensure compatibility for all device sizes and screen resolutions
– Test site with user groups and collect feedback
– Refine site based on feedback
– Install web traffic analytics tracker
– Launch and troubleshoot
[/et_pb_text][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.6.3″ _module_preset=”default”][et_pb_text _builder_version=”4.6.3″ _module_preset=”default” header_font=”Bebas Neue|||on|||||” header_font_size=”80px” header_letter_spacing=”25px” header_2_font=”Bebas Neue||||||||” header_2_font_size=”45px” header_3_font=”Bebas Neue||||||||” header_3_font_size=”25px” header_4_font=”Bebas Neue||||||||” width=”100%” custom_margin=”|9px||||” custom_padding=”|||0px||”]
STANDARDS & TESTING
To ensure that we are meeting the most up-to-date governmental and industry standards in the web design process, the following standards and guides will be referenced and adhered to:
Americans with Disabilities Act (ADA) Standards for Accessible Design
– Web Content Accessibility Guidelines 2.1 (view here)
Search Engine Optimization
– Google SEO Starter Guide (view here)
User Testing
– U.S. General Services Administration (GSA) Technology Transformation Service Usability Testing Requirements (view here)
– Just In Mind User Testing Guide (view here)
Success
To measure the success of the site in respect to the aforementioned goals, the following metrics will be analyzed and compared to current analytic data of the site.
Metrics
– Number of visitors and their source they are arriving from
– Bounce rate (the percentage of visits that go to only one page before exiting a site)
– Average time per page
– Click Through Rate
– Conversion Rate
– Pages indexed in Google Search Console
– Crawl errors
[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ module_id=”design” _builder_version=”4.6.3″ _module_preset=”default” custom_padding=”0px|||||”][et_pb_row _builder_version=”4.6.3″ _module_preset=”default”][et_pb_column type=”4_4″ _builder_version=”4.6.3″ _module_preset=”default”][et_pb_text _builder_version=”4.6.3″ _module_preset=”default” header_font=”Bebas Neue|||on|||||” header_font_size=”80px” header_letter_spacing=”25px” header_2_font=”Bebas Neue||||||||” header_2_font_size=”45px” header_3_font=”Bebas Neue||||||||” header_3_font_size=”25px” width=”100%” custom_margin=”|9px||||” custom_padding=”|||0px||”]
03. Design
After the SOW is approved, work commences on prototypes (multiple variations), functional design, system architecture, test plan, and training plan for client review and feedback.
[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_3,1_3,1_3″ _builder_version=”4.6.3″ _module_preset=”default”][et_pb_column type=”1_3″ _builder_version=”4.6.3″ _module_preset=”default”][et_pb_text _builder_version=”4.6.3″ _module_preset=”default” header_font=”Bebas Neue|||on|||||” header_font_size=”80px” header_letter_spacing=”25px” header_2_font=”Bebas Neue||||||||” header_2_font_size=”45px” header_3_font=”Bebas Neue||||||||” header_3_font_size=”25px” header_4_font=”Bebas Neue||||||||” width=”100%” custom_margin=”|9px||||” custom_padding=”|||0px||”]
Pages
– Home
– About
– Practice Areas
– Community Work
– Legal Resource Blog
– Media Page (“Action TV”)
– Contact
– Intake
– SEO keyword landing pages
– FAQ (General and Covid)
– Privacy Policy
– Site Map
[/et_pb_text][/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.6.3″ _module_preset=”default”][et_pb_text _builder_version=”4.6.3″ _module_preset=”default” header_font=”Bebas Neue|||on|||||” header_font_size=”80px” header_letter_spacing=”25px” header_2_font=”Bebas Neue||||||||” header_2_font_size=”45px” header_3_font=”Bebas Neue||||||||” header_3_font_size=”25px” header_4_font=”Bebas Neue||||||||” width=”100%” custom_margin=”|9px||||” custom_padding=”|||0px||”]
Page Structure
– Header
– Logo
– Contact Information
– Primary Menu
– Search
– Main Content
– Featured Image
– Title
– Body
– Footer
– Contact Information
– Social Media Links
– Footer Menu
[/et_pb_text][et_pb_text _builder_version=”4.6.3″ _module_preset=”default” header_font=”Bebas Neue|||on|||||” header_font_size=”80px” header_letter_spacing=”25px” header_2_font=”Bebas Neue||||||||” header_2_font_size=”45px” header_3_font=”Bebas Neue||||||||” header_3_font_size=”25px” header_4_font=”Bebas Neue||||||||” width=”100%” custom_margin=”|9px||||” custom_padding=”|||0px||”][/et_pb_text][/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.6.3″ _module_preset=”default”][et_pb_text _builder_version=”4.6.3″ _module_preset=”default” header_font=”Bebas Neue|||on|||||” header_font_size=”80px” header_letter_spacing=”25px” header_2_font=”Bebas Neue||||||||” header_2_font_size=”45px” header_3_font=”Bebas Neue||||||||” header_3_font_size=”25px” header_4_font=”Bebas Neue||||||||” width=”100%” custom_margin=”|9px||||” custom_padding=”|||0px||”]
Reference
Parallax featured image header
[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row _builder_version=”4.6.3″ _module_preset=”default”][et_pb_column type=”4_4″ _builder_version=”4.6.3″ _module_preset=”default”][et_pb_text _builder_version=”4.6.3″ _module_preset=”default” header_font=”Bebas Neue|||on|||||” header_font_size=”80px” header_letter_spacing=”25px” header_2_font=”Bebas Neue||||||||” header_2_font_size=”45px” header_3_font=”Bebas Neue||||||||” header_3_font_size=”25px” header_4_font=”Bebas Neue||||||||” width=”100%” custom_margin=”|9px||||” custom_padding=”|||0px||” hover_enabled=”0″ sticky_enabled=”0″]
Sketches/Wireframes
[/et_pb_text][et_pb_gallery gallery_ids=”35413,35414,35417,35416″ orientation=”portrait” show_pagination=”off” _builder_version=”4.6.3″ _module_preset=”default” title_level=”h5″ title_font=”Bebas Neue||||||||” title_text_align=”center” caption_font=”Bebas Neue||||||||”][/et_pb_gallery][/et_pb_column][/et_pb_row][et_pb_row _builder_version=”4.6.3″ _module_preset=”default”][et_pb_column type=”4_4″ _builder_version=”4.6.3″ _module_preset=”default”][et_pb_text _builder_version=”4.6.3″ _module_preset=”default” header_font=”Bebas Neue|||on|||||” header_font_size=”80px” header_letter_spacing=”25px” header_2_font=”Bebas Neue||||||||” header_2_font_size=”45px” header_3_font=”Bebas Neue||||||||” header_3_font_size=”25px” header_4_font=”Bebas Neue||||||||” width=”100%” custom_margin=”|9px||||” custom_padding=”|||0px||”]
Prototypes
[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.6.3″ _module_preset=”default”][et_pb_column type=”1_2″ _builder_version=”4.6.3″ _module_preset=”default”][et_pb_image src=”https://www.thelaurenowen.com/wp-content/uploads/2020/11/Screen-Shot-2020-11-16-at-1.30.38-PM.png” title_text=”Screen Shot 2020-11-16 at 1.30.38 PM” _builder_version=”4.6.3″ _module_preset=”default”][/et_pb_image][et_pb_text _builder_version=”4.6.3″ _module_preset=”default” header_font=”Bebas Neue|||on|||||” header_font_size=”80px” header_letter_spacing=”25px” header_2_font=”Bebas Neue||||||||” header_2_font_size=”45px” header_3_font=”Bebas Neue||||||||” header_3_font_size=”25px” header_4_font=”Bebas Neue||||||||” width=”100%” custom_margin=”|9px||||” custom_padding=”|||0px||”]
Prototype 1
[/et_pb_text][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.6.3″ _module_preset=”default”][/et_pb_column][/et_pb_row][/et_pb_section]