WordPress Website Development - Measurement Technology Product

Job ID: 40486270

Budget: $300 – $600 USD

WordPress Website Development for Measurement Technology Product
Project Overview
I am looking for an experienced WordPress developer to design and develop a professional website for a measurement technology product ecosystem built around a concept called "Spreadsheet Measurement."
The website is intended to present a professional engineering product and workflow philosophy, not a generic e-commerce store.
The site should be modern, clean, responsive, and easy for me to maintain and expand without requiring future developer involvement.
The website should follow the brand colors globally through the WordPress theme settings. The branding colors are provided in this description.
I will provide you with a few product photos and a hero section image. There is no need to create graphics, retouch product photos, design logos, or source stock images. The focus of the project is on layout, structure, navigation, and templates.
All images, logos, buttons, icons, colors, and downloadable files should be manageable through the WordPress admin interface without modifying code. For content not provided during the project, placeholders with an aspect ratio close to the correct one need to be used.
Content, product information, and website structure are already defined. The project focuses on implementing design, templates, navigation, and WordPress content management.
I also provided a file showing the basics of the website and its navigation in a couple of slides.
There is currently a working website with a basic design.
I tried to provide as many details as possible with no errors in this description. However, any necessary updates, fixes, or adjustments may need to be communicated during the project due to mismatches or incorrect requirements/information provided. Adjustments and feedback after project delivery also might be required.
Please provide examples of previous technical, engineering, industrial, scientific, or B2B websites you have developed.
________________________________________
Website Purpose
The website should:
• Present the Spreadsheet Measurement philosophy
• Showcase current products
• Provide technical documentation and resources
• Host tutorials, user guides, installation guides, and use cases
• Allow visitors to download software and PDF documents
• Enable visitors to contact us or request a demo
________________________________________
Technology Requirements
• WordPress
• Responsive design (desktop, tablet, mobile)
• Easy content editing through WordPress admin panel
• No custom coding required for future content updates
• SEO-friendly structure
• Fast-loading pages
--------------------------------------------------------------------------------
Website Structure
Home (homepage-menu tab)
Homepage focused on:
• Spreadsheet Measurement philosophy
• Workflow explanation
• Embedded video section
• Product overview
• Use cases
• Call-to-action (Contact / Book Demo)
• Two social media links (YouTube and LinkedIn)
________________________________________
Products (menu tab)
Initially:
Temperature Measurement Family
One product family page containing:
• Product overview
• Product images
• Multiple (product) configurations in the same product family page
• Features
• Specifications
• Related downloads
• Links to documentation
The structure should support additional product families in the future.
________________________________________
Resources (menu tab)
Resources should support the following content categories:
Getting Started (sub-menu tab)
• Microsoft Excel
• Google Sheets
• LibreOffice Calc
Each page should contain:
• Installation instructions
• Quick start guide
• Links to related documentation
________________________________________
User Guides (sub-menu tab)
• Excel User Guide
• Google Sheets User Guide
• LibreOffice Calc User Guide
________________________________________
Tutorials (sub-menu tab)
Examples:
• Average Measurement Data
• Maximum Measurement Data
• Standard Deviation
• Charts
• Trendlines
• Moving Average
Each tutorial should be a separate page.
________________________________________
Use Cases (sub-menu tab)
Examples:
• Education
• Laboratories
• Environmental Monitoring
• Agriculture
• Engineering Analysis
Each use case should be a separate page.
________________________________________
Downloads (sub-menu tab)
Single download page containing:
• Datasheets
• Brochures
• Software downloads
• User Guide PDFs
• Installation Guide PDFs
No submenu required.
________________________________________
About (menu tab)
Company philosophy and background.
________________________________________
Contact (menu tab)
Contact form.
Book Demo form
-----------------------------------------------------------------
Required Page Templates
The website should use reusable templates where possible.

Template 1 – Homepage
Unique homepage layout.

Template 2 – Product Family Page
Reusable for future product families.

Template 3 – Resource Article Page
Reusable for:
• Tutorials
• User Guides
• Installation Guides
• Use Cases

Template 4 – Downloads Page
Centralized download library.
________________________________________
Content Management Requirements
I must be able to:
• Create new tutorials
• Create new use cases
• Create new user guides
• Upload and replace PDFs
• Add product images
• Modify menus
• Edit page content
without developer assistance.
________________________________________
Branding Requirements
The website should follow the existing SENSESTICK brand identity.
The primary brand colors are:
• Primary Color: RGB (0, 0, 100)/Hex (000064)
• Secondary Color: RGB (255, 255, 0)/Hex(ffff00)

These colors should be consistently applied throughout the website, including:
• Navigation elements
• Buttons
• Links
• Icons
• Section highlights
• Call-to-action elements
The overall design should maintain a professional, engineering-oriented appearance. The use of colors should be clean and restrained rather than overly vibrant or marketing-focused.
I will provide:
• Logo files
• Product images
• Additional graphical assets as needed
________________________________________
Content and Asset Availability
The website should be designed so that images, logos, and graphical assets can be easily replaced later through the WordPress administration interface.
At the moment, some branding assets are still being finalized. Therefore, placeholder content may be used during development, including:
• Logo placeholders
• Product image placeholders
• Illustration placeholders
• Homepage hero images
• Use case images
The layout should be designed to accommodate the future replacement of these assets without requiring modifications to the website structure or code.
I might provide the final assets after the website framework and templates have been completed.

Recommendation for image placeholders (if not ready during project development):
• Hero image placeholder: wide banner
• Product image placeholder: square
• Use case image placeholder: card-sized
-----------------------------------------------------------------------------------------------
Deliverables
1. Complete WordPress website
2. Responsive design
3. Installation on hosting server
4. WordPress admin access
5. All source files
6. Theme files
7. Graphics used on the website
8. Documentation for site management
9. Short screen-recorded handover tutorial showing:
o How to create a page
o How to create a tutorial
o How to upload PDFs
o How to edit menus and sub-menus
o How to update product pages
________________________________________
Design Style
The design should be:
• Professional
• Engineering-oriented
• Clean
• Modern
• Minimalist
Avoid:
• Generic corporate templates
• Excessive animations
• Overly marketing-focused design
The website should communicate technical credibility and simplicity.
Related categories: Website Design WordPress Website Build