Explain a new category
Connect mobile service and credit building in a way that feels simple, credible and immediately valuable.
Case Study – Brand System & Product UI/UX
One identity. Every digital journey.
Perch Mobile needed more than a new look. It needed a connected experience that could move from brand expression to plan discovery, checkout and customer conversion without losing clarity or personality.
Recommended plan
$19.99 /mo
Complete your order
Find your best plan4 steps
1
Original visual identity built from the ground up
4
Connected website and product journeys designed in one language
Desktop + Mobile
Responsive behavior considered across key experiences
1
Shared Figma source of truth for design and development
01 – Project Over View
Building the brand and the experience as one system
Minerva Visuals created Perch Mobile’s complete visual identity, then translated it into a scalable digital language for acquisition, education, conversion and checkout.
The engagement
The work began at the identity level: logo, color, typography, imagery and art direction. Those foundations became the reference point for every digital decision, from a marketing hero and campaign card to a form field, plan selector, progress indicator and checkout confirmation state.
Visual IdentityCreative DirectionUI/UX DesignResponsive DesignInteraction FlowsFigma Handoff
The product promise
Perch combines affordable mobile service with tools that help customers build credit history. The interface therefore had to feel optimistic and empowering while remaining trustworthy, understandable and friction-light at moments involving plans, billing and personal information.
02 – The Problem
A bold identity still had to perform like a clear product
Perch needed a distinctive youth-focused brand, but its digital experience also had to explain an unfamiliar value proposition, guide plan selection and earn confidence during checkout.
Unify different journeys
Keep campaign pages, plan discovery, onboarding and checkout visually related without forcing every page into the same layout.
Protect conversion clarity
Use a high-energy visual identity without overwhelming pricing, forms, selections, progress or payment decisions.
Design responsive behavior
Adapt dense plan and checkout information for mobile while keeping hierarchy, status and next actions visible.
Align design and build
Give development a reliable reference for layout, interaction states and revisions throughout delivery.
Make growth sustainable
Create repeatable visual and interface patterns that could support new pages and customer flows without starting over.
03 – Our approach
From identity principles to reusable product patterns
The system was built as a connected sequence. Brand decisions established the language, product patterns made it usable, complete journeys tested it, and collaboration carried it into the live experience.
Step 1
Define the identity
Build the mark, palette, typography, image treatment and tone around freedom, progress and confident choice.
Step 2
Translate to UI
Turn brand foundations into navigation, buttons, cards, fields, selectors, progress and feedback states.
Step 3
Design journeys
Apply the system across marketing, internship, plan recommendation, checkout and responsive layouts.
Step 4
Deliver and refine
Use Figma, email and Zoom to resolve questions, communicate revisions and support implementation.
Visual Foundations
A brand language designed to move
The Perch identity combines a recognizable bird and letterform mark with high-contrast monochrome imagery, energetic purple and an optimistic lime accent.
The Experience System
One visual language, adapted to each task
Explore how the system moved between expressive campaign storytelling and structured product decisions.
Guided choice
Plan recommendation wizard
A multi-step questionnaire reduces the effort of comparing telecom plans by turning personal usage into a guided recommendation.
- Visible step and percentage progress
- Simple radio selections and clear next actions
- Low-friction skip route for decisive users
- Responsive hierarchy for desktop and mobile
Conversion flow
Checkout and activation
The checkout balances billing and device information with a persistent plan summary, helping customers understand both what they are entering and what they are buying.
- Plan and price context stays visible
- Billing, IMEI and order sections are grouped clearly
- Verification and success states close the loop
- Desktop and mobile compositions share the same hierarchy
Campaign experience
Internship landing page
The expressive side of the system uses the same foundations in a more editorial way, pairing strong typography, image-led storytelling, proof points and an integrated application form.
- Campaign message and application action above the fold
- Repeatable benefit and testimonial cards
- Integrated application form and consent language
- Shared navigation, footer, palette and CTA behavior
Extended system
About and supporting pages
Additional page concepts show how the same identity and UI foundations can support longer-form company storytelling while remaining connected to the wider Perch experience.
- Shared navigation and footer system
- Consistent section hierarchy and card language
- Brand-led imagery and editorial composition
- Reusable calls to action across page types
Implemented outcome
Perch Mobile website
The live website carries the system into a public customer journey that explains the product, compares the offer, presents pricing and moves visitors toward selecting a plan.
- Brand-led but conversion-focused presentation
- Consistent pricing, comparison and feature patterns
- Clear switching and plan-selection journeys
- Responsive experience implemented by the Perch developer
Design to Development
A shared reference, not a one-time handoff
Minerva Visuals worked directly with Perch developer Jim Henderson throughout delivery, keeping questions and refinements connected to the design source.
Figma as the source of truth
Layouts, responsive compositions, interaction flows, field groupings and revisions stayed visible in one shared design environment, reducing ambiguity as the experience evolved.
LayoutsResponsive viewsFlow statesComments
Direct implementation dialogue
Email and Zoom meetings were used during delivery to discuss requirements, respond to questions and align design intent with development constraints and revisions.
EmailZoomFigma commentsIterative delivery
04 – Results
A recognizable brand with a practical digital backbone
The result is not a collection of isolated screens. It is a connected identity and interface language that can flex between storytelling, plan decisions, forms and purchase flows.
Consistent customer experience
The same visual and interaction principles connect marketing, plan selection and checkout.
Clearer development reference
Figma, comments and direct meetings gave implementation a maintained source for decisions and revisions.
Reusable product patterns
Cards, fields, buttons, selectors, progress and feedback patterns can be extended into future journeys.
Brand translated into behavior
Perch’s confidence and optimism appear not only in visuals, but also in hierarchy, guidance and interaction.
FAQ
The project, answered directly
A concise view of the role, scope and delivery.
Minerva Visuals created the complete visual identity and designed the UI/UX for the main website, checkout, plan recommendation wizard, internship campaign and responsive layouts.
The core palette, typography, image direction and brand personality were translated into repeatable navigation, button, card, form, selector, progress and feedback patterns, then applied across complete customer journeys.
Minerva Visuals collaborated directly with Perch developer Jim Henderson through Figma comments, email and Zoom meetings throughout delivery. Figma remained the shared design reference for layouts, responsive behavior, flows and revisions.
The full Perch Mobile identity case study is available on Behance, while the implemented customer experience can be viewed at perchmobile.app.
Need a brand that works all the way through the product?
We connect identity, interface design and implementation thinking so every customer touchpoint feels like part of the same experience.
Related Work
Perch Mobile
We developed a minimal, rebel-archetype visual identity for a disruptive New York-based mobile carrier that helps users build credit simply by paying their phone bills.
Mirael3d.sk
Mirael3D ran a growing WooCommerce store for 3D-printing filament and hardware across two legacy domains. We consolidated everything onto www.mirael3d.sk, hardened the B2B checkout, and built the Slovak-language content engine driving its long-term search visibility.
Bolt Taxi
We produced and edited a high-energy social campaign for Bolt Taxi, using character-led commercial films to support driver recruitment across Bratislava.