Modern Shopify Website for eSIMs
Budget: $30 – $250 USD
I want to create a Shopify website for selling eSIMs, with a homepage that displays countries with flags and data pricing, and a product page that allows users to choose from different data plan options (e.g., 1 day, 7 days, 15 days). The website should be similar to yesim.app.
Homepage Design Requirements:
Country Flags Grid:
The homepage should display a list of popular countries, each with its flag and a starting price per GB (or package).
The grid should be organized into rows and columns for easy navigation.
Below the popular countries section, there should be a button/link labeled “Show all eSIM cards” to view the entire country list.
Layout Specifications:
Each country block should show:
The country’s flag.
The country’s name (e.g., "United States (USA)" or "France").
A starting price label (e.g., "from €0.83/GB").
A clickable arrow or button to redirect the user to that country's product page.
This design should be mobile-optimized for ease of use on smartphones.
Sample Countries to Display on the Homepage:
United States, France, Spain, Italy, Germany, Turkey, China, UAE, UK, Thailand, etc.
Call to Action (CTA) Button:
At the bottom of the grid, include a CTA button: “Show all eSIM cards” that takes users to a full list of available countries.
Product Page Design Requirements:
Once a user clicks on a country, they should be directed to a detailed product page that offers different eSIM data plans for that specific country.
Plan Options Layout:
Main Heading: The page should have a heading at the top that shows the country name and flag (e.g., “eSIM France” with the French flag).
Data Plan Options:
Each plan option should have the following details:
Duration (e.g., 1 day, 7 days, 15 days, 30 days).
Price (e.g., €7 for 1 day, €22 for 7 days).
The per-day cost should be displayed as a subtext (e.g., “€7/day”).
A circular selection option should be placed next to each plan for users to select their desired plan.
Buy Now Button:
Below the data plans, include a clear, prominent “Buy Now” button.
When clicked, this should add the selected plan to the cart and redirect the user to checkout.
Responsive Design:
The product page should be optimized for both desktop and mobile users.
Homepage Design Requirements:
Country Flags Grid:
The homepage should display a list of popular countries, each with its flag and a starting price per GB (or package).
The grid should be organized into rows and columns for easy navigation.
Below the popular countries section, there should be a button/link labeled “Show all eSIM cards” to view the entire country list.
Layout Specifications:
Each country block should show:
The country’s flag.
The country’s name (e.g., "United States (USA)" or "France").
A starting price label (e.g., "from €0.83/GB").
A clickable arrow or button to redirect the user to that country's product page.
This design should be mobile-optimized for ease of use on smartphones.
Sample Countries to Display on the Homepage:
United States, France, Spain, Italy, Germany, Turkey, China, UAE, UK, Thailand, etc.
Call to Action (CTA) Button:
At the bottom of the grid, include a CTA button: “Show all eSIM cards” that takes users to a full list of available countries.
Product Page Design Requirements:
Once a user clicks on a country, they should be directed to a detailed product page that offers different eSIM data plans for that specific country.
Plan Options Layout:
Main Heading: The page should have a heading at the top that shows the country name and flag (e.g., “eSIM France” with the French flag).
Data Plan Options:
Each plan option should have the following details:
Duration (e.g., 1 day, 7 days, 15 days, 30 days).
Price (e.g., €7 for 1 day, €22 for 7 days).
The per-day cost should be displayed as a subtext (e.g., “€7/day”).
A circular selection option should be placed next to each plan for users to select their desired plan.
Buy Now Button:
Below the data plans, include a clear, prominent “Buy Now” button.
When clicked, this should add the selected plan to the cart and redirect the user to checkout.
Responsive Design:
The product page should be optimized for both desktop and mobile users.