About the Project
InWave Project is an advertising and design studio based in Ivanovo, Russia.
Goal: Create a clean, minimalist website focused on key services (sign production and approvals, mall branding, social media marketing), portfolio, and news.
Tools Used
- PHP + WordPress — CMS with custom post types for “Services,” “Portfolio,” and “News.”
- Figma — rapid wireframing and responsive layout design.
- Agile + Redmine — 1–2 week sprints, all tasks and bugs tracked in Redmine.
- CI/CD (GitLab CI) — linting, style building, and automated deployment to staging/production on push.
Key Stages
Prototyping (Figma)
- Defined key sections:
- “Homepage” (slider with sign examples),
- “Services” (submenu list),
- “Portfolio” (gallery),
- “News,”
- “Contacts.”
- Created clickable mockups and finalized the design: minimalist style, black-and-white palette with red accents.
Layout & Integration (PHP + WordPress)
- Developed a child theme with custom post types (CPT):
- “Services” (e.g., “Sign Production,” “Mall Services”),
- “Portfolio,”
- “News.”
- Implemented a shortcode for the homepage slider and an AJAX-based contact form (Contact Form 7 → Redmine via webhook).
- Configured SEO (Yoast), lazy loading for images, and a responsive grid system.
CI/CD & Testing
- On push to develop:
- Linting for SASS/JS,
- Webpack build,
- Deployment to staging.
- On merge to master:
- Smoke tests (main page availability),
- Deployment to production.
Launch & Maintenance
- Production Stack: Nginx + PHP-FPM, MySQL + Redis, Let’s Encrypt SSL.
- Monitoring: UptimeRobot and Sentry.
- Weekly sprints: new “Services” and “News” are published without developer involvement.
Results
- Clear structure: Visitors instantly see available services, work examples, and the latest news.
- High performance: Page loads in under 1 second thanks to caching and lazy loading.
- Team independence: Marketers update content via the WordPress admin panel without developers.
- Fast releases: CI/CD enables publishing updates in 10–15 minutes with zero downtime.
Bottom line:
The result is a concise website with a fresh design and an intuitive content structure — visitors instantly understand what InWave Project does, what services it offers, and how to request them.
