Vera


Services provided

About the project

Vera is an iOS application that makes landscape design simple and accessible for anyone planning outdoor spaces.🌿

Operating in the landscape architecture domain, it enables users to select a project location, add and arrange outdoor elements, explore curated tips on materials and style, and receive AI-powered suggestions for plants that suit their specific environment.

The idea for Vera came from founder Janice’s experience as a landscape architect. Over the years, she noticed how complex, time-consuming, and costly the design process could be even for motivated users with a clear vision. Motivated to simplify it, she collaborated with us to build a tool that enables users to create beautiful, functional, and sustainable outdoor spaces on their own.

Size as shown on my plan:
10 feet by 20 feet

My selected style:
Refined Rustic

See in AR

The Core Challenges We Faced

Challenges
Solutions

The project began with a time-constrained discovery phase. The client presented us with a ready-made design, and our task was to quickly review it, identify any flow gaps, and structure the functional scope for development.

Within a short timeframe, we analyzed the provided design, suggested and integrated UX improvements, and proposed a suitable technical approach. Throughout the process, we worked closely with the client to gain a deep understanding of the system and tailored solutions to her specific goals. As a result, we delivered complete and detailed functional documentation that served as a solid foundation for the development phase.

Following the discovery and scope assessment, the client realized that her available budget wouldn’t cover the full range of features originally envisioned for the first release.

We carefully analyzed the proposed scope and evaluated the business value of each feature. Together with the client, we defined a clear MVP feature set and separated lower-priority items into a roadmap for future iterations. This allowed us to reduce initial costs while maintaining core product value. The revised plan was approved, the MVP was successfully launched, and the remaining features are scheduled for upcoming releases.

Saving a high-quality map snapshot with accurate proportions and dimensions proved difficult. The system needed to capture the property view precisely without image distortion across different screens.

We identified and applied the optimal aspect ratio for snapshots and used it consistently across all required views. This ensured the correct preservation of proportions while delivering high-quality images suitable for various screen sizes.

Accurately calculating the real dimensions of objects placed on the plan and displaying them relative to the map required precise scaling logic.

We developed formulas that translate real-world measurements into digital scale and applied them relative to the selected map area. This approach guaranteed the correct visualization of physical object sizes and their proportions within the project plan.

Editing a project involved multiple gestures, and conflicts between them (e.g., zoom, move, rotate) caused usability issues.

We implemented an advanced gesture recognition logic that dynamically enables or disables certain gestures depending on the user’s current action. Additionally, zoom gesture handling was optimized to reduce misinterpretation and improve responsiveness.

Defining prompts and API options for the AI-driven Plant Matchmaker was challenging, as responses needed to deliver precise and unique plant suggestions based on user preferences, color, and location, while filtering out irrelevant sources.

We refined the AI prompts and API parameters through iterative experimentation until the results consistently matched user needs. A “variation” parameter was introduced to enforce uniqueness in plant color. At the same time, blacklisted sites were excluded via both Custom Search console settings and Google search operators, ensuring relevant, high-quality results.

High-quality images of features and materials significantly slowed down loading times, especially when multiple items were requested at once.

We leveraged Contentful’s built-in Images API to crop, scale, and compress images on the fly. By delivering optimized image sizes suited to mobile screens, we reduced loading time without compromising visual quality.

Project Timeline

Implementation Roadmap

Phase 1

Discovery Stage

The discovery phase aimed to thoroughly review and validate the existing UX/UI design provided by the client, identify any gaps in the user flows, and produce detailed functional documentation to support the development process.

Throughout this phase, our business analyst worked closely with the client, conducting elicitation sessions and continuous discussions to ensure a comprehensive understanding of requirements. The key activities included analyzing and refining the UX/UI design, addressing discovered flow gaps, and proposing user experience improvements. Based on this collaborative work, a complete and clear functional specification was created. As a result, we delivered a validated design with seamless user flows and comprehensive documentation, providing a solid foundation for the development team.

information architecture

The structure of the app

Phase 2

Development Phase

The development phase was based on the implementation roadmap shaped during discovery.

To manage the process effectively, we adopted an agile approach, which enabled us to work in short, focused sprints and respond quickly to evolving needs. The agile framework also allowed for regular feedback loops and continuous improvement throughout the build.

Given the nature of the product, the development process involved integrating a wide range of third-party services to support key application features. These included mapping services for property selection, AI services for plant recommendations a CMS for managing features, materials, and styles. and others. Each integration was carefully configured to work seamlessly within the application.

PRODUCT DESIGN

Features

01

Project Creation

Integrated with Google Maps, the system allows users to enter their address and instantly locate their property. A framing tool then helps adjust the map view, enabling users to zoom in and position the camera precisely over the area they want to design. This step defines the exact boundaries for the outdoor planning process.

02

Feature Catalogue Browsing

The catalogue allows users to explore a wide variety of elements they can add to their landscape plan. Features are grouped into categories for easier navigation, with search and filtering options available to quickly find relevant items. Each feature includes a detailed view with photos, key attributes, and suggestions for similar items to spark inspiration during the planning process.

03

Plan Management

After selecting items from the catalogue, users can add them to their project plan and adjust them as needed. Each element can be moved, rotated, resized, and layered to match the desired layout. For certain features like plantings or surface materials, users can draw freeform shapes to cover irregular areas. The system also provides estimated costs based on the selected items, giving users a clearer understanding of budget requirements while designing. Once the plan is complete, it can be shared with others for viewing or exported for further use.

04

3D Style Tour

Users can explore different landscape styles through an interactive 3D tour to see how each one might look on the real property. Once a preferred style is chosen, it can be set as the project’s base style, allowing the system to provide tailored material recommendations. The app also offers information about each style and allows users to change it at any point during the design process.

05

Materials Catalogue Browsing

The materials catalogue allows users to explore surface and construction materials relevant to their design. The system offers curated suggestions based on the user’s selected landscape style, making it easier to stay stylistically consistent. Each material entry includes detailed attributes, visual examples, and suggestions for similar materials to support informed decision-making.

06

Plant Matchmaker Tool

The Plant Matchmaker provides personalized planting suggestions tailored to the user’s specific needs and location. By setting detailed parameters such as plant type, size, sunlight requirements, and maintenance level, users trigger an AI-powered search that returns the most suitable options for their space. Results can be saved and used later when selecting or planting greenery, making the planning process both smarter and more practical.

PRODUCT DEvelopment

Technologies

Mobile
  • Swift Swift 5
  • UIKit
  • StoreKit 2
Backend
  • Node.js
  • Typescript
  • Postgre SQL
  • Prisma ORM
  • AWS EC2
Integrations
  • Google Maps
  • Amplitude
  • Customer.io
  • Contentful
  • Algolia
  • Google Photos

Download the app and try it out!

Vera landscape app download
Say hello

Contact us to build the right product with the right team

    Message sent! Thank you!

    Send another message
    AWARDS & HONORS
    Upwork Logo

    Top rated company since 2015

    Clutch top companies recognition emblem

    Top mobile app development 2018

    Clutch top companies recognition emblem

    Top B2B company 2019

    Other Projects