Skip to main content

Survey Design Page

The Survey Design Page allows you to customize the visual appearance and branding of your Unwrap surveys. Create a professional, on-brand survey experience that matches your company's visual identity and enhances recipient engagement.

Overview​

Survey design controls how your survey appears to recipients, including colors, logos, background images, and layout alignment. A well-designed survey can significantly improve response rates and create a more professional impression with your customers.

Logo Configuration​

Logo Upload​

Add your company or product logo to surveys:

  • Supported Formats: PNG, SVG, JPG, JPEG, WEBP
  • File Size Limit: Maximum 10MB per file
  • Recommended Size: 300×300px for optimal display
  • Preview Mode: Changes appear in real-time preview but require saving

Logo Best Practices​

  • Use high-resolution logos for crisp display across devices
  • Ensure logo works on various background colors
  • Consider responsive design - logos should look good on both desktop and mobile
  • Test logo visibility against your chosen background colors
Logo Optimization

For best results:

  • Use SVG format for scalable graphics
  • Ensure transparent backgrounds for flexible placement
  • Test logo contrast against your survey colors
  • Keep file sizes reasonable for fast loading

Color Customization​

Currently under construction.

Button Color​

Defaulting to clean standard buttons. Buttons will change color on-click, indicating selection choice to users.

Background Color Options​

Currently defaulting to clean, professional backgrounds:

  • Primary Background: Clean white background for question areas
  • Overall Layout: Professional layout optimized for readability
Secondary Color Configuration

Question box colors are currently optimized for readability and are set to white by default. This ensures optimal contrast and accessibility across all survey designs.

Color Selection Interface​

Currently under construction.

Background Image Customization​

Background Image Upload​

Add custom background images to enhance survey appearance:

  • Supported Formats: PNG, JPG, JPEG, SVG, WEBP
  • File Size Limit: Maximum 10MB per file
  • Usage: Background images appear behind survey content
  • Overlay Handling: System ensures text remains readable over images

Background Image Guidelines​

  • Choose images that don't interfere with text readability
  • Test across different screen sizes and devices

Survey Alignment​

Layout Alignment Options​

Control how your survey content is positioned:

  • Left Aligned: Traditional left-aligned layout
  • Center Aligned: Centered layout for focused attention
  • Right Aligned: Right-aligned layout for specific design needs

Alignment Best Practices​

  • Consider your target audience's reading patterns
  • Test alignment with your logo and background image choices

Real-Time Preview​

Preview Functionality​

The in-tab survey preview shows your design changes in real-time:

  • Live Updates: Changes appear immediately as you make them
  • Accurate Representation: Preview matches what recipients will see
  • Interactive Elements: Test button colors and interactions
  • Responsive Preview: See how survey appears on different screen sizes

Preview Limitations​

  • Preview shows design only - functionality testing requires test emails
  • Some email client rendering differences may not be visible in preview
  • Final appearance may vary slightly across different email providers

Preview Survey Page Button​

Clicking this button will redirect you to a mock survey. You won't be able to submit the survey, but you'll be able to see all the current survey configuration in an otherwise fully realistic survey interaction.

Design Validation​

File Upload Validation​

The system validates uploaded files:

  • Checks file format compatibility
  • Verifies file size limits
  • Provides clear error messages for invalid uploads
  • Prevents upload of unsupported file types

Preview Indicators​

Visual indicators show unsaved changes:

  • "Preview - not saved" labels on uploaded files
  • Changes are visible in preview but require saving to persist
  • Clear distinction between saved and unsaved modifications

Mobile Responsiveness​

Responsive Design​

Surveys automatically adapt to different screen sizes:

  • Mobile Optimization: Surveys display properly on smartphones and tablets
  • Logo Scaling: Logos automatically resize for smaller screens
  • Button Sizing: Interactive elements remain touch-friendly
  • Text Readability: Font sizes adjust for optimal mobile reading

Next Steps​

After customizing your survey design:

  1. Send Test Emails - Verify appearance across email clients
  2. Survey Recipients Page - Add recipients to your beautifully designed survey
  3. Activate Survey - Launch your professionally designed survey campaign