Simo Etno Shop - e-commerce store with Shopify for , a brand selling colorful, ethnic clothing and accessories. Please proceed to build the...
Generated Prompt
# APPLICATION OVERVIEW The project is an e-commerce web application for "Simo Etno Shop," focused on selling colorful, ethnic clothing and accessories. The application will integrate with Shopify to manage product listings, cart functionalities, and checkout processes, providing a warm and inviting shopping experience. # CORE FEATURES 1. **Shopify Integration**: Seamless connection to Shopify for dynamic product information, cart functionalities, and checkout actions across the application. 2. **Mobile-First Design**: Designed primarily for mobile devices, ensuring high usability and accessibility on smartphones. 3. **Dynamic Home Page**: Featuring a hero banner, featured collections, new arrivals slider, and storytelling elements to engage users. 4. **Product Detail Pages**: Informative pages with large image galleries, emotional product descriptions, and direct "Add to Cart" actions. 5. **User-Friendly Navigation**: A clean header with logo, hamburger menu for mobile navigation, cart icon, and language selector for easy browsing. 6. **Service Pages**: Comprehensive footer links to service-related pages like shipping, returns, size guides, and contact information. # DESIGN SPECIFICATIONS - **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography. - **Color Mode**: Light theme with dark text on light backgrounds. - **Primary Color**: #1978E5 (accent for buttons, links, highlights). - **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements. - **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs. - **Layout**: The main layout will consist of a top navigation bar, followed by a hero section, product grids, and a footer with service links. The layout will prioritize vertical scrolling with clear visual hierarchies. # TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: Redux or Context API as needed for managing global state. # IMPLEMENTATION STEPS 1. **Shopify Setup**: Connect to Shopify and configure the necessary API keys for product data retrieval. 2. **Page Structure**: Create the main components for the Home Page, Product Details Page, and Service Pages following the specified layout. 3. **Product Cards**: Develop dynamic product cards using data fetched from Shopify, ensuring all links and information are properly routed. 4. **Hero Section**: Implement the hero banner with the specified headline and CTA, ensuring it is visually impactful. 5. **Navigation Component**: Design and implement a responsive header with a logo, hamburger menu, and language selector. 6. **Footer Links**: Set up quick links for service pages in the footer along with social media icons. 7. **Testing**: Conduct thorough testing for responsiveness and functionality across devices and browsers. # USER EXPERIENCE The user experience will focus on intuitive navigation and engaging interactions. Users will be greeted with a welcoming hero section, easy access to featured collections, and a smooth checkout process powered by Shopify. The tone of voice will be informal and direct, ensuring users feel at home while exploring the vibrant offerings of Simo Etno Shop. This prompt provides a comprehensive guide to building a fully functional e-commerce application that aligns with the user's vision and specifications.
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!
