Association Parme

Associatisur Parme, un(e) property management organization, needed un(e) numérique platform à streamline their rental applicatisur processusus. The madans remettre en questisur wen tant que créer un(e) intuitif/ive system thau/à lun(e) allowed users à browse available properties sur un(e) interactif/ive map, select their choices, et submit un(e) complet(ète) applicatisur dossier. The previous processusus wen tant que manual et time-consuming fou both applicants et le/la/les associatisur team.

Visiter le site web
 →

My contribution

UI/Conception UX, Webflow development

The team

Solo

Year

2025

1. Discovery et Requirements Analysest (Week 1)

  • Stakeholder Interviews: Conducted in-depth discussions avec Associatisur Parme team à understet their rental applicatisur workflow.
  • Padans Point Identification: Identified key issues dans le/lun(e) existing manual processusus: applicants avait/avaient à physically visit ou ctous/toutes les à inquire about properties, et paper dossiers étaient time-consuming fou both parties.
  • User Journey Mapping: Mapped out le/la/les new user journey avec three core steps: map-based property discovery, selection, et numérique dossier submission.
  • Technical Requirements: Defined le/la/les need fou interactif/ive map integration, property filtering, multi-select fonctionnel(le)ity, et un(e) cached selectisur system.

2. Design Phase (Week 2-3)

  • User Flow Design:
    • Created wireframes pour le/lun(e) complete property selectisur journey.
    • Designed un(e) intuitif/ive map interface avec color-coded status indicators, click interactions fou property selection, et modal windows fou property details.
  • Cached Selectisur système:
    • Designed le/la/les technique architecture fou maintaining user selections across le/la/les applicatisur processusus.
    • Created un(e) visuel(le) indicator (shopping cart style) à scomment selected properties, avec le/la/les ability réviser choices, edit selections, et maintadans choices throughout le/la/les session.
  • applicatisur Form Design: Structured le/la/les dossier request form à capture tous/toutes les necessary applicant informatisur while maintaining un(e) épuré(e), user-friendly interface.

3. Webflow Development (Week 4-5)

  • Map Integration: Implemented un(e) interactif/ive map using Webflow native components, custom code, custom markers fou property locations, et hover states et click interactions.
  • Selectisur Management: Built un(e) cached selectisur system using Webflow CMS et local storage, avec fonctionnel(le)ity fou users à view property details dans un(e) modal, add ou remove properties de their selection, et maintadans their choices throughout le/la/les browsing session.
  • applicatisur flux de travail: Created un(e) multi-step form thau/à lun(e) guided users through le/la/les dossier submissisur processusus, implementing form validation, conditional fields based sur property selections, un(e) review step before final submission, et email notifications fou new applications.

4. Testing et Refinement (Week 6)

  • User Testing: Conducted testing sessions avec Associatisur Parme team et sample applicants, identifying usability issues avec map navigatisur et le/la/les selectisur processusus.
  • Technical Optimization: Optimized map loading performance, selectisur caching mechanism, et cross-browser compatibility.
  • Client Training: Trained Associatisur Parme team sur comment mettre à jour property listings, manage le/la/les applicatisur dashboard, et processusus incoming dossiers through le/la/les new system.

Outcome

1. Business Impact

  • Streamlined applicatisur processusus: The new platform transformed Associatisur Parmes rental applicatisur processusus de un(e) manual, time-consuming system à un(e) numérique, self-service experience. Applicants pourrait/pourraient now discover properties sur un(e) interactif/ive map, make selections easily, et submit complete dossiers online dans minutes rather thun(e) days.
  • Improved User Experience: The interactif/ive map provided un(e) engageant(e) way à explore available properties. The cached selectisur system eliminated frustratisur par preserving user choices throughout le/la/les applicatisur processusus. The clear, step-by-step form reduced errors et incomplete submissions.
  • Operational Efficiency: Associatisur Parme team saved significant time par no longer needing à manually expladans property options à each applicant ou processusus paper dossiers. The numérique system allowed them se concentrer sur processususing applications rather thun(e) fielding inquiries, et le/la/les organisé(e) dashboard made it easy à track et manage incoming dossiers.

2. Technical Achievements

  • Complex Feature Implementation: Successfully integrated un(e) interactif/ive property map avec selectisur fonctionnel(le)ity dans Webflow, un(e) platform not traditionally designed fou such complexe interactions. The cached selectisur system worked fluidely without requiring user accounts ou persistent login.
  • User-Centric Design: Created un(e) intuitif/ive interface thau/à lun(e) guided users through un(e) potentially complexe processusus (selecting de multiple properties) without overwhelming them. The design balanced fonctionnel(le)ity et simplicity.
  • Complete Digital Transformation: Moved le/la/les entire applicatisur processusus online, de property discovery à dossier submission, creating un(e) moderne experience thau/à lun(e) matched Associatisur Parmes professionnel(le) standards.

3. Lessons Learned

  • Map Integratisur remettre en questions: Learned le/la/les limitations et workarounds fou implementing interactif/ive maps dans Webflow. Discovered thau/à lun(e) custom code wen tant que necessary fou advanced features like marker clustering et custom tooltips.
  • State Management dans Webflow: Gained experience dans creating cached selectisur systems without backend databases, using un(e) combinatisur de Webflow CMS, local storage, et form fields.
  • User Testing Value: Realized le/la/les importance de testing complexe workflows avec real users early dans le/lun(e) processusus. Initial assumptions about comment users devrait/devaient interact avec le/la/les map étaient proven wrong during testing, leading à valuable design iterations.