PRODUCT ENGINEERING

Turkish Art Gents Salon

Premium men’s grooming salon site responsive Next.js with maps and phone routing.

YEAR

2026

ROLE

Designed • Developed • Shipped

STACK

Next.jsReactTypeScriptTailwind CSSFigmaAdobe Photoshop

01/PROBLEM → SOLUTION

02/SYSTEM ARCHITECTURE

How the system fits together

  1. Client
  2. Next.js Engine
  3. Layout Manager
  4. Service Roster
  5. Call-to-Action
  6. External Routing
DRAG / SWIPE TO PAN DIAGRAM↔
ClientMOBILE / WEBHost EnvironmentCPANELNext.js EngineSSR / SSGLayout ManagerCOMPONENT TREEService RosterMENU UIBranding AssetsHIGH-RES MEDIACall-to-ActionCONTACT / LOCATIONExternal RoutingGOOGLE MAPS / PHONE PROTOCOL

Drag to pan or Hover to trace or Click to inspect

03/KEY ENGINEERING DECISIONS

Responsive-First

A large expected mobile share made responsive behavior a core requirement, not a retrofit.

Brand-First Styling

Tailwind utilities keep styling consistent with the salon’s premium visual language.

Direct Contact Paths

Call-to-action and external routing (maps, tel) reduce steps between browsing and booking.

04/IMPACT & TAKEAWAYS

Client Production Site. Built during the Fanis Network internship; designed, developed, deployed, and maintained.

Brand Reflected. Gives the salon an online presence matching its premium positioning.

Evolvable Structure. Component architecture supports future additions without redevelopment.