How to design a site like this ?

Discussion in 'Software' started by justthankyah, Sep 25, 2024.

Page 1 of 2
  1. justthankyah

    justthankyah Kapellmeister

    Joined:
    Dec 22, 2015
    Messages:
    96
    Likes Received:
    43
    Hi guys , I would like to know how to create a site like York audio .
    I really like the layout and the images of the products like amp packs .

    can you guys tell me how to do that ? I know that I need to pay for the service , but do I need to hire an expert in web design for the product catalog ?

    https://www.yorkaudio.co/
     
    justthankyah, Sep 25, 2024
    1
  2. Ads Master

    Ads Master

     
  3. Smeghead

    Smeghead Platinum Record

    Joined:
    Jun 25, 2024
    Messages:
    555
    Likes Received:
    259
    Do you have product?
     
    Smeghead, Sep 25, 2024
    2
  4. jhagen

    jhagen Platinum Record

    Joined:
    Apr 9, 2013
    Messages:
    499
    Likes Received:
    183
    Wix template, no need to code, wix builder.
    $ 29 /mo probably enough

    good luck & don't forget to post your link
     
    • Like Like x 2
    • Agree Agree x 1
    • List
    jhagen, Sep 25, 2024
    3
  5. justthankyah

    justthankyah Kapellmeister

    Joined:
    Dec 22, 2015
    Messages:
    96
    Likes Received:
    43
    Impulse responses . Yes
     
    justthankyah, Sep 25, 2024
    4
  6. justthankyah

    justthankyah Kapellmeister

    Joined:
    Dec 22, 2015
    Messages:
    96
    Likes Received:
    43
    I was searching for Wix but it can create a product layout like or closer to York design?
     
    justthankyah, Sep 25, 2024
    5
  7. iswingwood

    iswingwood Kapellmeister

    Joined:
    Jun 7, 2012
    Messages:
    264
    Likes Received:
    71
    Location:
    Burbank
    Wix, Shopify, or Payhip. Payhip is has a "no cost" option...instead of paying monthly, you just pay higher commission. It is legit competitor to Shopfiy, but does not have Apple/Google/Amazon Pay options. Customers use credit card or paypal.

    These are the best "easy" options. Still may need to buy a decent theme for Wix or Shopify. Payhip has free layouts to build on.

    The best option if you want more control and a blog via Wordpress + WooCommerce: https://sonaar.io/theme/audience-elementor-templates-kit/
     
    Last edited: Sep 26, 2024
    iswingwood, Sep 26, 2024
    6
  8. 6ixcore

    6ixcore Producer

    Joined:
    Apr 4, 2016
    Messages:
    190
    Likes Received:
    92
    Wordpress is free and there tons of "one page" templates just like that, or you if you want a carbon copy...
     
    • Funny Funny x 2
    • Like Like x 1
    • List
    6ixcore, Sep 26, 2024
    7
  9. justthankyah

    justthankyah Kapellmeister

    Joined:
    Dec 22, 2015
    Messages:
    96
    Likes Received:
    43


    Thanks for take time to help mate
     
    justthankyah, Sep 26, 2024
    8
  10. justthankyah

    justthankyah Kapellmeister

    Joined:
    Dec 22, 2015
    Messages:
    96
    Likes Received:
    43

    Thanks for the help too bro !! AI is going to dominate our world
     
    justthankyah, Sep 26, 2024
    9
  11. RobertoCavally

    RobertoCavally Rock Star

    Joined:
    Jan 20, 2021
    Messages:
    535
    Likes Received:
    377
    I think what you like about that site/theme is the 'Parallax effect' (background/images scroll at a different speed than the foreground) and the full-width layout. A quick search for free Parallax themes gives something like
    https://themehunk.com/parallax-free-wordpress-themes/
    You can press that demo button on each one to see how they look. At the end, be sure that the theme is stable and reg updated. I built a simple WordPress site a while back, so there might be better or simpler options now. I kind of like knowing what’s going on behind the scenes though. Some AI assistance like ChatGPT is great for adding bits of code and things like that
     
    RobertoCavally, Sep 26, 2024
    10
  12. 4096

    4096 Platinum Record

    Joined:
    Dec 9, 2022
    Messages:
    305
    Likes Received:
    170
    I'm mainly a UI designer, but I have done web design work (mainly the UI aspects) and also worked with some vendors on plugins. You can DM me too ;)

    (But just to clarify, I am not in any way a developer. That is something I hope to learn too myself in the future).

    Even then, if you need branding, etc. we can talk about that too.
     
    4096, Sep 26, 2024
    11
  13. Lunarpole

    Lunarpole Platinum Record

    Joined:
    May 5, 2016
    Messages:
    335
    Likes Received:
    288
    Instead of this you can use buy me a coffee or simply Ko-fi those are like showcase your stuff with minimal investment possible.
     
    Lunarpole, Sep 26, 2024
    12
  14. Crinklebumps

    Crinklebumps Audiosexual

    Joined:
    Nov 1, 2017
    Messages:
    980
    Likes Received:
    713
    Location:
    UK
    It's probably Wordpress. I personally don't like this design style. It's form over function. Too much emphasis on the visuals and nowhere near enough on the actual content. I invariably end up scrolling up and down trying to find links to sections like the price, or purchase page, often giving up in frustration. The eye rests on something on the page as you're scrolling and is distracted as the next animation pops up at the bottom of the window. It's disorientating. Like visual seasickness. Fancy effects in the background lead the eye away from your product. Good design is all about leading the eye towards it.
     
    Crinklebumps, Sep 26, 2024
    13
  15. Chronic Saturator

    Chronic Saturator Newbie

    Joined:
    Nov 26, 2023
    Messages:
    4
    Likes Received:
    2
    right click on site/inspect/elements . you will see this was made with wix.
     
    Chronic Saturator, Sep 26, 2024
    14
  16. bobdule

    bobdule Rock Star

    Joined:
    Dec 28, 2014
    Messages:
    638
    Likes Received:
    459
    the code source say wix
    it look like a basic uggly template.
    all you need is a few webdesign & graphic knowledge.

    the google referencement works very well with wix, and the interface is very easy to use.
    it is a powerfull tool, even the free version.

    if you have a website or small domain,
    you can even embed a html iframe (old school but working) linked to a wix site, adjust the top border to hide the free banner.
    it make a wix site without advertising for peanuts. with the root url of your choice.
     
    bobdule, Sep 26, 2024
    15
  17. jhagen

    jhagen Platinum Record

    Joined:
    Apr 9, 2013
    Messages:
    499
    Likes Received:
    183
    yourkaudio was actually created on wix, just look at page source
    Code:
    <!DOCTYPE html>
<html lang="en">
<head>
 
  <meta charset='utf-8'>
  <meta name="viewport" content="width=device-width, initial-scale=1" id="wixDesktopViewport" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="generator" content="Wix.com Website Builder"/>

  <link rel="icon" sizes="192x192" href="https://static.wixstatic.com/media/ed1e38_6a4aac837e6f4eb8b0887fd5fb4ec3c9%7Emv2.jpg/v1/fill/w_192%2Ch_192%2Clg_1%2Cusm_0.66_1.00_0.01/ed1e38_6a4aac837e6f4eb8b0887fd5fb4ec3c9%7Emv2.jpg" type="image/jpeg"/>
  <link rel="shortcut icon" href="https://static.wixstatic.com/media/ed1e38_6a4aac837e6f4eb8b0887fd5fb4ec3c9%7Emv2.jpg/v1/fill/w_32%2Ch_32%2Clg_1%2Cusm_0.66_1.00_0.01/ed1e38_6a4aac837e6f4eb8b0887fd5fb4ec3c9%7Emv2.jpg" type="image/jpeg"/>
  <link rel="apple-touch-icon" href="https://static.wixstatic.com/media/ed1e38_6a4aac837e6f4eb8b0887fd5fb4ec3c9%7Emv2.jpg/v1/fill/w_180%2Ch_180%2Clg_1%2Cusm_0.66_1.00_0.01/ed1e38_6a4aac837e6f4eb8b0887fd5fb4ec3c9%7Emv2.jpg" type="image/jpeg"/>
    static. wixstatic. com

    no need to code, just put graphic elements here and there, it cost a little bit but it's the end of annoying web designers, rip
     
    Last edited: Sep 26, 2024
    jhagen, Sep 26, 2024
    16
  18. BlackHawk

    BlackHawk Platinum Record

    Joined:
    Nov 28, 2021
    Messages:
    347
    Likes Received:
    171
    Go to the site using Mozilla Firefox. Right click and choose "Inspect" from context menu. CTRL-A of the HTML code. Insert in Dreamweaver. Copy the CSS. Insert in Dreamweaver. Get a book about HTML and CSS. Start editing to make it your site.

    :))
     
    BlackHawk, Sep 26, 2024
    17
  19. justthankyah

    justthankyah Kapellmeister

    Joined:
    Dec 22, 2015
    Messages:
    96
    Likes Received:
    43
    Thanks for the help !!!

    will take a look on what you suggest me
     
    justthankyah, Sep 26, 2024
    18
  20. justthankyah

    justthankyah Kapellmeister

    Joined:
    Dec 22, 2015
    Messages:
    96
    Likes Received:
    43
    I’ll save your contact so we can talk about that
    Thanks
     
    justthankyah, Sep 26, 2024
    19
  21. justthankyah

    justthankyah Kapellmeister

    Joined:
    Dec 22, 2015
    Messages:
    96
    Likes Received:
    43
    Thanks for the alternative mate
     
    justthankyah, Sep 26, 2024
    20
Page 1 of 2
Loading...
Similar Threads - design site Forum Date
Skin Design - Software - Link List / Skins - Websites - Link List Software Reviews and Tutorials Mar 17, 2022
Best recording studio websites (designs) Lounge Feb 29, 2020
Graphic Design Sites? Lounge Jun 2, 2012
Semi-new to sound design, could i get some feedback ? Our Music Aug 26, 2024
Sound design exercise Education Jun 10, 2024
Loading...