Giter Club home page Giter Club logo

pjrevised's Introduction

Penny Jane's Cookies Website

This is a portfolio website for a local NYC cookie bakery and decorating business called Penny Jane's Cookies. The site uses PHP for email forms.

I worked with a client to develop the strategy behind the website. The website was developed with an Agile/Skrum methodology for scheduling, planning, and prioritizing. I worked with my Senior Designer brother to design for this strategy and I implemented the designs we made. The initial design as for the client to share between her friends but it as expanded to be useful for cold-dropping clients with in an email as well as pulling users from Google. I also did competitive analysis and did both independent research and weekly discussion with the other designer.

To Do

  • Set up mailing list to be a checkbox when placing an order or booking / joining a class.
  • Additional sections may be necessary such as more info on Cookies for Love or a donation button.
  • A/B Testing and Google Analytics research

User Stories

User Story 1: I can sign up for a newsletter by using my email.

User Story 2: I can see pictures of the cookies in the portfolio sections of the website

User Story 3: I can view information about the founders of the business as well as their mission

User Story 4: I can click on an image to make it larger for easier viewing.

User Story 5: I can sign up with my email for joining a class or booking one, or I can place an order to be discussed over email.

User Story 6: I can retrieve the email for direct communication.

User Story 7: I can go to the Instagram for the business for additional picture viewing.

Built With

  • Swiper - Library used for the landing slideshow
  • MailChimp - Service used for the automatic newsletter.
  • Intense Images - Used to view images closer upon clicking.
  • PHP - Language used to handle email forms.
  • jQuery - Used to shorthand a few expressions, making adding/removing classes easier, and other minor things.

Authors

  • Nicolas Crumrine - Development of design, mobile design, initial design, and working with Max Piras on the realignment of the design - CrumrineCoder
  • Max Piras - Co-Design as well as mentor through the process of developing this website - Max Piras

License

This project is licensed under the MIT License - see the LICENSE.md file for details

Acknowledgments

  • Again Max was a huge help with this project as stated in the Authors section. My friends also reviewed the design when Max wasn't to help keep the aesthetic side in check. The client for being very grateful for the designs.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.