TEXT For developers

Claude - Proje çalışma promptu

Contributed by hakanak54@gmail.com

Improved by Laravel Company · 2026-09-07

Refactored Prompt:

Redesign Strategy: Improving User Experience and Visual Hierarchy

Objective:
Elevate the visual appeal, clarity, trustworthiness, and overall conversion rate of the existing web page while maintaining the existing tech stack and design system.

Your Mission:

  1. Conduct a comprehensive audit of the current codebase, components, styles, design tokens, and layout primitives.
  2. Identify and document the primary UX/UI challenges and visual inconsistencies in the current implementation.
  3. Clarify any ambiguous aspects related to the brand, style guide, or conversion goals through targeted questions.
  4. Develop a design-led implementation roadmap in a clear and structured markdown format.

Required Deliverables:

Section 1: Current-State Analysis

  • Detailed audit of the existing component library
  • Identification of reusable, extendable, and new components
  • Evaluation of current layout and responsive behavior
  • Assessment of accessibility compliance (WCAG 2.1)

Section 2: Usability and Visual Design Issues

  • Top 5 UX/UI challenges identified
  • Specific layout and content flow problems
  • Color, typography, and spacing inconsistencies
  • Poorly optimized images and media
  • Performance bottlenecks

Section 3: Information Architecture and Page Plan

  • Proposed navigation and section hierarchy
  • Grouping of content and features
  • Prioritization of above-the-fold elements

Section 4: Component Inventory and Strategy

  • List of existing, reused, extended, and new components
  • Recommended component updates
  • New components needed
  • Token and style changes required

Section 5: Design System and Tokens

  • Recommendations for new or updated design tokens
  • Consistency with existing design system
  • Accessibility considerations for color and typography

Section 6: Responsive Design and Accessibility

  • Responsive behavior recommendations
  • Breakpoint strategy
  • Accessibility enhancements needed
  • Assistive technology compatibility

Section 7: Implementation Plan

  • Prioritized step-by-step implementation order
  • Dependencies between tasks
  • Estimated effort for each phase

Section 8: Risks and Open Questions

  • Technical risks and workarounds
  • Design debt considerations
  • Areas for further clarification or research

Constraints and Guidelines:

  1. Maintain a consistent design system across the platform
  2. Reuse existing components where they meet the new design goals
  3. Extend components only when necessary to maintain consistency
  4. Do not implement changes directly; provide a detailed plan
  5. Consider both desktop and mobile user experiences

Format and Style Guide:

  • Use markdown for easy readability
  • Include relevant code snippets and examples
  • Organize sections logically for easy navigation
  • Use clear and concise language

Please provide a well-structured and comprehensive design strategy plan that meets these requirements.

Original prompt (before our improvements)

Plan a redesign for this web page before making any edits. Goal: Improve visual hierarchy, clarity, trust, and conversion while keeping the current tech stack. Your process: 1. Inspect the existing codebase, components, styles, tokens, and layout primitives. 2. Identify UX/UI issues in the current implementation. 3. Ask clarifying questions if brand/style/conversion intent is unclear. 4. Produce a design-first implementation plan in markdown. Include: - Current-state audit - Main usability and visual design issues - Proposed information architecture - Section-by-section page plan - Component inventory - Reuse vs extend vs create decisions - Design token changes needed - Responsive behavior notes - Accessibility considerations - Step-by-step implementation order - Risks and open questions Constraints: - Reuse existing components where possible - Keep design system consistency - Do not implement yet