Una app para un usuario senior, con ansiedad por el gasto, baja alfabetización tecnológica y gestor de varias viviendas.
Generated Prompt
```markdown ## APPLICATION OVERVIEW Don Consumo is a web application designed for senior users managing multiple properties who have anxiety about their expenses and low technological literacy. The app serves as a friendly assistant, providing simple communication and clear insights into household consumption to promote better financial management. ## CORE FEATURES 1. **WhatsApp-Style Assistant**: A conversational interface that alerts users when a property exceeds normal spending. Messages are straightforward, e.g., “⚠️ La vivienda de Valencia ha consumido un 18% más esta semana.” Users can respond with large buttons: “Ver detalle”, “Llamar al inquilino”, “Ignorar”. 2. **Multi-Property Traffic Light Panel**: An ultra-simplified dashboard displaying all properties with a traffic light system: - 🟢 Normal - 🟡 Slightly High Consumption - 🔴 Risk of High Bill A prominent button “¿Por qué está en rojo?” provides clear, human-readable explanations. 3. **Bill Simulation Tool**: Before a bill arrives, the app estimates costs based on current consumption patterns. For example: "Si el consumo continúa así, pagarás aproximadamente 312€ este mes." It also suggests simple actions to reduce costs, such as “¿Cómo reducir 30€ esta factura?”. 4. **User-Centric Design**: Focused on clarity and professionalism, the avatar of Don Consumo serves as a trustworthy guide, ensuring the application feels protective and reliable without being alarmist. 5. **Emotional Peace Mode**: A fixed button “¿Está todo bajo control?” allows users to receive reassuring messages from Don Consumo, enhancing emotional security. 6. **Simplified Visual Indicators**: Replace complex graphs with a horizontal bar and a thermometer-style indicator showing comparisons (e.g., “Este mes: 280€” vs. “Mes anterior: 230€”). ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist - Clean and simple design with ample white space, focusing on easy navigation and readability. - **Color Mode**: Light theme with dark text on light backgrounds, ensuring high contrast and legibility. - **Layout**: - Main Chat Screen: Displayed as a chat interface with bubbles for Don Consumo's messages, featuring large buttons beneath for user actions. - Multi-Property Dashboard: Large cards for each property, spaced generously to avoid clutter. - **Typography**: - Font: Sans serif (Inter or SF Pro) for high legibility. - Size: Minimum 16-18px for body text, with larger sizes for headings. - Button text should be bold and easily readable, ensuring clarity. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript. - **Styling**: Tailwind CSS for responsive design and ease of customization. - **UI Components**: Utilize shadcn/ui for accessible and scalable component architecture. - **State Management**: Context API or Zustand for managing global state effectively. ## IMPLEMENTATION STEPS 1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS. 2. **Design Components**: Create reusable components for the chat interface, property cards, and buttons. 3. **Implement State Management**: Set up Context API or Zustand to manage user data and property consumption states. 4. **Build Core Features**: - Develop the WhatsApp-style assistant with message handling and button interactions. - Create the multi-property dashboard displaying traffic light indicators. - Implement the bill simulation tool with cost estimation logic. 5. **Focus on Accessibility**: Ensure all interactive elements are keyboard navigable and use ARIA roles where necessary. 6. **Testing**: Conduct usability testing with target users to refine interactions and ensure clarity. ## USER EXPERIENCE Users will interact with Don Consumo through a conversational interface that prioritizes simplicity and reassurance. The multi-property dashboard provides immediate visual cues about spending status, while the app’s design encourages users to explore recommendations without feeling overwhelmed. All interactions, from alert responses to bill simulations, are designed to promote confidence and ease of use for seniors with low technological literacy. ## Architecture Simple architecture, with 4 sections: 1. Inicio (Chat con Don Consumo) 2. Viviendas 3. Factura estimada 4. Ajustes ```
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!
