GithubHelp home page GithubHelp logo

bangazon's Introduction

Bang-A-Zon

We sell aquariums and aquarium related accessories. Ah-yup. I tehell you huwhat.

Project Overview

We were tasked creating a company intranet website for an Esty-esque marketplace. We consulted with our stakeholders Madi and Adam to determine the functionality/requirements. We split into two teams to tackle the two major components of the intranet site: Employee and Customer.

Challenge Statement

Employee

How might we ... provide a centralized platform to track and manage Bangazon employee information?

Customer

How might we create a user interface that allows Bangazon’s customer service team to easily find and manage customers’ information, orders, products, and payments in order to continue their growth and be able to support their customer base and employees?

Research

Competitor Analysis

Design System (Canvas Hubspot)

https://canvas.hubspot.com/

Many of our design decisions were based on a set of guidlines gounf in the link above. For example, we could not have more than one orange button in a view at any given time, and all orange buttons were the most important action on that particular view. All other buttons that were secondary to that primary action would be the second example in the above image, and no more than two were allowed in a given view. For more information please, checkout the url above for the full documentation.

Color Palette

Color Palette was put together based on design guideliness dictated by the Hubspot Canvas Design System. We were able to make some decisions on themeing within the site as a visual indicator of what part of the intranet site you were on.

Personas

Journey Mapping

Content Mapping

Wireframes and Mockups

Paper Mockups (Lo-Fidelity)

First round of User Testing

User Feedback/Lessons Learned

Digital Mockups (Hi-Fidelity)

Second Round of User Testing

User Feedback/Lessons Learned

To Install

TBD

bangazon's People

Contributors

adamsheaffer avatar brendalong avatar jquinsmith avatar leighmrogers avatar sageklein avatar summerliddington avatar taylorhcarroll avatar

Watchers

 avatar

Forkers

coffey-may

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.