inAn E-commerce Website Pattern Library

---

Brief

inAn is a fictitious e-commerce website that sells artworks printed on a variety of print-on-demand products. inAn is built on a vibrant community of creatives and art & design enthusiasts who, with love and passion, helped keep inAn growing.

This project is part of the Graphic Design curriculum at Algonquin College. It showcases a designer's abilities to create and work with a pattern library to build a multi-page website, as well as demonstrating their understanding of web design in general.

---

Installation

The pattern library is a Jekyll & Patternbot based application, so it requires Ruby to be installed.

☛ Follow these instructions to get Ruby & Bundler installed

1. Navigate to the correct folder in Terminal. Use GitHub Desktop’s Repository > Open in Terminal command.
2. Type the following command bundle install

---

Starting the server

The pattern library is a Jekyll & Patternbot based application that requires a running Terminal instance.

1. Navigate to the correct folder in Terminal. Use GitHub Desktop’s Repository > Open in Termal command.
2. Type the following command: bundle exec jekyll serve
3. View the functional website at: http://localhost:4000
4. View the pattern library at: http://localhost:4000/pattern-library/

---

Images Attribution

Homepage

Mockups - Featured Products:

• Shirt: Mr Mockup
• Throw Pillow: Piotr Szmilyk
• Mug: for graphic
• Tote bag: Pixeden

Prints - Featured Prints:

1. Jon Tyson
2. McGill Library
3. Derick McKinney
4. McGill Library
5. Boston Public Library
6. Chris Barbalis
7. Kasturi Roy
8. Stuart Ruff
9. Nelson Estevao
10. Annie Spratt

Photos - Artists to Follow:

• Artist icon: Vlad Kutepov
• Photo 1: Toa Heftiba
• Photo 2: Jakob Owens
• Photo 3: Hermes Rivera

Products

1. Jon Tyson
2. Autumn Studio
3. Stanislav Kondratiev
4. Boston Public Library
5. Stanislav Kondratiev
6. Kasturi Roy
7. Museum Victoria
8. Nathaniel Shuman
9. Scott Rodgerson
10. Severinus Dewantara
11. Paul Hanaoka
12. Meric Dagli

Other

Social media icons: Brands of the World

---

Contributors

Thomas J. Bradley (@thomasjbradley), professor at Algonquin College, School of Media and Design; creator and mentor of this project.

Khoi A. Nguyen (me :) ), designer and developer of the website as well as its pattern library.

---

License

© 2020 Khoi Nguyen.