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:
- Conduct a comprehensive audit of the current codebase, components, styles, design tokens, and layout primitives.
- Identify and document the primary UX/UI challenges and visual inconsistencies in the current implementation.
- Clarify any ambiguous aspects related to the brand, style guide, or conversion goals through targeted questions.
- 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:
- Maintain a consistent design system across the platform
- Reuse existing components where they meet the new design goals
- Extend components only when necessary to maintain consistency
- Do not implement changes directly; provide a detailed plan
- 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