Free Lance Site

Free Lance Site 2/22/2019

By Drew Yoxsimer

Description

This is a mockup of a website for a co-work space business. The website will include pages for the landing page, events, amenities, forum, membership, and contact.

Setup/Installation Requirements

  • Make sure you have NODE installed on your computer.
  • After you have node installed, clone the repository from https://github.com/drewyox/FreeLanceProj .
  • After than, run npm install in your terminal.
  • This should download and install all the dependencies as listed in the package.json file.

Images of Sketches

Image1 Image2 Image3 Image4 Image5

Screen Shots of WireFrame

Image6 Image7

User Stories

  • New User, who is not affiliated with a tech company:

  • Needs: Wants to learn as much as possible through a quick glance at the site. They're looking for space for their new project, and want to know if they'll be a good match personality wise as well.

  • Pain Points: Other spaces seemed to exclusively Tech-y, didn't have features (as far as the physical space goes) highlighted in their websites.

  • How Can We Serve?: Make the site clearly state information with intuitive navigation between them. Emphasize the funky yet approachable style through design.

  • Established User:

  • Needs: Wants to stay updated with any new events or updates to the workspace. Wants to engage in workspace culture.

  • Pain Points: Doesn't want to be bogged down by continually being asked to join their site if they are already a member.

  • How Can We Serve?: Include a login so returning users can both avoid constant prompts for joining, and contribute to the site either through events.

User Personas

  • As a small business owner, I would like to find a workspace that is tailored to my team and their fun personality.
  • As a small business owner who is in the workspace already, I would like a clear and reliable way to stay updated on the changes and features added to this workspace.
  • _As an employee working in this workspace, I would like a fast, easy way to connect with others around me in a social sense.
  • As a potential workspace candidate, I would like a clear and ordered list of what amenities area availabe, whether it be the physical space itself or the services provided.

Known Bugs

  • There are no known bugs.

Responsiveness

  • The project has basic media queries that resize the text, stack objects that were oriented in rows, and hide certain images at just above standard Tablet (770px) and mobile device (550px) pixel sizes.

Technologies Used

  • This project uses Node Project Manager to facilitate proper CSS HTML and dev server functionality

Developmental Roadmap

  • While there is a lot to continue on this project, I wish to refine my css skills more in order to get the responsiveness of the header image as I envisioned it, as well as the stylings for boxes. I also wish to include multiple pages with functioning links.

License

This Software is Licensed under the MIT License.

Copyright (c) 2019 Drew Yoxsimer