Buscar la mejor opci贸n de transporte - plataforma de mudanzas en formato desktop para usuarios con necesidad de contratar una mudanza, poder...
Generated Prompt
## APPLICATION OVERVIEW
This application is a desktop web platform designed as a marketplace for users seeking moving services. It connects individuals who need to move with available moving companies, allowing users to search, compare prices, and choose the best option efficiently. The primary goal is to streamline the moving process, enabling users to initiate their searches based on specific criteria.
## CORE FEATURES
1. **Search Functionality**: Users can input their origin city, destination city, and preferred moving date to find available moving companies.
2. **Price Comparison**: A feature that allows users to view and compare prices from different moving companies based on their specified criteria.
3. **Size Assessment Tool**: An integrated link that guides users on how to determine the size of their move, ensuring accurate quotes.
4. **Optional Services**: Users can select additional services such as packing, furniture assembly, and storage, which will be factored into their quotes.
5. **Call to Action (CTA)**: Prominently displayed as "Buscar la mejor opci贸n de transporte," encouraging users to start their search.
6. **User Reviews and Ratings**: A section for users to view and leave reviews, helping others make informed decisions about moving companies.
## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design emphasizes a clean and simple aesthetic with ample white space, ensuring a distraction-free user experience.
- **Color Mode**: Light theme featuring dark text on light backgrounds for readability.
- **Layout**:
- A top navigation bar with the logo and search bar prominently displayed.
- A central area for inputting search criteria with clearly defined fields and a large CTA button.
- A comparison table below the search area displaying available moving companies and their prices.
- A footer with links to additional resources and contact information.
- **Typography**:
- Use of a sans-serif font like "Helvetica Neue" or "Roboto" for clarity.
- Hierarchical structure:
- H1 for titles (e.g., "Find Your Moving Company")
- H2 for section headers (e.g., "Compare Prices")
- Body text for descriptions and instructions.
## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust type-checking and component-based architecture.
- **Styling**: Tailwind CSS for utility-first styling, enabling rapid design iterations.
- **UI Components**: Integration of shadcn/ui for pre-built, accessible UI components.
- **State Management**: Use of React's Context API or Zustand for managing application state effectively.
## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Layout Components**: Develop the main layout components (Header, Footer, Search Area, Comparison Table).
3. **Implement Search Functionality**: Create a form in the Search Area that captures user inputs and triggers a search function.
4. **Build Price Comparison Logic**: Implement functionality to fetch and display moving company data based on user input.
5. **Design User Reviews Section**: Create a component for displaying and submitting user reviews.
6. **Optimize for Responsiveness**: Ensure that the layout adjusts seamlessly across various screen sizes.
7. **Testing and Debugging**: Conduct thorough testing for all functionalities and fix any issues that arise.
## USER EXPERIENCE
Users will land on a clean and organized homepage with a clear heading inviting them to search for moving services. They will easily input their moving details into a well-structured form. After submission, users will be presented with a comparison table showcasing the best options available based on their criteria. The CTA encourages them to take action, while the user reviews section builds trust and assists in decision-making. The overall flow is intuitive, guiding users step-by-step from search to selection, ensuring a seamless experience.Loved by thousands of makers from
From early prototypes to real products, they started here.







































Generate optimized prompts for your vibe coding projects
Generate prompt
Enter a brief description of the app you want to build and get an optimized prompt
Review and use your prompt
Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform
Get inspired with new ideas
Get AI-generated suggestions to expand your product with features that will surprise your users
Frequently Asked Questions
Everything you need to know about creating better prompts for your Lovable projects
Still have questions?
Can't find what you're looking for? We're here to help!
