Responsive Design Philosophy

Kora follows a responsive design approach: one system that automatically adapts to any screen size. You do not download separate apps, manage different accounts, or sync data between platforms. Access Kora from any device with a web browser, and the interface adjusts to match.

What "Responsive" Means in Practice:

• Desktop (screens wider than 1024px): Full interface with side navigation, multi-column layouts, detailed data tables
• Tablet (screens 769-1023px): Hybrid interface with bottom navigation, card-based data, touch-friendly controls
• Mobile (screens up to 768px): Streamlined interface with bottom navigation, vertical card layouts, thumb-optimised controls

The transition happens automatically based on screen width. Resize your browser window on desktop, and you will see the interface adapt in real-time. Side navigation disappears, bottom navigation appears, layouts shift from multi-column to single-column, data tables transform into scrollable cards.

When to Use Desktop

Choose desktop for:

Detailed Data Work

• Reviewing health records across multiple animals side-by-side
• Comparing growth trends, weight charts, or reproductive performance
• Analyzing biosecurity risk patterns or disease exposure networks
• Filtering and sorting large datasets (hundreds of animals, extensive observations)
• Bulk operations (updating multiple records, assigning tasks to groups, generating certificates for many animals)

Complex Planning and Configuration

• Creating and editing locations with precise boundary mapping
• Drawing subdivisions (paddocks, enclosures, territories) with custom shapes
• Configuring biosecurity zones with access rules and protocols
• Setting up recurring tasks with complex schedules
• Designing studbook breeding recommendations with genetic analysis
• Creating detailed health certificates for export compliance

Extended Reporting and Analytics

• Generating comprehensive reports (sustainability metrics, AMR stewardship, regulatory compliance)
• Reviewing analytics dashboards with multiple charts and metrics
• Exporting data for external analysis or regulatory submission
• Creating custom visualizations of population trends or health patterns

Administrative Functions

• User management and permission configuration (SuperUsers, Administrators)
• System settings and organizational configuration
• Knowledge Hub administration (for authorized users)
• Approval workflows (veterinarian approvals, regulatory oversight)

Multi-Tasking Workflows

• Working across multiple areas simultaneously (reviewing observations while planning treatments)
• Cross-referencing animal records, maps, and treatment histories
• Coordinating complex operations (breeding program planning, conservation coordination)
• Detailed data entry with extensive notes and documentation

When You Have Time for Thoroughness Desktop workflows support comprehensive, detailed work without the constraints of small screens or field conditions.

When to Use Mobile

Choose mobile for:

Field Observations

• Walking paddocks, enclosures, or territories and recording what you observe
• GPS-based observations that automatically capture your exact location
• Quick health checks during daily rounds
• Documenting behavioral observations in real-time
• Taking photos of symptoms, injuries, or conditions
• Recording environmental observations (habitat quality, water availability, feed status)

Animal Identification

• Scanning QR codes at enclosures, paddocks, or individual animals
• Quick access to animal records while standing next to the animal
• Verifying identification during field checks or treatments
• Looking up individual animal histories without returning to office

Quick Data Capture

• Recording treatments administered in the field
• Documenting movements as they happen
• Logging feeding events during meal rounds
• Creating tasks while observing issues that need follow-up
• Capturing weights using portable scales
• Recording mortality or injury events immediately

Location-Based Work

• Wildlife sightings with GPS coordinates
• Habitat monitoring at specific locations
• Population counts across territories
• Visitor check-in/check-out at facility entry points
• Biosecurity compliance verification at zone boundaries
• Movement tracking during animal relocations

Immediate Access to Information

• Checking treatment history before administering medication
• Reviewing quarantine status before allowing animal contact
• Verifying vaccination records during health checks
• Accessing emergency contact information (disease hotlines, veterinary services)
• Looking up disease profiles when observing unusual symptoms

Time-Sensitive Actions

• Recording observations immediately rather than relying on memory later
• Documenting events as they happen (births, deaths, injuries, treatments)
• Responding to health emergencies with instant access to animal records
• Checking biosecurity protocols before entering restricted zones

When Mobility Matters More Than Detail Mobile workflows prioritise speed, convenience, and capturing information in the moment over comprehensive data analysis.

Device-Specific Capabilities

Some features rely on hardware capabilities available primarily on mobile devices:

Mobile-Only or Mobile-Optimized:

• GPS Auto-Capture: Automatically records your exact location when creating observations (available on GPS-enabled devices)
• Camera Integration: Take photos directly from observation forms, QR code capture for animal identification
• QR Code Scanning: Instant animal identification by scanning codes at enclosures or on ear tags
• Touch Gestures: Pinch-to-zoom on maps, swipe to navigate cards, long-press for context menus
• Accelerometer/Gyroscope: Optimized map rotation and orientation (where supported)

Desktop-Only or Desktop-Optimized:

• Multi-Column Layouts: View animal list and detailed record side-by-side, compare multiple charts simultaneously
• Precise Map Editing: Draw complex boundaries, create detailed subdivisions, position features accurately with mouse control
• Keyboard Shortcuts: Quick navigation and data entry (where implemented)
• Drag-and-Drop: Reorder tasks, organize workflows, manage batch operations
• Extended Data Tables: Sort hundreds of records, apply complex filters, perform bulk selections and actions

Available on Both (with different interactions):

• Animal records (full view on desktop, card-based on mobile)
• Maps (detailed editing on desktop, viewing and simple interactions on mobile)
• Observations (extensive data entry on desktop, quick capture on mobile)
• Tasks (full management on desktop, completion and quick creation on mobile)
• Treatment records (detailed planning on desktop, field administration recording on mobile)

Responsive Breakpoints

Kora uses standard responsive breakpoints to determine which interface to show:

Desktop (>1024px width)

• Full side navigation (collapsible)
• Multi-column layouts where beneficial
• Extended data tables
• All features and controls visible

Tablet (769-1023px width)

• Bottom navigation bar
• Hybrid layouts (some multi-column, some single-column)
• Card-based data with extended details
• Touch-optimised but more screen space than phone

Mobile (≤768px width)

• Bottom navigation bar
• Single-column vertical layouts
• Card-based data presentation
• Maximum touch target sizes
• Streamlined interactions

Small Mobile (≤360px width)

• Further optimisation for very small screens
• Condensed layouts
• Priority focus on essential information

These are automatic. No settings to configure, no modes to switch. Load Kora in any browser, and the appropriate interface appears based on your screen size.

Cross-Device Continuity

Data flows seamlessly across devices:

Example 1: Observation Workflow

1. Field (Mobile): Record health observation with GPS location and photo
2. Office (Desktop): Review observation, create detailed treatment plan
3. Field (Mobile): Administer treatment following desktop-created plan, confirm completion
4. Office (Desktop): Analyse treatment effectiveness, adjust protocols

Each step uses the optimal device for that task. Data syncs automatically. No manual transfers, no version conflicts.

Example 2: Location Management

1. Office (Desktop): Create new paddock, draw precise boundaries on map
2. Field (Mobile): Navigate to new paddock using map, verify GPS coordinates match boundaries
3. Field (Mobile): Record observations at paddock, associating them with correct location
4. Office (Desktop): Review all paddock observations on detailed map view

Desktop creates complex spatial data, mobile uses it in the field, desktop analyses collected field data.

Example 3: Animal Identification

1. Office (Desktop): Generate QR codes for all animals in a mob
2. Print QR codes: Attach to ear tags, enclosure signs, or management cards
3. Field (Mobile): Scan QR code to instantly access animal record
4. Field (Mobile): Record observation or treatment directly from scanned animal
5. Office (Desktop): Review all field-recorded data linked to correct animals

Desktop prepares infrastructure, mobile executes field operations, desktop synthesises results.