{
requestAnimationFrame(() => {
const submenuEls = $el.getElementsByClassName('toggle-menu');
const visible = Array.from(submenuEls).filter(el => !el.classList.contains('toggle-menu-hidden'));
if (visible.length == 0) {
$store.xHeaderMenu.openHamburgerMenu = false;
}
});
}, 400);
$store.xHeaderMenu.overlay = false;
}"
>
Portfolio
on Nov 22 2025
YOSIM | Shopify Website Setup Case Study (Cross-border eSIM Communication Brand)
YOSIM is a brand focused on cross-border travel communications, offering eSIM virtual SIM cards that allow users to easily access the internet abroad without inserting a physical SIM card. For this project, they chose to use Shopify for their website and commissioned ORNG Studio to provide complete planning and technical support.
We provided comprehensive optimization from design and functionality to system integration, helping YOSIM build a modern e-commerce website that combines brand visuals with a superior shopping experience.
📌 Brand Goals and Design Direction
YOSIM's goal is to make purchasing network cards "fast, simple, and clear" for users. Therefore, from the homepage design to product categorization, everything revolves around these three core principles:
Clear multi-area navigation and easy-to-understand product information
eSIM installation tutorials are animated to reduce the burden on customer service.
Mobile version optimized for smoother purchasing operations while traveling.
In addition, the YOSIM team also attaches great importance to community management and content sharing. We have integrated YouTube review videos and FAQ pages to make consumers feel more at ease before placing an order.
🛠 Technical Implementation and Function Integration
This project utilizes Shopify's free templates for customization, combined with ORNG Studio's basic solutions for optimization. Key aspects include:
Theme and Page Design
Homepage visual design, popular products/region recommendation module
Regional Categories (Asia/Europe/USA/Multiple Regions)
The product page supports numerous options (country, number of days, data volume).
Batch product upload and automatic categorization
Mobile UX refined, emphasizing shopping and information search experience
Screening system functionality customization
System integration with Jin Logistics
Supports fast delivery settings for virtual goods
Connect payment methods (credit cards, Line Pay, JKO Pay, etc.)
Optimize the back-end order and customer service system to simplify customer service processes.
SEO and Tracking Settings
Complete site-wide meta and image alt tag settings
Integrate marketing tools such as Google Analytics and Meta Pixel
Automated email notifications and discount code functionality
🎁 Shopify website setup service included in this case
✔️ Website design for both desktop and mobile versions
✔️ Homepage, product pages, category pages, Q&A, tutorial pages, shopping process, and other page settings
✔️ Large-scale product uploads and data organization
✔️ Virtual goods delivery settings (no logistics required)
✔️ Supports self-service purchase, automatic delivery, and FAQ integration.
✔️ Payment system integration and order system settings
✔️ SEO optimization, GA/FB tracking code setup
✔️ Customer service module integration (instant messaging, social media links)
Official website link
[ Visit the official YOSIM website ]
💬 Customer Feedback
"We originally hosted our own website, but the backend was difficult to use and updating pages was challenging. This collaboration allowed us to migrate our website to Shopify, and the process went very smoothly. The detailed tutorials afterwards helped us get started quickly, allowing us to focus on serving our customers!"
on Oct 25 2025
My Real You is a brand that values authentic self-expression and a sophisticated style . This project marks my second collaboration with them – following the previous website design optimization, we once again redesigned and upgraded the brand's website.
The core objective of this redesign is:
"We aim to make the visuals more aligned with the brand's image, enhance the visual experience, and optimize the website process so that customers can more easily understand the brand's services."
The client provided their preferred website style and Shopify theme, and I extended the visual presentation, optimized the content structure, designed the layout, and completed the entire setup based on the brand's tone.
✨ Project Results
📌Complete Shopify e-commerce framework setup and design:
PC and mobile version planning and design
The page design includes a homepage, service page, instructions page, about us, and contact us.
A layout design that balances aesthetics and conversion rate
📌Operational Functionality Optimization and Integration:
System settings optimization: Automated emails, discount settings, and optimized order management processes.
Sample letter notification designs (shipping, customer service, automated marketing, etc.)
📌Sales tool integration and SEO optimization:
Connect to Facebook/Instagram stores and Google Merchant Center
SEO structure optimization and basic JSON-LD structured data embedding
Website content optimization and complete policy page construction
🎨 Design Concept and Collaboration Process
The client wanted the website to present a gentle and reassuring atmosphere with a simple user interface. Therefore, from the moment we selected the template, we restructured the page content based on the reference materials they provided and designed exclusive layout styles for different sections to ensure overall website consistency.
The collaboration went very smoothly. In addition to completing the website setup, we also streamlined the backend processes for the client and provided operation tutorials to make future website maintenance easier.
🔗 Work Link
👉 https://myrealyou.com
front page
Service Description Page
If you're also looking for a Shopify website designer who understands your brand and can help you integrate everything from visuals to functionality, feel free to contact me. I'll help you build your ideal brand website from scratch.
on Oct 25 2025
🔶 Orange Studio|Personal Portfolio Website Design
As the starting point of "ORNG Studio", this portfolio website was my initial design experimentation ground. From style selection and template adjustment to content structure and layout design, I did it all by myself, with the aim of creating a brand starting point of my own.
This website features a minimalist European and American style, using ready-made HTML templates for customization. It focuses on clear information hierarchy and a clean and crisp visual style , while also retaining future expandability (such as adding works, linking to external cases, contact forms, etc.).
✨ Project Features
Simple yet high-quality visual design : using white space and layering to enhance the reading rhythm and highlight the main subject of the work.
RWD Responsive Layout : Maintains a good browsing experience on mobile phones, tablets, and computers.
Custom HTML Adjustments : Optimize and simplify the original template structure to improve loading speed.
SEO basic settings : Setting meta titles and descriptions helps search engines index your site.
External link integration : Links to other content platforms such as Behance, Instagram, and Wix.
🛠 Using Technology
HTML / CSS / JavaScript
Basic SEO schema settings
Adobe XD & Figma Layout Planning
Web hosting deployment & DNS binding
💬 Production Tips
As a personal brand starting point for someone who is also a designer/developer, this website is not only a showcase for my work, but also a starting point for dialogue with clients and partners. It records my step-by-step process of learning website building, pattern modification, and visual thinking, and it has also made me more certain that I want to "help more brands tell their stories through the website".
🔗 Work Link
👉 https://orangestudio.work
Do you also want to create your own brand website?
Feel free to contact me; I can help you build your own personal space from scratch.
on Jul 10 2025
etheryal | Wix Website Building Case Study for Korean Apparel Selection
Ethereal is an online platform specializing in Korean fashion , featuring a minimalist, sophisticated, and high-end aesthetic. Its target audience is women who love Korean fashion and value quality and personal style. I assisted with the overall planning and development of this project, utilizing the Wix platform for website creation.
# Korean style incorporated into official website design
- Style Positioning: White background with minimalist design × black and gray main color scheme, echoing the Korean fashion aesthetic.
- Homepage layout: Featuring a large Hero Banner image, paired with seasonal product selections and recommended items.
- Shopping experience: Products are clearly categorized (tops/trousers/dresses/shoes, bags and accessories)
- Multiple Images: Product pages support multi-angle image displays to enhance persuasiveness in purchasing decisions.
# Technical Implementation and Architecture
Theme and layout design
- Theme Customization Redesign - Create clear navigation guides for product categories. - Product pages support multiple images, specifications, and style story descriptions.
Shopping function integration
- Set up cash flow - Includes discount codes, member registration system, and quick browsing. - Join the Instagram Gallery section to boost brand social media engagement and conversion rates.
SEO and Marketing Setup
- Set SEO title/description/image alt description (optimize search exposure) - Create FAQ pages, return and exchange policies, and other shopping instructions to enhance brand trust. - Optimized mobile RWD to ensure smooth operation on mobile devices.
Official website link
[Go to the official Ethereal website]
Customer Feedback
"The website looks like an extension of the brand, clean yet detailed, which perfectly meets our needs. The tutorials are detailed and the after-sales service is excellent. It's very easy for us to maintain ourselves."

