Custom Website Process (Condensed)

For Reference Only

The following process and dev workflow are for fringe case projects and no longer recommended or maintained.

They are no longer recommended as we are pursuing evolving Responsive Framework to a block editor with our Custom Website offering.

  1. IA Phase (Information Architecture):
    • Gather Requirements: Meet with stakeholders to understand the project’s goals, user needs, and design preferences.
    • Site Audit: Review the existing site structure, content, and design elements to identify areas requiring customization.
    • Define Scope: Outline the scope of changes, including which pages or elements will be affected by custom CSS.
  2. Design Phase:
    • Create Wireframes: Develop wireframes to visualize layout and design changes.
    • Design Mockups: Create detailed design mockups incorporating the new styles and custom CSS elements.
    • Review and Feedback: Present designs to stakeholders for feedback and make necessary revisions.
  3. Development:
    • Set Up Development Environment: Prepare a staging environment for testing custom CSS changes.
    • Implement Custom CSS: Write and apply custom CSS based on the approved designs.
    • Initial Testing: Conduct preliminary tests to ensure styles are applied correctly and do not conflict with existing CSS.
  4. Hiding a Specific Page:
    • Identify Page: Determine which page(s) need to be hidden from public view or search engines.
    • Apply CSS Rules: Use custom CSS to hide the page, either by setting display: none or other appropriate CSS techniques.
    • Verify: Ensure the page is effectively hidden and does not appear in site navigation or search results.
  5. Custom CSS:
    • Fine-Tune Styles: Adjust and refine CSS to achieve the desired look and functionality.
    • Cross-Browser Testing: Test custom CSS across various browsers and devices to ensure compatibility and responsiveness.
    • QA Review: Perform a quality assurance review to check for any issues or inconsistencies.
  6. Media Library:
    • Organize Media: Review and organize media files used in the project, ensuring they are properly categorized and optimized.
    • Update Media Links: Update any media links in the CSS or site content if necessary.
  7. Page/Post Editing:
    • Apply Styles: Ensure custom CSS is correctly applied to specific pages or posts as needed.
    • Content Review: Edit page or post content to align with the new design and CSS changes.
    • Client Review: Present updated pages/posts to the client for final approval.
  8. Launch:
    • Final Testing: Conduct thorough testing on the live site to confirm that custom CSS changes are working as intended.
    • Deploy Changes: Push the custom CSS and any related updates to the live site.
    • Monitor and Support: Monitor the site post-launch to address any issues or feedback and provide support as needed.