Feedback on SitkaWine.com?

Hi folks, I'd appreciate any feedback on my newly launched SitkaWine.com - specifically on design and technicals (not looking for content feedback at the moment).

I was able to deliver an AccessiBe.com "Accessible/Compliant" rating to the client and need to maintain it, so that is one constraint.

Thanks!

Hi, 

This is a personal opinion, 

----------------------------------------------------------------

I love this site, it has a great color palette, and it's pretty well-designed, i especially like the wavy divider between sections, the font is really great, and the footer is really good too.

One thing I would personally change is the menu page, it's a bit boring,ex. you could add maybe some illustrations like a candy or a chocolate bar to represent the sweets section, and another thing i would make the items in the menu tab divided by category as you did before but put them in a separate section and add a cool snap scroll, i think it would be soooo good. 

i would also set a preloading page. 

SEE CODE BELOW

visit this site to see a preview of the snap scroll: MyFavs

password: myfavs

and of course if you want to listen to the playlist you can! 

-----------------------------------------------------------------

here's the code that you can either add to the whole site or to the specific page to enable snap scroll:

-----------------------------------------------------------------

if you want to apply this to the entire site go to: PAGES > "under utilities " WEBSITE TOOLS > CODE INJECTION 

if you want to add it to a single page go to: PAGES > scroll until you find the desired page and click on the page settings > Then go to ADVANCED > add the code in the box

-----------------------------------------------------------------

SNAP SCROLL CODE:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/scrollify/1.0.19/jquery.scrollify.min.js"></script>
<script>
        $(function() {
          $.scrollify({
            section : "article .page-section",
          });
        });
</script>

( NO CSS NEEDED ) 

-----------------------------------------------------------------

PRELOADING SCREEN: 

---

CODE INJECTION: 

<div class="loading-screen"> 
  <div class="loading-screen-image">
</div>
</div>

---

CSS: 

//PRELOADING SCREEN
        .loading-screen {
            animation: loadingend 1.5s forwards 5s;
            background-color: #FDF0E6;
            height: 100vh;
            position: fixed;
            left: 0;
            top: 0;
            width: 100%;
            z-index: 10000;
            opacity: 1;
        }
        .loading-screen-image {
            animation: pulsate 1.5s 3;
            background-image: URL( YOUR IMAGE URL GOES HERE, SEE BELOW THE INSTRUCTIONS);
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            height: 250px;
            width: 250px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);

}

@keyframes loadingend {
    to {
        transform: translateY(-100%);
    }
}

@keyframes pulsate {
    0%, 100% {
        transform: translate(-50%, -50%) scale(1);
    }
    50% {
        transform: translate(-50%, -50%) scale(1.1);
    }
}
}

//END PRELOADING SCREEN

-----------------------------------------------------------------

ADD IMAGE URL INSTRUCTIONS: 

GO TO: PAGES > "under utilities " WEBSITE TOOLS > CUSTOM CSS

you'll find a dropdown menu called: Custom Files, just add your logo there and go back to the CSS code and click in between the () in the: background-image: url()

i cant wait to see those changes on your site (if you want to make them), if you have any questions just reply, if i don't respond you can submit the contact form on the site i gave you as an example

Have a nice day! 

Hi @franciscreekdigital site is looking really nice and love the vision for the business!  I know you weren't looking for feedback on content - and this isn't so much about the nature of the content, just about the placement of it. 

I think the Victoria architecture, nature and focus on wines from the pacific northwest are big selling points. You may want to consider weaving those into the homepage so people know right away that this is what makes you unique and help nudge them to come check out your new location. 

Rather than having people scroll to about us you may want to add a sentence or two about "we focus on wines from the Pacific Northwest, we also serve distinctive beer and a bit of cider (this is a nice thing to add for non wine drinkers who are joining a group) 

I also love how it was built in 1898 - might be worth weaving that that bit of information into the homepage. 

Just a few quick thoughts and best of luck with everything 🙂