A full-cycle custom website featuring 7 individually crafted UI designs, up to 80 template-built pages, a dynamic CMS, product management engine, and SEO-optimised architecture — purpose-built for General Petroleum's digital growth across European markets.
AL KATEF IT SOLUTIONS is pleased to submit this proposal for the complete redesign and development of the General Petroleum GmbH website. We will architect a high-performance, fully dynamic web platform that conveys brand authority, streamlines product discovery, and channels visitors seamlessly toward the e-commerce store at store.generalpetroleum.de.
General Petroleum requires a modern digital presence that reflects its standing as a trusted petroleum products supplier. The current web footprint does not fully leverage the brand's credibility, product depth, or SEO potential — leaving significant lead-generation and customer engagement value untapped.
We will deliver a bespoke website on a custom CMS that empowers your team to update products, banners, blogs, and career listings independently — without developer dependency — while ensuring every page is technically optimised for search engines from day one.
A complete end-to-end engagement covering strategy, UI/UX design, front-end development, CMS build, content integration, SEO, and launch — all under one roof.
Each of the 7 core pages receives a fully custom, individually crafted interface design for both desktop and mobile — not a repeated template. A unified design system governs consistency across all views.
A bespoke admin panel enabling your team to manage products, blog posts, banners, career listings, and media independently — no coding required at any stage.
Intelligent product listing pages with recommendation logic that redirect buyers to store.generalpetroleum.de for seamless purchasing, with analytics attribution preserved.
Admin-controlled homepage banner system — upload visuals, configure CTAs, schedule rotations, and update promotions at any time without developer involvement.
Full technical and on-page SEO: meta strategy, Schema markup, URL architecture, sitemap, robots.txt, page speed optimisation, and keyword-aligned content structure for the German and EU market.
During the development period, up to 80 additional content pages will be built and populated using the approved design templates — scaling content depth and SEO surface area without additional design cost.
Every one of the 7 pages below receives a fully bespoke, hand-crafted UI/UX design — desktop and mobile — tailored specifically to that page's purpose and user journey. These are not templates; they are unique designs.
| No. | Page | Design Description & Key Sections |
|---|---|---|
P.01 |
Home Page Custom
generalpetroleum.de/
|
Primary brand landing experience. Designed to build instant trust and funnel visitors toward products or the store. Anchored by the CMS-driven dynamic banner system.
|
P.02 |
About Us Custom
/about
|
Builds credibility and brand depth for prospective clients, partners, and distributors. Unique editorial layout distinct from other pages.
|
P.03 |
Services Custom
/services
|
Communicates the full range of petroleum-related services with technical clarity and visual impact. Designed for both B2B and distributor audiences.
|
P.04 |
Products Listing Custom
/products
|
A filterable, CMS-managed product catalogue — designed as a discovery and recommendation layer, not a checkout page. All purchase actions redirect to store.generalpetroleum.de.
|
P.05 |
Product Detail Custom
/products/[slug]
|
Individual product deep-dive page. Dynamically generated per product from the CMS. Designed to fully inform the buyer before redirecting them to the store to complete purchase.
|
P.06 |
Career / Jobs Custom
/career
|
Recruits talent by showcasing company culture and open positions. HR team manages all listings independently via the CMS — no developer involvement to post or close roles.
|
P.07 |
Contact Custom
/contact
|
Multi-channel contact page engineered for ease of enquiry from potential buyers, distributors, and partners. Clean, conversion-focused layout.
|
In addition to the 7 individually designed pages above, during the 45-day development period we will build and populate up to 80 further content pages — including product sub-pages, blog articles, service detail pages, industry-specific landing pages, and more — using the approved design templates established in Phase 2. This allows the site to launch with substantial content depth and a broad SEO footprint, without incurring additional per-page design cost.
Each feature is specifically selected to address General Petroleum's operational needs, growth objectives, and digital infrastructure requirements.
A structured 5-phase engagement with defined milestones, client review checkpoints, and the template page build embedded within the development phase — ensuring no delays to the final launch.
Kickoff meeting, brand audit, competitor analysis, content inventory, sitemap finalisation (7 custom pages + template page plan for 80 pages), and technical stack confirmation. Full project documentation shared and scope locked.
Wireframes for all 7 pages (desktop + mobile), design system creation (typography, colour, components, grid). High-fidelity mockups for each of the 7 pages. Template layout designs established for the 80-page build. Two client revision rounds included. Final design approval gates development.
Full build of all 7 custom pages plus template-based construction of up to 80 additional content pages. Component library, responsive breakpoints, animations, and staging environment set up for client review.
Custom CMS admin panel development, product management module, dynamic banner system, career portal, blog engine, store redirect logic, contact form backend, and full SEO metadata integration across all pages.
Cross-browser and device testing across all pages, performance optimisation, full SEO implementation (meta, schema, sitemap, robots), content population, DNS migration support, go-live, and admin training.
Each of the 7 pages individually designed with unique layouts, UX flows, and visual hierarchy. Delivered in Figma with full design system handoff. Not templates — genuinely bespoke per page.
Built and populated during the development period using the approved design templates — expanding content depth for SEO, product sub-pages, blog articles, and more at no additional design cost.
Full admin panel enabling non-technical staff to publish, edit, and organise product listings, blog articles, and media files independently at any time.
Admin-controlled homepage banner system with image upload, CTA configuration, scheduling, and drag-and-drop ordering — all without developer involvement.
Curated product showcase on the main website with intelligent redirection to store.generalpetroleum.de for purchasing, with UTM tracking preserved for analytics.
Meta strategy, Schema.org markup, XML sitemap, robots.txt, keyword mapping, internal linking, Core Web Vitals targets (90+), and hreflang for the German market.
CMS-managed job listings with application form. HR team can post, update, and close positions independently. Applications delivered securely to email.
Dedicated walkthrough session for your team covering the CMS, banner module, product management, and blog publishing — with written documentation provided.
A transparent, fixed-price engagement with no hidden costs. The investment covers the complete scope as defined — 7 custom designs, up to 80 template pages, CMS, SEO, and launch.
Fixed-price quotation covering the complete website development — all 7 custom page designs, up to 80 template pages, CMS, SEO, and launch support. All deliverables included.
Payment Schedule: 50% advance upon project commencement · 25% upon design approval (end of Phase 2) · 25% balance upon final delivery and go-live. Domain, hosting, and third-party licences are not included and will be billed at cost if procured through AL KATEF IT SOLUTIONS.
By signing below, both parties agree to the scope, timeline, and investment outlined in this proposal. A formal Service Level Agreement will be issued prior to project commencement.