moutonrebelle / ecommerce-pattern-library Goto Github PK

Page Speed Fast
Optimization suggestion
Total time expected to be saved (estimated value)
1
Adjust the image size appropriately
10.05 s
2
Provide images in a new generation format
7.2 s
3
Remove blocked rendering resources
0.78 s

Hi @thomasjbradley

For some reason, my carousel is not working and when I'm on a page, it shows "current" in teal on top. How can I remove it?

Very cute designs. The checkout page is missing a button to bring the user to the next step in the process. The images on your product pages are too large.

It looks like your button has content-fill or is that what you were trying to do?

@thomasjbradley

Hi, I am unable to download the surprise pages content and I don't have the access.

Hi @thomasjbradley

I have trouble seeing my product list page template, is there any reason why?

Thanks,
Laura Meguerditchian

Love the colour! The images on the product details page appear really big and it makes the page overly wide and scrollable.

Add description to images for voiceover accessibility (aria details)

Hi @thomasjbradley

I tried adding an image on the table for the shopping bag, but I don't see it... I am really confused because I did the same thing for the banner.

Add skip links

https://projects.invisionapp.com/boards/D93SAC42JN3/

@thomasjbradley

Your website design is very creative! The only issue I encountered was that your form doesn't show up on your checkout form page. The only section I see is the item/quantity. Possibly checking how you merged your content with your partner could help, and reviewing how they coded the page.

The banner button spans the entire screen
The checkout page doesn't have a form

Hi @thomasjbradley

I added a second navigation in my shopping section, but not only the products don't show up, but the footer isn't showing up as it is supposed to do. Also, I removed the icon from the navigation because it was jumping on another line. Is there any way I can fix it?

For the course of Web Development, we were assigned to create an e-commerce. I decided to come up with an online store that would sell homemade candies online. This website has a colourful theme and was designed to attract both children and adults.

It helped me to improve my skills to develop unique pages that other users could understand if they ever had to take to lead to create other pages. This was definitely a good experience and I look forward to create more websites next semester.

Style & design — 4

Overall, the style looks great and harmonious. The colours fit the theme quite nicely. The website is clean and the logo is fitting the main idea. The style is fun and original. However, I believe it could have been pushed a little further because the overall website is very simple.

Patterns — 3.5

The patterns are simple and are all working. However, they could have been pushed more in terms of complexity.

Explanations — 4

Explanations are clear and complete, but they could be more descriptive.

Accessibility — 4.5

The website is responsive and accessible. There are skip links and the contrast of colours is good.

Semantics — 3.5

Although there is a good variety of tags, they could have been more carefully chosen.

Responsiveness — 4

The website is responsive, but it could have been better especially for the navigation that is very basic.

Code quality — 3.5

There is a decent semantics, indentation & accessibility. I believe there might be some mistakes.

Git & commits — 3

The commits have some good messages but some should be more specific. Some are too general and confusing.

30/40 — 75%

The site is very simple and intuitive. Everything seems to be linked properly. I would say that the checkout page needs some editing. Maybe add some more text boxes for including: credit card numbers, name, e-mail etc.