CedricRobitaille / ecommerce-pattern-library

A term-long project redesigning an ecommerce website focusing on making a pattern library.
https://loving-brahmagupta-0deb11.netlify.com/pattern-library/
0 stars 0 forks source link

IcoStash Pattern Library.

IcoStash is a stock iconography website made by graphic designers for graphic designers. With the target audience in mind, the visual style of this website was tailored to their needs.

Focusing on a minimalistic visual design, the product (icons) are the focus of attention. To show strength in the icons, all icons are displayed as cutouts of the cards they lay on top of.

In having the products (icons) site on top of the only colour on the site, the viewers eyes are immediately drawn to the icons.


Links:

Netlify Pattern Library: https://loving-brahmagupta-0deb11.netlify.app/pattern-library/

UX High Fidelity Prototype: https://xd.adobe.com/view/e880332d-0ed8-4709-623f-96890c9bf91c-9eb1/


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/

Copyright © 2020 by Cedric Robitaille

All rights reserved. No part of this publication may be reproduced, distributed, or transmitted in any form or by any means, including photocopying, recording, or other electronic or mechanical methods, without the prior written permission of the publisher, except in the case of brief quotations embodied in critical reviews and certain other noncommercial uses permitted by copyright law. For permission requests, write to the publisher at the address below.

Ramlatch

490 Princess Louise dr. Ottawa, ON, Canada K4A 1Y1 www.ramlatch.com crubbertire@ramlatch.com