{
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
YOSIM|Shopify Store Setup for Cross-Border Brands
on Nov 22 2025
Assist brands in establishing cross-border e-commerce websites, organizing product and page structures, and creating clearer branding and conversion processes.
My Real You | Brand Official Website Optimization
on Oct 25 2025
Adjustments to brand visuals and shopping experience were made to enhance overall consistency and commercial presentation.
Orange Studio | Personal Website Design
on Oct 25 2025
Orange Studio Personal Portfolio Case Study|Web Design × Quality Style × Simple European & American
As the starting point for "ORNG Studio," this portfolio website was my initial design playground. From style selection, template adjustments, to content structure and layout design, it was all completed by me alone, with the aim of creating a brand starting point that belongs to me.
This website primarily features a simple European and American style, customized using an existing HTML template. It focuses on clear presentation of information hierarchy and a clean and sharp visual style, while retaining future scalability (such as adding new works, linking to external case studies, contact forms, etc.).
✨ Project Features
Simple and high-quality visual design: Uses whitespace and layering to enhance reading rhythm and highlight the main works.
RWD Responsive Layout: Ensures a good browsing experience on mobile phones, tablets, and computers.
Customized HTML Adjustments: Optimized and streamlined the original template structure to improve loading speed.
Basic SEO Setup: Configured meta title and description for search engine indexing.
External Link Integration: Links to other portfolio platforms like Behance, Instagram, and Wix.
🛠 Technologies Used
HTML / CSS / JavaScript
Basic SEO schema setup
Adobe XD & Figma layout planning
Web hosting deployment & DNS binding
💬 Production Insights
As the starting point for a personal brand that balances design and development, this website is not only a showcase for my work but also the beginning of a dialogue with clients and partners. It records my step-by-step process of learning website creation, template modification, and visual thinking, and it has further solidified my desire to "help more brands tell their stories through websites."
🔗 Project 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 exclusive space from 0 to 1.
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."

