RGVPCore v5.2
WEBSITE DEVELOPMENT SOP - RG-VP WEB SOLUTIONS
This document outlines the Standard Operating Procedure (SOP) for website development at RG-VP Web Solutions.
I. Template Selection
-
Study the Competitors Website:
- If a sample website is provided, thoroughly study its design, layout, structure, and content.
- Understand the features and UI elements used in the sample website to ensure consistency.
-
Select a Suitable Template:
- Choose a template that aligns with the design, layout, and functionality of the original website.
- Ensure you select a newer version of the Bootstrap template (latest version preferred for responsiveness and performance).
II. File Management
-
Folder Structure:
Follow the folder structure below when designing a website.
RGVPData/ www/ |-- customer-domain.tld |-- UserData/ | |-- logo.png | |-- logoDark.png | |-- logoWide.png | |-- logoWideDark.png |-- app_theme/ | |-- css/ | |-- js/ | |-- img/ |-- app_pages/ | |-- about.rgvp / about.php | |-- contact.rgvp / | |-- products/ | |-- index.html |-- RGVPCore/ |-- RGVPCoreJs/ |-- apis/ -
Note on Root Folder:
- Root folder is stored at
/mnt/RGVPData/www/ - Project folder name must be the Domain Name (e.g., rentopia.in, rvwealth.com, rgvp.in).
- Root folder is stored at
-
Folder & File Connections:
- All CSS, JS, IMG, and Videos must be placed in
app_theme/. - Ensure correct linking of all assets.
- All CSS, JS, IMG, and Videos must be placed in
-
Additional Folders:
- If required, folders like RGVPCore, PanelAdmin, or apis can be added later.
- Configuration files like app_config should be added for specific features.
III. Data Generation
- Use ChatGPT for Data: Always use rgvpws@gmail.com for generating website data.
-
Generating Relevant Data:
- Provide ChatGPT with all necessary info for accurate and relevant content.
- Improving Readability: Use simple, appealing, and professional terms.
-
Detailed Prompts:
- Generate content for the entire website including About, Contact, Products.
- HTML Conversion: Use Online HTML Editor to clean and convert content into HTML.
IV. Image and Video Management
- Check Available Media: Verify quality of provided images/videos.
- Request Missing Media: Ask customers for missing assets.
-
Generate Media if Required:
- Logos and images via Canva (rgvpws@gmail.com premium).
- Graphics matched with template colors.
- Use Colorhunt for Schemes: Colorhunt or RGVP Palette Tool.
- Intro Video: Use Canva to create intro videos in MP4 with music.
V. Collecting Website Data (Customer Data)
- Gather Contact Info: Retrieve from WhatsApp, Google, or service phones.
- Request Missing Details: Ask customers if anything is missing.
VI. Finalization & Testing
-
Review the Website:
- Check design, info correctness, animations, and layout.
- Cross-Browser & Device Testing: Test on different screen sizes/browsers using F12.
-
Prepare for Demo: Show to manager, then host on subdomain like:
- https://test.customer-domain.tld OR https://customer-domain.tld/demo/
VII. Notes and Additional Considerations
- Always follow the folder structure for consistency.
- Ensure every image, video, CSS, and JS file is linked properly.
- Use simple and clear data for readability.
- Keep the customer involved when requesting assets.
- If customer does not provide data on time, report immediately to the Manager.
Powered by RG-VP WEB SOLUTIONS