Live
Visit SiteARM Engineering
Corporate website for electronic engineering company showcasing services and projects
System Snapshot
Problem Space
B2B engineering services visibility
Core Users
Corporate clients, procurement teams
Primary Constraint
Technical credibility without jargon
Role
Frontend & Design
Technologies Used
Next.jsTailwind CSSFramer Motion
Problem
No Online Presence
- Company relied on word-of-mouth only
- No way to showcase past projects
- Competitors with modern sites winning bids
Complex Services
- Wide range of engineering capabilities
- Technical services hard to explain simply
- Need to appeal to both technical and business buyers
System Design
Content Structure
- Service pages with clear outcomes, not specs
- Project portfolio with visual case studies
- Team credentials for credibility
Performance Focus
- Static site generation for speed
- Optimized images with lazy loading
- Mobile-first for on-site engineers
Trade-offs
- No CMS — content changes are infrequent
- Simple contact form vs. quote builder
- Focus on core pages, expand later
Market Impact
Shipped
- Professional corporate website
- Service and project portfolio pages
- Contact form with inquiry routing
Impact
- First page Google ranking for key terms
- Increased inbound inquiries from website
- Used in bid proposals as credibility asset
Skills & Lessons
Skills Gained
- Translating technical requirements into marketing copy
- Implementing advanced animations with Framer Motion
- Optimizing Static Site Generation for B2B SEO
- Designing for trust in high-value service sectors
Lessons Learned
- B2B sites need to speak to multiple stakeholders
- Fast load times critical for professional perception
- Case studies are more persuasive than service descriptions
- Would add client testimonials in next phase
