# data[].attributes.body
1. chatgpt.com

The Structure: Simple and clean structure with past chats and history, library and different AI models

The Layout: Simple and empty layout with past chats, search bar, library and different AI models on the left and the message box to ask questions on the right

Coding Language: HTML, CSS and JavaScript

Key Factor: Used to ask questions and find answers. Also used by students to help with work.

What makes it stand out?: Its a very

helpful website because it uses one of

the most advanced AI

2. wheelofnames.com

The Structure: Dark or white background

with a wheel in the middle and names

on the right.

The Layout: big spinning wheel in the center, list of inputs on the right and

customisation settings on the top

Coding Language: HTML and CSS

Key Factor: Used to randomize inputs in

a fun and unique way

What makes it stand out?: Very unique

and fun way to randomize inputs and

gives a small feeling of satisfaction

3. w3schools.com

The Structure: simple to understand

website with scrolling pages and buttons

The Layout: Programming and coding

languages on the top, points of said

language on the left and instructions in

the middle.

Language: HTML and CSS

Key Factor: helps people learn how to code or program. It can also help people make their own website

What makes it stand out?: The amount of

programming languages to choose from

and easy to understand tutorials

# data[].attributes.body
1. lego.com

The structure: Organized in categories like Themes, Age, Price, etc., with filters.

The layout: The homepage and product pages use large, colorful images arranged in neat grids.

Language: The site runs on HTML5 with playful, story-like descriptions for sets.

Key factor: They only sell official sets, parts, and exclusives.

Stand out: Many sets have a 360° viewer or interactive product details.

2. amazon.com

The structure: Arranged into clear product categories with a search bar and menus to help you find things fast.

The layout: Shows popular items, special deals, and recommendations right on the homepage.

Language: Uses HTML5 for a smooth, easy-to-use shopping experience.

Key factor: Sells trending products, big discounts, and Prime member offers.

Stand out: Gives each shopper a personalized homepage with suggestions based on what they like.

3. iKEA.com

The structure: Neatly organized into product categories, room ideas, and planning tools so you can find what you need easily.

The layout: Uses big, clean images and simple menus to make browsing furniture and home ideas enjoyable.

Language: Uses HTML5 to ensure a website design that works smoothly on any device.

Key factor: Lets you use online planners to design your room and see how products will fit before buying.

Stand out: Offers AR and 3D tools so you can place furniture in your space virtually before you shop.

# data[].attributes.body
bankislam.com

The Structure : The homepage features a clean layout with prominent quick-links—for example, “Personal Financing,” “Bank Islam Cards,” “Be U by Bank Islam,” “Premier Wealth,” and chatbot-enabled services like “ADAM” for interactive guidance .

A broad navigation menu categorizes offerings under Personal Banking, Business Banking, and Corporate Info, with nested submenu items such as “Deposit Accounts,” “SME Banking,” “Trade Operations,” and “Corporate Governance” .

The Layout : Highly functional and organized: the homepage acts as a launchpad, with quick-links directing users to key services.

Menus are structured to ease navigation across numerous banking offerings.

The information hierarchy—from personal and business services to governance and resources—is logical and comprehensive.

Language : HTML

Key Factor : Strong emphasis on usability: quick-links and a chatbot enhance accessibility.

Well-organized navigation ensures users easily locate services across banking segments.

Stand Out : The AI-powered ADAM chatbot for engaging with finance products instantly .

Fully featured, intuitive top-level navigation that covers a vast range of services—personal, business, and corporate—in one hub.

---

nike.com

Structure : The header navigation is rich, including options like “Help,” “Join Us,” “Sign In,” then segmented product categories: Men, Women, Kids, each with multi-level submenus for new arrivals, sales, shoes, clothing, accessories, etc. .

The Layout : Clean, minimalist homepage design with focus on visuals—often a full-screen hero image or video with bold call-to-action .

Product listing pages feature hover interactions—for example, previewing alternate colors or star ratings instantly on hover .

Product pages employ grids of multiple high-quality images and sometimes embedded videos that auto-play on hover for dynamic engagement .

Responsive design ensures functionality across devices and fluid resizing of visuals .

Language : HTML

Key Factor : Visual minimalism that draws attention to products rather than clutter.

Interactive product previews streamline the browsing experience.

Stand Out : Hover-based interactions: instant color previews and ratings, video-on-hover in product grids .

Seamlessly responsive, clean layout backed by white space that lets the product be the hero .

Strong UX design focus—ease of navigation and a polished aesthetic throughout.

---

adidas.com

The Structure : The site is organized around major categories: Men, Women, Kids, Sports, Brands, with deeper breakdowns into product types like shoes, clothing, accessories .

Specialized lines (e.g. Ivy Park) may have dedicated pages, highlighting their prominence within the brand .

The Layout : Balanced between creative and minimalist design—lots of white space, high-resolution visuals, animated hover effects, and clear, uncluttered tabs .

Zoom functionality and multiple-angle product views improve browsing detail .

Language : HTML

Key Factor : Well-structured navigation with layers that guide shoppers intuitively to what they need—no confusion .

Visual interactivity (zoom, animation) enriches user engagement.

Stand Out : Smooth use of zoom-in details and multiple-angle imagery, which replicates a tactile experience online .

Clean categorization that is logical and intuitive—supports quick browsing across user needs and preferences .

# data[].attributes.body
1. Apple.com

1. The structure: Hierarchical, with clear sections (Products > Subcategories > Product Pages).

2. The layout: Minimalist, image-heavy, and scroll-driven storytelling.

3. Language: HTML5, CSS, JavaScript (React/Vue likely).

4. Key factor: Premium branding and seamless UX.

5. Stand out: High-quality visuals and interactive product demos.

2. Nike.com

1. The structure: Dynamic, with personalized recommendations and trending highlights.

2. The layout: Grid-based, bold typography, and video integration.

3. Language: JavaScript (Node.js), HTML/CSS.

4. Key factor: Emphasis on storytelling through athlete-centric campaigns.

5. Stand out: "Shop the Look" feature and AR sneaker trials.

3. Glossier.com (Beauty Brand)

1. The structure: Community-driven (blog + shop), intuitive navigation.

2. The layout: Pastel colors, whitespace, and user-generated content.

3. Language: Shopify (Liquid templating), JavaScript.

4. Key factor: Relatability via customer reviews/influencer collabs.

5. Stand out: "Less is more" aesthetic and inclusive marketing.

# data[].attributes.body
1. apple.com

The structure: Hero banner showcasing latest products → product sections by category → support/learn → global footer.

The layout: Clean grid with oversized imagery, plenty of whitespace, sticky top nav, and clear CTAs.

Language: HTML5/CSS/JavaScript

Key factor: Premium visuals + concise copy that spotlight benefits over specs.

Stand out: Cinematic product photography and subtle micro-interactions that feel “luxury.”

2. nike.com

The structure: Full-bleed campaign hero → featured product drops → category tiles → community/news → footer.

The layout: Bold typography, large cards, motion on hover/scroll, and persistent search/cart.

Language: Standard web stack (HTML5/CSS/JavaScript)

Key factors: Seasonal “drops” that create hype and urgency.

3. shopee.com.my

The structure: Deal-heavy homepage with flash sales → category mega-menu → personalized feeds → seller promos → footer.

The layout: Dense grid of product cards, countdown timers, voucher strips, and sticky app-download bar.

Language:HTML5/CSS/JavaScript

Key factor: Aggressive promotions (vouchers, cashback, free shipping) that drive conversion.

Stand out: Gamified deals and localized campaigns that keep users returning daily.

# data[].attributes.body
1. www.apple.com

1. The structure: The site is structured with a top navigation bar and vertical scrolling sections that each highlight a specific product.

2. The layout: It uses a clean, minimalist layout with large images, bold headlines, and plenty of white space.

3. Language: HTML, CSS and JavaScript

4. Key factor: Focuses heavily on product storytelling.

5. Stand out: High quality visuals and smooth modern user experience.

2. www.amazon.com

1. The structure: A top navigation bar with categories and search, followed by product listings, recommendations, and a footer.

2. The layout: Busy, content-rich layout with multiple product grids, banners, and deal sections.

3. Language: HTML, CSS and JavaScript

4. Key factor: Personalized product recommendations based on browsing and purchase history.

5. Stand out: Its massive product range and constant promotions keep customers engaged and shopping.

3. www.nike.com

1. The structure: Top navigation with product categories, featured collections, and a footer with brand and support links.

2. The layout: Bold, image-heavy layout with vibrant product photos and lifestyle shots.

3. Language: HTML, CSS and JavaScript

4. Key factor: Strong brand storytelling through sports, athletes, and lifestyle imagery.

5. Stand out: Inspires customers by connecting products to motivation, performance, and personal style.

# data[].attributes.body
1. The New York Times

(ny.times)

1. Structure: Clean and attracting with breaking news at the front.

2. Row based layout that puts important stuff at the top.

3. Coding language: HTML, CSS, Javascript

4. Key Factor: Clean and Crisp.

5. What makes it stand out: It has a minigame section that keeps people entertained.

2. Neal.fun

(neal.fun)

1. Structure: gentle colors that attact people while not overwhelming them.

2. Layout: Grid based design showcasing each of his games.

3. Language: HTML, CSS, Javascript

4. Key factor: It is a web of games.

5. What makes it stand out: It has many different minigames.

3. Infinite Horse

(endless.horse)

1. Structure: A horse

2. Layout: nothing but a horse in the middle

3. Language: HTML, CSS, Javascript

4. Key factor: the horse has infinitely long legs.

5. What makes it stand out: its very simple.

# data[].attributes.body
TheCubicle.com

1.Structure: simple and organized

2.Layout: A section for important information to grab users' attention

3.Language: HTML, CSS, JavaScript

4.Key factor: They sell cubes and cubing products

5.Stand out: Promotes multiple sales using a changing banner

theuselessweb.com

1.Structure: Single page website

2.Layout : Simple & minimalist

3.Languages: HTML, CSS, JavaScript

4. Key factor: Takes you to random pre-selected fun website

5. Stand out : Its simplicity & suprise

3.dhmis.tv

1.Structure: users choose own path through interconnected pages

2.Layout : Rooms matching shows aesthetic

3. Language: HTML, CSS, JavaScript

4.Key Factor: Promotes merch & information about the show

5. Stand out: its immersive, surreal interactive design

# data[].attributes.body
1. Amazon

(www.amazon.com)

1. Structure – Hierarchical structure with a homepage, category pages, product pages, and checkout pages.

2. Layout – Grid-based layout with a search bar at the top, navigation menus, and products listed in rows/columns.

3. Coding Language – HTML, CSS, JavaScript.

4. Key Factor – Extensive product catalog with personalized recommendations based on browsing history.

5. What Makes It Stand Out – Powerful search function, one click purchase option, and fast delivery system.

2. YouTube

(www.youtube.com)

1. Structure – Dynamic web application structure with a homepage feed, video watch pages, and user channel pages.

2. Layout – Two-column layout with a main content videos and a sidebar for suggested videos.

3. Coding Language – HTML, CSS, JavaScript (React for UI)

4. Key Factor – Video streaming platform with algorithms that suggest personalized content.

5. What Makes It Stand Out – Massive global video library, user-generated content, and smooth streaming at different qualities.

3. Wikipedia

(www.wikipedia.org)

1. Structure – Hierarchical structure with interlinked articles connected through hyperlinks.

2. Layout – Simple, text-focused layout with a top navigation bar, side menu, and article content in the center.

3. Coding Language – PHP, HTML, CSS, JavaScript

4. Key Factor – Free, collaborative encyclopedia maintained by volunteers worldwide.

5. What Makes It Stand Out – Non-profit, no ads, and supports content in hundreds of languages.

# data[].attributes.body
1. UNIQLO

https://www.uniqlo.com/my

1. The structure: clean and minimalist structure for user-friendly browsing.

2. The layout: neat grid layout that highlights collections and promotions.

3. Language: HTML5

4. Key factor: they sell trendy and functional fashion.

5. Stand out: they emphasize simplicity and comfort with stylish appeal.

2. TEALIVE

https://www.tealive.com.my

1. The structure: colourful and youthful structure reflecting their brand identity.

2. The layout: vibrant homepage layout that promotes drinks and campaigns.

3. Language: HTML5

4. Key factor: they sell customizable beverages.

5. Stand out: they focus on lifestyle branding and customer engagement.

3. GRAB

https://www.grab.com/my

1. The structure: practical structure tailored for services and app integration.

2. The layout: clear layout that directs users to book rides, food, or delivery.

3. Language: HTML5

4. Key factor: they sell convenience and multi-service solutions.

5. Stand out: they stand out by integrating transport, food, and financial services in one platform.

# data[].attributes.body
1. Apple.com

1. The structure: Clean, minimalistic with product-focused hierarchy.

2. The layout: Large banners, smooth scrolling, and clickable product tiles.

3. Language: HTML5, CSS, JavaScript

4. Key factor: They promote their own latest innovative products.

5. Stand out: Their sleek animations and high-quality visuals make the products desirable.

2. Nike.com

1. The structure: Dynamic homepage with product highlights and quick access to collections.

2. The layout: Bold visuals, sections divided by product category, clear CTA buttons.

3. Language: HTML5, CSS, JavaScript

4. Key factor: They promote lifestyle products tied to sports and athletes.

5. Stand out: Engaging motion graphics and personalized product suggestions.

3. Sephora.my

1. The structure: Grid-style product layout with filters and featured brands.

2. The layout: Focus on usability with product images, prices, and reviews upfront.

3. Language: HTML5, CSS, JavaScript, React

4. Key factor: They promote beauty and skincare products through recommendations.

5. Stand out: Their use of user reviews, loyalty program, and trending picks.

# data[].attributes.body
1. lego.com

1. The structure: sections for shop, themes, age ranges, community ideas, and support.

2. The layout: colorful with large product images, grids, and interactive previews.

3. Language: HTML, CSS, JavaScript (React, Gatsby).

4. Key factor: promotes creativity and building through products and community.

5. Stand out: blends shopping with inspiration and fan creations in a playful, engaging way.

2. gopro.com

1. The structure: sections for cameras, accessories, apps, and community stories.

2. The layout: action‑packed visuals and video content.

3. Language: HTML, CSS, JavaScript (React, Next.js).

4. Key factor: promotes cameras for adventure and sports.

5. Stand out: showcases real footage captured by users.

3. oatly.com

1. The structure: sections for products, recipes, sustainability, and brand story.

2. The layout: quirky design with fun illustrations and casual typography.

3. Language: HTML, CSS, JavaScript.

4. Key factor: promotes plant‑based milk alternatives.

5. Stand out: humorous, conversational tone that makes the brand memorable.

# data[].attributes.body
Apple.com

1. The structure: Clean layout with sections that flow smoothly and buttons that guide users step by step.

2. The layout: Big, high-quality images with short text that explain features one by one.

3. Language: Built using HTML5, CSS, and JavaScript.

4. Key factor: Promotes their products by showing how modern, advanced, and premium it is.

5. Stand out: The visuals are sharp, the animations are smooth, and everything feels high-end and futuristic.

Uniqlo.com

1. The structure: Straightforward homepage that links to categories like Men, Women, and New Arrivals.

2. The layout: Neat and clean grid layout that makes products easy to browse.

3. Language: Uses HTML5, CSS, and JavaScript.

4. Key factor: Promotes simple, comfortable fashion that’s easy to wear every day.

5. Stand out: Easy to use, clean design, and good product display that helps users shop quickly.

Nike.com

1. The structure: Bold homepage with big images at the top, followed by product details and highlights.

2. The layout: Simple and bold, large text, attractive visuals, and smooth scrolling effects.

3. Language: Made with HTML5, CSS, and JavaScript.

4. Key factor: Promotes new products by creating excitement.

5. Stand out: Feels energetic with eye-catching design and clear “Shop Now” buttons.

# data[].attributes.body
1. duolingo.com

2. The structure:

A clear structure for different languages, daily goals, and learning sections like grammar, speaking, and listening.

3.The layout:

Simple and colourful, with friendly icons, progress bars, and easy navigation.

4.Language:

Built using HTML5, CSS, and JavaScript to create dynamic and responsive learning experiences.

5.Key factor:

Uses gamification—rewards, streaks, and levels—to make learning fun and addictive.

6.Stand out:

Fun characters, sound effects, instant feedback, daily reminders, and interactive learning make it feel like a game, not a class.

# data[].attributes.body
1. Apple.com

Website: https://www.apple.com

Structure:

Clear and hierarchical; product categories are easily accessible (Mac, iPhone, iPad, etc.). Home page focuses on new releases and promotions.

Layout:

Minimalistic, clean, and elegant. High-quality product visuals and simple navigation. Sections scroll vertically with large banners.

Language Used:

HTML5, CSS3, JavaScript (React.js for some parts)

Key Factor:

Promotes and sells Apple products like iPhones, Macs, and accessories directly to users.

Stand Out:

Visually stunning product showcases and seamless animations create a premium brand experience.

2. Shopee.com.my

Website: https://shopee.com.my

Structure:

Ecommerce structure with categories, search, filters, and product listings. Home page highlights discounts, flash sales, and top products.

Layout:

Very colorful and engaging, designed for fast navigation and browsing. Prominent call-to-action buttons like “Buy Now” and “Add to Cart”.

Language Used:

HTML5, CSS3, JavaScript (Vue.js), backend with Python and Go

Key Factor:

Marketplace platform for all kinds of products — fashion, electronics, home goods, etc.

Stand Out:

Frequent flash sales and voucher systems attract buyers. Localized content and mobile app integration increase convenience.

3. Adidas.com.my

Website: https://www.adidas.com.my

Structure:

Category-based structure (men, women, kids, sports, collections). Offers shopping, product details, and storytelling (campaigns).

Layout:

Bold visuals with lifestyle shots. Grid layout for products with filter tools. Smooth transitions and responsive design.

Language Used:

HTML5, CSS3, JavaScript (React.js), backend likely in Java or Node.js

Key Factor:

Sells sportswear and footwear, blending product information with brand lifestyle.

Stand Out:

Combines e-commerce with storytelling – each collection has a theme or campaign, which emotionally connects with customers.

# data[].attributes.body
1. nike.com

The structure: has clear sections for men’s, women’s, and kids’ products.

The layout: Clean and neat, with big pictures and smooth scrolling.

Language: Built using HTML5 and JavaScript.

Key factor: Shows products based on what you like and helps members get more benefits.

Stand out: Cool design, fast website,

2. lazada.com

The structure: Online shop with different sections for many types of products.

The layout: Looks a bit busy but helps you find deals, sales, and new items fast.

Language: Made using HTML, JavaScript

Key factor: Has a huge variety of products and local support.

Stand out: Gives lots of discounts, flash sales,

3. ralphlauren.com

The structure: Focuses on fashion, with sections for clothes, collections, and stories.

The layout: Looks stylish and fancy, with big photos and classy design.

Language: Made using HTML, CSS, JavaScript,

Key factor: Mixes fashion shopping with brand stories and special collections.

Stand out: Looks high-end, tells a story, and feels like a luxury fashion magazine.

# data[].attributes.body
Name: Attiya az-Zahra

Class: 1K2

1. Shopee.com

1. Structure: The website has clear sections like categories, search bar, and filters.

2. Layout: Products are shown in a grid with pictures, names, prices, and ratings.

3. Language: Made using HTML, CSS, and JavaScript.

4. Key factor: It shows discounts, vouchers, and flash sales to attract buyers.

5. What makes it stand out: The homepage changes often with new deals

2. Apple.com

1. Structure: Each product has its own section with detailed information.

2. Layout: Clean and simple, with large pictures and smooth scrolling.

3. Language: Built with HTML5, CSS, and JavaScript.

4. Key factor: Focuses on showing the product clearly with good design.

5. What makes it stand out: The website feels premium and uses nice animations and photos.

3. Nike.com

1. Structure: Organized by categories like men, women, kids, and sports.

2. Layout: Uses bold images and easy-to-click buttons to explore products.

3. Language: Uses HTML, CSS, and JavaScript (possibly React).

4. Key factor: Shows new products and famous athletes wearing Nike.

5. What makes it stand out: It has a strong sporty feel with videos and cool designs.

# data[].attributes.body
https://music.youtube.com

1. The Structure: Has sections for songs, albums, artists and etc.

2. The Layout: Simple layout that includes images of different songs and albums as well as videos.

3. Language: HTML, GO, Java

4. Key factors: Lets users listen to unlimited music

5. What makes it stand out: Free and easy to use.

https://www.bookxcess.com

1. Structure: Has different sections for different kinds of book genres.

2. The Layout: Wall layout that hdisplays the book on sales.

3. Language: HTML

4. Key Factors: Sells a very wide variety of books.

5. What makes it stand out: Has very good deals and promotions.

https://shoppee.com.ny

1. The Structure: Has different sections for different deals

2. The Layout: Wall layout that highlights different kinds of existing promotions and displays products on sale.

3. Language: GO

4. Key Factors: e-commerce platform that sells wide variety of items.

5. What makes it stand out: Endless promotions and deals as well as shipping services.

# data[].attributes.body
1. my.naelofar.com

The structure: Has different section like hijab, clothing, prayerwear, bags, accessories, essentials, gifting and sale.

The layout: Has categories, a search bar, beautiful picture examples of the product and promotion posters.

The language: JavaScript

The key factors: An online shop that has products mostly for females.

The stand out: Has many different types of designs and colors also the discounts they offer are very addictive.

2. asics.com

The structure: Has different sections like men, women, kids, sportstyles, sports and sale.

The layout: Has categories, a search bar and beautiful picture examples of the product.

The language: JavaScript

The key factors: An online shop that sells things that we need for sports.

The stand out: Has many different types of design and colors for you to pick. It also has many different shoe sizes so anyone can wear them.

3. harveynorman.com.my

The structure: Has many categories such as watches, blenders, chairs, tables and a lot more.

The layout: Has categories, a search bar, perfect example pictures of the product, shows discounts and event posters.

The language: JavaScript

The key factors: An online shop that sells furniture, kitchen equipment and devices.

The stand out: It has all the electronics that you need in your life, there are also good discount offers and plenty types furniture that you can choose. We can also make a delivery for the products

# data[].attributes.body
1. www.amazon.com

Structure: Homepage, categories, product pages, cart and checkout.

Layout: Grid-based product listings.

Language: HTML, CSS, JavaScript.

Key Factors: They sell and promote things online.

Stand Out: Prime membership benefits and fast delivery options.

2. www.nike.com

Structure: Homepage, men/women/kids, shoes/clothing, product pages, cart.

Layout: Bold, full-width visuals and videos.

Language: HTML, CSS, JavaScript.

Key Factors: They promote and sell high quality sports outfits and casual outfits.

Stand Out: Smooth user experience across devices.

3. www.sephora.com

Structure: Homepage, brands/categories, product pages, cart.

Layout: Aesthetic and organized product grid.

Language: HTML, CSS, JavaScript.

Key Factors: Reviews with photos and videos and exclusive online-only offers.

Stand Out: Quizzes to match foundation shades or skincare need, tutorials and influencer integrations.

# data[].attributes.body
1. Watsons Malaysia – https://www.watsons.com.my

Structure: Health & beauty store, with clear categories and promotions

Layout: Clean, white background, big banners, easy filters

Language: HTML, CSS, JavaScript, PHP

Key Factors: Member points, online-only promos, health tips

What Stands Out: Combines shopping with wellness content and loyalty rewards

2. Amazon – https://www.amazon.com

Structure: Large marketplace, global product listing

Layout: Dense but organised, shows best sellers and recommendations

Language: CSS, JavaScript, Java/Python

Key Factors: Product reviews, fast shipping, personalised suggestions

What Stands Out: Trusted platform, huge variety, one-click buy

3. SHEIN – https://www.shein.com

Structure: Fashion-focused, sorted by trends, style, category

Layout: Trendy, colourful, big images, flash sale banners

Language: PHP

Key Factors: Daily new items, cheap prices, influencer features

What Stands Out: Popular with teens, fashion-forward, always updated

# data[].attributes.body
1. Adidas – adidas.com.my

Structure

1.Has top navigation bar like Men, Women, Shoes

2.Includes dropdown menu and product filters

3.Clear product categories and search function

Layout

1.Uses grid style to display products

2.Large banners and promo sliders

3.Responsive design for phone and desktop

Language Used

HTML, CSS, JavaScript, React.js, Node.js or Java for backend

Key Factor

1.Focus on brand image and lifestyle

2.Smooth and clean user experience

What Makes It Stand Out

High-quality visuals and images, Strong branding style, Easy to explore and shop

2. TikTok Shop – tiktok.com/shop

Structure

1.Products shown through videos, livestreams, and profiles

2.Shopping integrated inside TikTok app and website

3.Direct buy button under videos

Layout

1.Combines video content with product display

2.Visual and engaging format

3.Everything shown on one screen

Language Used

HTML, CSS, JavaScript, React, Python, Go

Key Factor

1.Uses influencers to promote products

2.Real-time shopping during live videos

What Makes It Stand Out

Social media and shopping combined, Watch and shop instantly, Feels fun and interactive

3. Popular Online – popularonline.com.my

Structure

1.Has categories like Books, Stationery, Gadgets

2.Search bar, login button, shopping cart

3.Member system with rewards

Layout

1.Simple layout with grid and list format

2.Displays promotions and new items clearly

3.Focused on local customer needs

Language Used

HTML, CSS, JavaScript, PHP

Key Factor

1.Special member benefits

2.Variety of book genres and school supplies

What Makes It Stand Out

Focus on education and reading, Frequent school-based promotions, Easy for parents and students

# data[].attributes.body
1. IKEA.com/my

1. The structure: sections for rooms, product categories, and inspiration ideas.

2. The layout: simple with large photos of furniture setups.

3. Language: HTML, CSS, JavaScript

4. Key factor: promotes home living things

5. Stand out: easy to use and shows real home ideas that people can follow.

2. Decathlon.my

1. The structure: sections for sports category, bestsellers, and membership deals.

2. The layout: simple and sporty with lots of clickable buttons.

3. Language: HTML, CSS, JavaScript

4. Key factor: promotes affordable sports equipment.

5. Stand out: easy filtering system and focus on all sports make it super helpful.

3. Petronas.com

1. The structure: divided into business, sustainability, and news.

2. The layout: professional with big banners and strong branding.

3. Language: HTML, CSS, JavaScript

4. Key factor: shares info about energy, oil, and what Petronas does for Malaysia

5. Stand out: looks professional and shows how they care about the environment.

# data[].attributes.body
1. Weverse.shop

The structure: Well-arranged with sections for albums, merch, and memberships.

The layout: Clean and simple so fans can find products easily.

Language: HTML5, CSS, JavaScript.

Key factor: Official exclusive merchandise for fans.

Stand out: Artist-specific sections for each fandom.

2. HybeMerch.com

The structure: Clear categories for artists and product types.

The layout: Minimal but stylish with big visuals of merch.

Language: HTML5, CSS, JavaScript.

Key factor: Limited-edition HYBE artist merchandise.

Stand out: Premium designs and exclusive drops.

3. FashionChingu.com

The structure: Organized by K-pop groups and outfit styles.

The layout: Trendy and modern with large outfit photos.

Language: HTML5, CSS, JavaScript.

Key factor: K-pop inspired outfits and fashion sets.

Stand out: Lets fans dress like their idols affordably.

# data[].attributes.body
https://milliotandco.com/

1. The structure: An interactive homepage with simple promotions and product display image.

2. The layout: Has a minimalist design featuring their products in a neat arrangement.

3. Language: HTML, CSS and JavaScript

4. Key Factors: Sells all types of daily use accessories such as watch, bags, shoes and activewear.

5. Stand out: Simple and interesting image of products that convince the user to buys something.

https://www.underarmour.com.my/en-my/

1. The structure: A simple homepage with promotions images products.

2. The layout: Has a very neat way to display the products with information.

3. Language: React or Next.js

4. Key Factors: Sells and promote shoes, sportswear and others.

5. Stand out: It got an eye-catching design of the website and the image of their products are displayed nicely.

https://cottonon.com/MY/typo-home/

1. The structure: A minimalist and simple homepage the big display of the top picked products.

2. The layout: Has an organized and categorized sections of their products, big images of their top products.

3. Language: HTML, CSS and JavaScript

4. Key Factors: Sells everyday used stationery and travelling accessories.

5. Stand out: It got a very aesthetic way of arrangement of their product images to promote their product better.

# data[].attributes.body
https://www.padini.com/

1. Structure: Includes a homepage with clothing sections and a search bar.

2. Layout: A banner with promotions on their items and new clothing.

3. Language: HTML, CSS and JavaScript.

4. Key factor: Lets you shop across multiple Padini brands in one place with easy navigation and checkout.

5. Stand-out: Runs on a fast, reliable system that keeps the site smooth even during big sales.

https://www.samsung.com/my/

1. Structure: Has sections for phones, TVs, appliances, and smart devices.

2. Layout: Clean and modern with large, clear product images.

3. Language: HTML, CSS and JavaScript.

4. Key factor: Lets you compare products and explore new launches easily.

5. Stand-out: Highlights Samsung’s latest tech like AI features and smart home connections.

https://www.zara.com

1. Structure: Has sections for Women, Men, Kids, Home, and Beauty.

2. Layout: Minimal and stylish with big product images and simple menus.

3. Language: Made using HTML5, CSS, JavaScript, and tools like React.

4. Key factor: Updated weekly with new trends and collections.

5. Stand-out: Uses AI to track trends and manage stock quickly.

# data[].attributes.body
youtube.com

1. The structure: Search bar, videos, ads, categories, settings

2. The layout: Search bar on top, categories below the search bar, settings on the left and videos below the categories that go on.

3. Language: Python, C++, Java, JavaScript, Go (Golang)

4. Key factor: They promote videos on their home page

5. Stand out: Popular videos on the home page

____________________________________________________________________

roblox.com

1. The structure: A homepage with a search icon, connections, games, categories icons.

2. The layout: Search icon on top of the page and connections below it, promotes recommended games are placed neatly and the games the player played is displayed below the recommended games.

3. Language: LUA

4. Key factor: Promotes varieties of games made by players for players to play

5. Stand out: Recommended and popular game

____________________________________________________________________

news.google.com

1. The structure: Top news, local news, categories of news, search bar, settings, topics

2. The layout: The homepage has a search bar on top, categories of news below the search bar, Top news on the left and local news on the right. The settings beside the search bar and topics below top news and local news.

3. Language: Go (Golang)

4. Key factor: Promotes popular news and local news

5. Stand out: Top stories and local news

# data[].attributes.body
https://www.youtube.com/

1. Structure: Has a homepage with videos, channels, searchbar and recommended videos based on different categories

2. Layout: Uses a grid-based layout to show video thumbnails and a scrollable sidebar

3. Language: HTML5, CSS, JavaScript, C++, Python

4. Key factor: Promotoes video content

5. Stand out: Algorithm to recommend videos based on history

https://www.canva.com/

1. Structure: Has a homepage to show past projects and templates

2. Layout: Clean layout with toolbars at the top and side with a grid-based layout to show past projects

3. Language: React, HTML5, CSS

4. Key factor: Offers free and paid design tools to make presentations, posters and others

5. Stand out: Offers templates and is easy to use

https://www.apple.com/

1. Structure: Clean homepage to show products

2. Layout: Minimalist layout with large and clean visuals

3. Language: HTML5, CSS, JavaScript

4. Key factor: Focuses on promoting new Apple products

5. Stand out: Feels sleek and premium to make Apple recognizable

# data[].attributes.attachment_link.description
Discover the innovative world of Apple and shop everything iPhone, iPad, Apple Watch, Mac, and Apple TV, plus explore accessories, entertainment, and expert device support.

# data[].attributes.headline
IMRAN RIFQI BIN NAZIRUL MUBIN ISKANDAR 1K3

# data[].attributes.subject
IMRAN RIFQI BIN NAZIRUL MUBIN ISKANDAR 1K3

# data[].attributes.body
daily-harvest.com

1.STRUCTURE: Home, Shop, FAQ pages

2.LAYOUT: Image of product, Ingredients information section

3.LANGUAGE: JavaScript

4.KEY FACTORS: Sells superfoods such as smoothies etc.

5.STAND OUT: Show the information of ingredients used in a clear format

vw.com

1.STRUCTURE: Home, Model, Build, Offers pages

2.LAYOUT: Feature highlights, interactive customizable model section

3.LANGUAGE: HTML, CSS & JavaScript

4.KEY FACTORS: Marketing cars

5.STAND OUT: Allows consumers to design their own car model

minwax.com

1.STRUCTURE: Home, Products, Color guide, Inspirations pages

2.LAYOUT: Hero section, Main content, header, sidebar

3.LANGUAGE: HTML, CSS & JavaScript

4.KEY FACTORS: Help people care for wood furnishings and surfaces

5.STAND OUT: The product finder page that functions like a quiz helps narrow down recommended products

# data[].attributes.body
1. Ikea.com

-The structure: Has a customer- focused structure.

-The layout: Neat and functional.

-Language: HTML5, CSS, JavaScript.

-Key factor: They sell affordable, ready-to-assemble furniture and home essentials.

-Stand out: Interactive tools like room planners and sustainability messaging help them connect with families and DIY buyers.

2. Nike.com

-The structure: Well-categorized structure.

-The layout: Bold, energetic layout with full-screen visuals, videos, and product sliders.

-Language: HTML5, CSS3, JavaScript.

-Key factor: They promote sportswear, shoes, and gear using campaigns, athlete stories, and hype culture.

-Stand out: Personalization (like “Nike By You”).

3. Shopee.com.my

-The structure: Categorized structure with homepage highlights.

-The layout: Very busy layout

-Language: HTML5, CSS, JavaScript.

-Key factor: They promote a wide variety of products through discounts, vouchers, and flash sales.

-Stand out: Their constant live promotions, Shopee Live, and in-app games.

# data[].attributes.attachment_link.description
Furniture, home accessories, design ideas and inspiration for big dreams and small budgets. A better everyday life begins at home!

# data[].attributes.body
https://www.nike.com/my/

1. The structure: has a homepage with promotions, product categories, a specific layout, detailed pages, and is easy to checkout

2. The layout: has a main promo banner, featured products, and a footer with support info.

3. Language: CSS and JavaScript

4. Key Factor: They promote trendy shoes to let the customer stay with the current fashion.

5. Stand out: immersive visuals and storytelling combined with easy shopping flow.

https://www.dyson.my/?utm_redirect=dyson.com

1. The structure: has a homepage to product categories, detailed pages, and support sections.

2. The layout: has interesting banners, product grids, and tutorials.

3. Language: JavaScript

4. Key Factor: Innovation storytelling with interactive demos.

5. Stand out: Sleek visuals showing it clearly.

decathlon.com

1. The Structure: has a section and a home page about their company

2. The layout: has promo banners, product grids, tutorials, footer.

3. Language: Java backend, JavaScript frameworks

4. Key Factor: Wide sports range with educational guides.

5. Standout: Clear categorization and content about tutorials.

# data[].attributes.body
https://www.ikea.com

1. Structure: Has sections for furniture and tools.

2. Layout: Simple and neat with clear pictures.

3. Language: Made using HTML5, CSS, JavaScript.

4. Key factor: They let you design your room online.

5. Stand‑out: You can plan how your furniture looks in 3D.

https://www.samsung.com/us/

1. Structure: Has easy menus for phones, TVs and more.

2. Layout: Looks clean with nice pictures and videos.

3. Language: Made using HTML5, CSS, JavaScript.

4. Key factor: Shows all their newest products.

5. Stand‑out: Cool animations and demo videos.

https://www.shopee.com.my

1. Structure: Has categories so it’s easy to find things.

2. Layout: Bright banners with products in boxes.

3. Language: Made using HTML5, CSS, JavaScript.

4. Key factor: They do lots of flash sales.

5. Stand‑out: Fun design that works well on phones.

# data[].attributes.body
3 websites that I researched about:

1. eBay.com.my

.structure: user-friendly online marketplace with a searchable homepage, categorized listings, detailed product pages, and personalized user dashboards

.Layout: grid-based layout that's friendly for both laptop and phone users

.Language: HTML5, CSS 3, Javascript

.Key factor: Global range and advanced search engine

.Stand out: Global Marketplace and User Personalisation

2. Skechers.com

.Structure: Retail e-commerce platform with a homepage, product categories, detailed item pages, shopping cart, and customer account sections

.Layout: The layout features a clean, image-focused design with grid-based product displays, dropdown navigation, and responsive elements

.Language: HTML5, CSS 3, Javascript

.Key factor: Helps promote Sketcher's worldwide and provides quick service

. Stand out: Beautiful web design and is speedy

3. Amazon.com

.Structure: comprehensive e-commerce ecosystem with a homepage, multi-level category navigation, search-driven product discovery, personalized recommendations, and user account features including orders, cart, and wish lists

.Layout: uses a functional, grid-based layout with a prominent search bar, sliding promotional banners, categorized product sections, and responsive design optimized for both desktop and mobile browsing.

.Language: HTML5, CSS 3, Javascript

.Key factor: sells wide range of products

. Stand out: fast delivery through Prime, powerful recommendation engine, and a seamless, trusted shopping experience across the globe

# data[].attributes.body
ebay.com.my

Structure: uses a simple grid-based layout

Layout: Has categories, listings, and product pages with seller info and reviews

Language: HTML, JavaScript

Key Factor: Online marketplace for selling and buying items

Stand out: its auction and bidding system and wide range of product categories

pinterest.com

Structure: uses a simple grid-based structure with images

Layout: Has visual focus and minimal text

Language: Python, JavaScript

Key Factor: Helps people discover and save ideas visually

Stand out: Personalised suggestions and user-created boards

amazon.com

Structure: uses a simple grid-based layout with a sidebar scroller

Layout: Has product pages with reviews and ratings, and product listings by category

Language: HTML, JavaScript

Key Factor: Massive online store with everything

Stand out: Huge product variety and trusted reviews and ratings

# data[].attributes.body
1. shopee.com.my

-Structure: Highly interactive, user-centric structure and focused on product discovery.

-Layout: Visually dynamic, emphasizing promotions like flash sales.

-Language: React.js

-Key Factor: They offer millions products and daily discounts.

-Stand Out: In-app engagement feature like Shopee Live, Shopee coins and Shopee games.

2. airasia.com

-Structure: User-friendly structure that integrates flight booking, hotel reservations, and ride- hailing.

-Layout: Features a clean, intuitive layout focused on core services.

-Language: They use variety of programming language.

-Key Factor: They offer flight tickets, ride and hotels.

-Stand Out: They offer travelling package.

3. amazon.com

-Structure: Scalable and complex structure to support millions of products.

-Layout: Layout is data-driven, and emphasizes daily deals and recommendations.

-Language: They use variety of programming language such as HTML5, C++ and React.js.

-Key Factor: They offer millions of products and fast delivery.

-Stand Out: Stands out for its one-click purchasing.

# data[].attributes.body
Uniqlo.com

1. The structure: well-organised into men, women, kids, and special collections.

2. The layout: clean with product grids, large images, and easy filters.

3. Language: HTML5, JavaScript.

4. Key factor: affordable fashion with clear visuals and info.

5. Stand out: smooth shopping experience and seasonal campaigns.

Lenovo.com

1. The structure: divided into products, support, and business solutions.

2. The layout: professional and tech-focused with bold banners and product specs.

3. Language: HTML5, JavaScript, React.

4. Key factor: highlights business and performance tech.

5. Stand out: product configurator and customisation options.

IKEA.com

1. The structure: structured by room types and furniture categories.

2. The layout: photo-rich, catalog-like layout with inspiration ideas.

3. Language: HTML5, JavaScript.

4. Key factor: lifestyle-based shopping experience.

5. Stand out: interactive room planner and clear pricing visuals.

# data[].attributes.body
Apple.com

Structure: Product categories with dedicated pages

Layout: Minimalist, large images, smooth scrolling

Language: HTML, CSS, JavaScript, React

Key Factor: Visual storytelling and product focus

Stand Out: Elegant, consistent premium look

Nike.com

Structure: Organized by audience and product types

Layout: Bold visuals, dynamic banners

Language: HTML, CSS, JavaScript, React

Key Factor: Strong product promotion and shopping

Stand Out: Energetic branding and emotional appeal

Chess.com

Structure: Organized into play, learn, puzzles, and community sections

Layout: Clean, interactive, with game boards and stats prominently displayed

Language: HTML, CSS, JavaScript, React, WebSocket for live play

Key Factor: Real-time multiplayer chess games and learning tools

Stand Out: Large user community and comprehensive chess resources

# data[].attributes.body
Wikipedia.com

Structure: Has smart structuring for easy reading

Layout: has a 3:1 text and image layout so you can read with ease and have a reference image

Language: Javascript, PHP

Keyfactor: Easy access to get research

Standout: The library of the internet, best place to get research or to understand a topic when you're confusued

Wheelofnames.com

Structure: has a colourful layout that makes it easier to read

Layout: Has the wheel in the middle so its easier to read you got when you spin the wheel

Language: TypeScript, HTML

Keyfactor: Website is easy to use

Standout: Easiest website to use other websites doesnt have a way to change the chances easily while this one does

translate.google.com

Structure: easy to read layout

Layout: has a 1:1 ratio when translating making it easy to read when you translate something that you didnt know or just for comfirmation

Language: C++, TensorFlow

Keyfactor: Easy to use

Standout: Translating languages is easier when using google translate and it isnt as reliable as other websties

# data[].attributes.body
Muhammad Akmal Ariff bin Eadiamin 1K2

1. android.com

1. The structure: have clean looking layout

2. The layout: strategic layout especially to promote android phones

3. Language: HTML5, CSS3 and JavaScript

4. Key factor: They sell cool android phones

5. Stand out: they sell folding phones at the top of the website to catch attention.

2. apple.com

1. The structure: Simple and modern

2. The layout: Have simple and cool looking layout with videos and pictures embedded

3. Language: HTML5, CSS3 and JavaScript

4. Key factor: They sell cool Apple products

5. Stand out: They have clean navigation bar and lot less laggy than other websites

3. maybank.com

1. The structure: Clean interface that have the needs

2. The layout: Have yellow themed layout

3. Language: HTML5, CSS3 and JavaScript

4. Key factor: They sell financial products

5. Stand out: The websita have creative ways to put images in frames

# data[].attributes.attachment_link.title
Android | Do More With Google on Android Phones & Devices

# data[].attributes.attachment_link.description
Discover more about Android & learn how our devices can help you Do more with Google with hyper connectivity, powerful protection, & Google apps.