Ayanco Trade
Premium B2B corporate site for a global trade company — multi-section landing, product catalog, quote request flow, and SEO-ready architecture.
Next.jsTypeScriptTailwindVercel
Role
Frontend Developer
Team
Solo
Duration
~2 weeks
Category
Corporate / Client Site
Impact
Pages shipped
8+
Product verticals
3
Status
Live
Problem
Ayanco Trade Corporation needed a credible, international-facing web presence that communicated verified sourcing, trade compliance, and product verticals to enterprise buyers across South Asia and the Gulf.
Solution
Built a content-rich Next.js site with animated hero sections, a multi-vertical product catalog, a structured inquiry-to-delivery process flow, and a quote request system.
Objectives
- Establish international credibility for enterprise procurement teams
- Communicate trade compliance, certifications, and process clearly
- Make quote requests and contact frictionless
Key Features
- Multi-section marketing landing page with animated trust indicators
- Three-vertical product catalog (Food, Industrial, Machinery)
- Structured 4-step trade process visualization
- Quote request form with product and timeline fields
- Testimonial section, FAQ, Why Ayanco, and About pages
- SEO-ready metadata and responsive layout throughout
Architecture
- Next.js App Router with typed content and reusable section components
- Tailwind utility styling for rapid, consistent layout
- Deployed on Vercel with optimized image handling via next/image
Challenges
- Conveying trust and scale through visual design without real photography
- Keeping a large content surface maintainable across many pages
Learnings
- How information architecture affects B2B conversion flows
- Designing for credibility first, aesthetics second