Aram Stays — Case Study
Client: Aram Stays (aram.pk -> rebranded & rebuilt to aramstays.com)
Agency: StackExpert
Project type: Research → UX/UI Design (Figma) → Frontend + Backend Development
Tech highlight: Rebuilt from a WordPress site into a modern, fast, beautiful Node.js website with a tailored property listing experience and full responsive design.
Project timeline: Discovery, design and development phases (timeline: recommend showing actual dates here).
Executive summary
Aram Stays approached StackExpert with a clear pain point: their existing WordPress site (aram.pk) was failing to present their properties (short‑term and long‑term stays) in a polished, trust‑building way. The listing pages were cluttered, conversion paths unclear, and the site didn’t reflect the premium experience of the inventory.
StackExpert conducted a deep product and UX review, delivered high‑fidelity Figma prototypes, and implemented a complete site rebuild powered by Node.js. The result — https://aramstays.com — is a modern, flexible property platform with a refined booking funnel, beautiful imagery-first pages, and a clear content hierarchy that showcases each suite and apartment.
Objectives
☑ Reimagine the brand presence online — make the website look premium, trustworthy and modern.
☑ Create an intuitive property discovery experience for both short‑term and long‑term renters.
☑ Migrate off the existing WordPress architecture to a robust, maintainable Node.js based site.
☑ Deliver responsive UI/UX that converts visitors into leads/bookings and reduces support overhead.
Our Role & Deliverables
- Full product discovery and competitive analysis
- Information architecture and wireframes
- Performance, SEO and accessibility improvements
- Frontend & backend development (Node.js backend + modern frontend stack)
- User personas and customer journey mapping
- High‑fidelity Figma designs and interactive prototype
- Handover documentation and developer support
- Property listing and individual property pages (all properties migrated)
Deliverables submitted: Figma file, production site (https://aramstays.com), deployment instructions, content & image optimization guide.
Discovery & Research
Audit of the old site (aram.pk)
- UX issues: poor visual hierarchy, confusing navigation, weak property presentation.
- Technical issues: WordPress theme limitations, inconsistent metadata and slow page loads.
- Business issues: difficulty showcasing multiple suite variants and limited conversion triggers.
Stakeholder Interviews
Competitive & Inspiration Review
User personas
Figma Highlights (what we delivered)
☑ Moodboard & brand refresh notes
☑ Wireframes: mobile and desktop
☑ High‑fidelity screens: Homepage, Property listing, Property detail, Contact/Booking form, About, FAQ
☑ Interactive prototype: property gallery behavior, booking modal, contact flows
☑ Design system tokens: colors, typography, spacing, and reusable components (cards, buttons, forms)
Tip for the StackExpert team: Embed Figma prototype on the case study page or include key artboards as static images to show the design before → after transformation.
Key Design Decisions
Visual-First Property Cards
We made imagery and the first glance details (bedrooms, size, short description, price) the focal point. Cards are scannable and actionable with strong CTA buttons.
Mobile-First Interactions
Because a large portion of conversions comes from mobile, we optimized touch targets, collapsible accordions for amenities, and easy bookings via phone/email CTA.
Clear Property Variants
The Aram portfolio has multiple suite types:
- The Soho — 1 Bedroom Suite
- The Soho — 2 Bedroom Suite
- Mykonos — 1 Bedroom Suite
- Mykonos — 2 Bedroom Suite
- Mykonos — 3 Bedroom Suite
Each property page clearly lists amenities, floor plans, availability badge, and an image gallery with lazy loading.
Streamlined Navigation & Search
We simplified the top navigation and added an intuitive filter/search to let users find 1/2/3 bedroom suites and long‑term options quickly.
Performance & SEO
Image optimization, server-side rendering, semantic markup for property data, and structured data for rich snippets were implemented to boost visibility and indexing.
Properties Migrated/Showcased
We migrated and created dedicated pages for each property in the Aram catalog, including their unique content and galleries:
- The Soho — 1 Bedroom Suite
- The Soho — 2 Bedroom Suite
- Mykonos — 1 Bedroom Suite
- Mykonos — 2 Bedroom Suite
- Mykonos — 3 Bedroom Suite
Each property page includes: a hero gallery, quick facts (beds, baths, max guests), amenity checklist, map/location, pricing/contact CTA, and an availability/booking prompt.
Assets to Include With the Case Study
- High‑resolution screenshots (desktop & mobile).
- Figma prototype link (embed if possible).
- Short testimonial or quote from the client (we can include once provided).
- A short video walkthrough (optional) showing property discovery and booking flow.
Ready‑Made Case Study Copy
- Title: Building a modern, image‑forward property platform for Aram Stays
- Blurb: StackExpert redesigned and rebuilt Aram Stays' website — moving from a limiting WordPress setup to a fast, elegant Node.js platform. The new site improves property discovery, highlights suite variants, and simplifies bookings for short‑term and long‑term guests. See the work at https://aramstays.com.
Work with Experts having experience in Designing, Marketing, Sales & Business Development
Sumbit your query
