One connected experience for buying, installing and looking after an eSIM. The proposed flows, labels and recovery paths, drawn as simple wireframes.
Follow the links between screens. Try the installation choices and payment states. All data and interactions are illustrative; no payments or phone setup are launched.
The same destinations on phone and desktop. No account or app download required by this proposal.
Navigation is a hypothesis for review. Test the grouping with returning and bulk customers before relocating existing links. Private eSIM screens keep their own focused actions and help.
02 / Purchase
Explain the purchase. Keep it short.
Choose plan + starting balance → pay with chosen method → automatic invoice → same private eSIM page
01 / COMPARE
Buy eSIM
Data-only plan Mobile data · no phone number
Plan with a number Number/SMS availability and restrictions shown per plan
Starting credit is money for usage, not a fixed data allowance.
Update the selected credit and total visibly before the user commits. Explain the adjustment beside the method, without a hover-only tooltip.
Keep the existing one payment activation for a known plan and default balance. No compulsory cart, compatibility questionnaire or new confirmation page. No measured time saving is claimed.
03 / Payment + interrupted checkout
Tell me what happened. Keep me on the right order.
Payable → resume existing invoice / Paid → preparation / Ready → install / Unknown → check, without paying again
PRIVATE ORDER Sample states
Waiting for payment
Order · DEMO-01
Your invoice is open. If you closed it, resume the same payment.
Save your private eSIM link
Bookmark this page. You will need this private link to return. Anyone with it may access your eSIM details; do not share it.
[private link appears here]
In the product: Copy link, with copied/failed feedback and selectable text when clipboard access is blocked.
Visible fallback when automatic return stalls. The destination must remain usable without redirect JavaScript.
Still preparing?
Show “Payment received” separately from “eSIM ready”. Keep checking and offer an explicit status check and help, without an invented delivery estimate.
Fresh tab or blocked storage?
Recover authorised status from the order identity where supported. If it is unavailable, show the unknown-state path rather than an endless pending loop.
Backend/provider contract required for status recovery, partial/late payments and safe invoice replacement. Closed windows and delayed callbacks are not evidence of nonpayment. Sample controls only change this wireframe; they do not call payment services.
04 / Accepted installation direction
One tap to start. Your phone takes it from there.
Ready eSIM → Add eSIM to this phone → native confirmation → data settings → connection help if needed
01 / PRIVATE eSIM PAGE
Preview the device
Your eSIM is ready
On an eligible iPhone, start setup here. Your phone will ask you to confirm installation.
Candidate route for iOS 17.4+; provider and device validation required.
Show QR code · another device
QR placeholder Not scannable
Open the target phone’s add-eSIM scanner. Keep this private page on your other screen.
Enter details manually
SM-DP+ address: [private value]
Activation code: [private value]
Selectable values + separate copy actions in the product. Show “Copied” or “Could not copy; select the text”. Full activation string remains available.
Returning to the browser does not prove installation succeeded.
03 / FALLBACK & CONNECTION
Setup did not open?
Try your system browser if you opened the page inside another app. QR and manual setup remain available.
Cancelled or code rejected
Check whether the profile already appears in the phone’s SIM list. Follow plan-specific retry guidance or contact support. Do not delete it as a generic retry.
Installed, but no data
Check the chosen data line, destination coverage and plan-specific roaming/APN instructions. Installation and a working connection are separate states.
Already installed / reuse restricted
Lead with balance and connection help. Keep details available according to the plan’s reuse restrictions; do not encourage a second installation.
Both iOS and Android handoffs are included. Device detection suggests a route; users can change it. Desktop leads with QR. Android handler coverage, profile eligibility and installation-state meaning remain unverified. Device validation research →
05 / Return to the right eSIM
Your private link is your way back.
Saved private link → identifiable eSIM + balance → the relevant action, with that eSIM carried through
PUBLIC / MANAGE eSIM
Have your private link?
Open it from your bookmarks or the place you saved it. It leads directly to your eSIM.
Add silent.link to your home screen to top up this eSIM or order another one next time.
Add to Home Screen →
Offer the platform’s available install action, or show the appropriate browser menu instructions. The exact iOS and Android instructions will be validated during implementation.
This installs the web app shortcut; it does not install the eSIM itself.
Implementation decisions: private-link/start destination, multiple eSIMs, TOTP access and safe caching. Offline should explain that current balance and payment need a connection; cached data must not imply a completed transaction.
Show the originating eSIM explicitly across tabs and payments. Do not select it from whichever order last wrote to local storage. Keep private links and activation details out of support URLs and analytics.
06 / Add credit
Same eSIM. Clear result.
Top up balance → amount + payment → pending / credited receipt → same eSIM
Find this on your private order page. Validate the full ID and display the selected eSIM before enabling payment. Do not silently use another order’s ID.
02 / RECEIPT STATES
Top-up for DEMO-01
Pending: your payment is being checked. Keep the ID, amount and transaction reference visible.
Target: two activations plus amount entry when automatic return is supported, versus three including reopening the order. A manual return link still costs three but removes searching. Transaction persistence and confirmed credit need provider/backend support.
07 / Keep your phone number
Renew the number. Show the new expiry.
Prefilled number + current expiry → one-year extension + price → confirmed before/after dates
01 / RENEWAL
Renew number
Selected number · ending 4567
Current expiry: 23 Sep 2026 Extension: one year Price: confirmed lookup amount + currency
This extends the number lease. It does not add data balance.
Existing number prefill stays. The receipt can complete the task without a mandatory return click. Interrupted transactions and renewal eligibility need confirmation; payment must not promise restoration of a disconnected or reassigned number.
08 / Specialist purchasing
One order. Visible progress.
Quantity + credit per eSIM → pay → readiness count → complete CSV, or deliberate partial export
01 / BULK ORDER
Bulk orders
Quantity · 20 eSIMs
Starting credit · $10 each
Show plan, total price, currency and delivery format before payment.
CSV contains private activation information. Keep it private.
Retain two activations for a default complete order: pay and download. Keep manual status checks available. Progress reporting, readiness and partial export semantics need backend confirmation and bulk-user review.
09 / Coverage + answers in context
Answer the question. Return to the task.
One destination choice → compare plan rates → retain choice when buying / task-specific help → return
COVERAGE & RATES
Where will you use it?
Compare both plan families for Japan.
Data plan · networks / rate per GB
Number plan · networks / data and other applicable rates
Rate placeholders only. Real coverage and prices must come from current product data.
[Verified support contact goes here.] Explain the issue; include a non-secret order/payment reference if available. A missing reference should not block asking for help.
Wireframe placeholder, not an active support channel. Do not send activation codes or private links automatically.
CONTENT & RECOVERY
Help should lead somewhere.
Provide a verified USDT answer or remove the misleading question.
Correct card-payment destinations and give RoboSats links readable text.
Open the relevant answer on arrival and when following an in-page link.
Put a real contact route on invalid-order and error pages.
One country choice applies to both plan families and should survive the return to purchase. No forced help detour. Product help content and external destinations must be verified during implementation.
10 / Additional brief items
More useful private pages.
Concept wireframes for the remaining requested capabilities in the brief. These need endpoint and policy confirmation; the tracker stays open.
SPENDING / ITEM 02
Spending · last 14 days
$4.20
Illustrative usage charges, distinct from top-up payments.
22 Sep · Data usage · $1.20
21 Sep · Data usage · $3.00
Empty / unavailable state
No charges in this period, or “Could not load spending” with retry. Never turn a load failure into a zero total.
[Full incoming message appears here, inside the private page.]
Phone delivery preference
Optional phone delivery, if supported by the endpoint. Clearly explain what switching it changes; do not imply website messages stop.
Include no-messages, refresh failure and unavailable-for-this-plan states.
SECURITY / ITEM 05
Protect this private page
Authenticator verification before viewing protected order details.
Set up authenticator → verify code → enable
On return: enter authenticator code
Wrong code → retry. Lost authenticator → agreed recovery process.
Recovery, setup confirmation and server-side enforcement must be defined before release. Hiding a page with front-end code is not access control.
The overall UX and visual refresh (04 / 07) run through these wireframes. Post-checkout continuity (01) is covered in Payment, and direct installation (08) in Install. This page proposes layouts, not backend implementation.
11 / Wording across the experience
Say what the action does.
Current / location
Proposed wording
Why
Buy
Buy eSIM
Name the product.
Pricing
Coverage & rates
Country availability and usage cost.
Top up
Top up balance
Adds money, not a data bundle.
Renew
Renew number
Extends the number lease.
Bulk Order
Bulk orders
Clear, consistent sentence case.
FAQ
Help
Requires task guidance and a real support route.
No public management entry
Manage eSIM
Explain saved-link access and the missing-link path.
IMSI
eSIM ID (IMSI)
Explain where to find it; retain the precise identifier.
Payment icons / pay with
Pay with Bitcoin / Lightning / Monero
Readable, method-accurate actions.
Activation details / QR
Add eSIM to this iPhone / Android phone Show QR code · Enter details manually
Lead with setup; keep alternatives visible.
Private order link
Save your private eSIM link
Explain future access and privacy.
Check now
Check payment status
Use “Check preparation status” after payment.
Review labels for comprehension and test all eight journeys with the same start/end points as the current flow. Check multiple eSIM tabs, unavailable storage, unknown payments, copy failure and native setup cancellation. Browser checks validate this document; actual payment and device behaviour still need separate validation.