3. The Internet aged with some professions.
For photographers, cameramen (and camerawomen), that did not happen.
They are still living in the early 90’s internet.
The most used site for cinematographers is *cinemetography.com
*For information about the feild and not
publicizing content
4.
5. Looks Bad?
These Visual Artists deserve a good-looking tool that can compliment their workflow. Instagram, Tumblr
and Flickr have increased their ability to publicize their content to others. But internally, they lack the
infrastructure to share the most basic, but most important factor that it takes to get their job done
correctly.
7. After we evaluated our decisions, we chose to use an altered version of the
business model ‘Yelp’ used to fix a similar problem for the culinary business, as
well as some advice from the founder of Facebook, Mark Zuckerberg.
8. The Yelp Format
Yelp implemented a web application
that associates geographical data with
user-based reviews and input. Users
could connect with each other to find
out the artistic value of a given
location.
9. GeoFocus: Overview of the Altered Yelp
Model
Map/Location Page
Users spend time here. Here, they
can browse current locations and
see where things have been
posted. Clicking on a location will
reveal the reviews, users, as well
as a full collection of photos
posted to that particular location.
Users Page
Here, the users can see who else
is on GeoFocus, as well as the
most popular user and his or her
photos that were taken. From
there, they can see where those
photos were taken and interact
with the other users on the
location page.
10. A little Help from Facebook
Overambitious web development projects often have a downfall.
Projects like these tend to over invest in specific features that
seem to be useful but aren’t, plus spend not enough time on
users actual wanted features. Mark Zuckerberg has a model to
solve this - The Minimum Viable Product/The Agile Development
Process.
11. MVP - The Agile Development Process
A method of software development in which
a product is developed quickly and in a
series of iterations that correspond to user’s
input. Rather than spending a lot of time
polishing, the product is released as early as
possible, to avoid overinvestment into
non-core features.
Geofocus takes this model. As our team,
while talented, is small, we developed a Rails
Application that could take advantage of our
great idea, while not having any bloat, until
we receive feedback from users, telling us
what they want.
13. Our Team
Jack Leonard - Graphic Designer
Sophomore at Orem High School.
Manager of several side-projects.
Graduated from Code To Success Camp.
Knows extensive graphic design,
specializes in Sketch, Illustrator, proficient
in HTML/CSS, Ruby
Miguel Rust - Full Stack Web Developer
Junior at Mountain View High School.
Junior Front-end developer intern.
Graduated from Code To Success camp.
Specializes in Ruby, Javascript, Java, C#
HTML/CSS
14. Our Tools and Practices
We followed industry standard workflows for
UI design, which involved the use of Adobe
Photoshop, Adobe Illustrator and
up-and-coming application Sketch. We
researched via the online
design-community: Dribbble and Béhance.
We decided to use a more unconventional
image format- SVG, as well as hosted these
on a AWS S3 bucket.
We followed Rails general development
best practices, utilized the git version
control system to keep track of changes, as
well as to collaborate. We used the Atom
text-editor, as well as the bash on OSX and
Ubuntu. We deployed our final application
to Heroku, a PAAS (or Platform-as-a-service),
which provided a way to run our application
in a Ubuntu environment.
15. Our Process
- Identified Problem
- Identified Core Features
- Researched market
- Developed Basic Back-End Database functionality
- Debugged Back-End
- Researched Design Element
- Designed variety of brand layouts
- Mocked-up basic layout
- Implemented Mock-Up into Front End
-
16. Development
- Created a Ruby on Rails Application with basic CRUD functionality
- Brought in Javascript and built APIs in Rails Application to provide Javascript
with Data
- Implemented Designs
- Tested and Debugged Application
17. Why isn’t this Google Maps?
We implemented a more light-weight and configurable platform for maps called Mapbox.
Originally, the application utilized the Google Maps API, but we were limited in what we
could configure. The maps were more pleasing for the front-end design as well.
18. Design.
- Evaluated and prioritized viable
user experiences
- Researched upcoming and current
Design Trends
- Researched similar products and
the UI design through Dribbble and
Behance.
- Evaluated Color Scheme
- Mocked-Up Landing Page
- Mocked Up other pages
- Helped implement into front-end
19. Why focus on Branding?
Not only is branding a very important
element in any web application - the
branding and design was a vital part of what
GeoFocus is offering to the user.
These colors have specifically been chosen
because of their lack of contrast between
blacks and whites as well as the high contrast
between the other two major colors- which
are used to invoke emphasis and boldness.
As visual artists should be able to judge
whats good and what’s not, and to get them
away from searching in the depths of
cinemetography.com, we did some detailed
analysis of current 2018 UI/UX design trends
and color schemes, so we could keep our
Minimal Viable Product as good looking we
could get it to. We chose a variant of flat
design as our ‘design language’, which
includes well bubbly shapes to invoke a
sense of playfulness but still provide
emphasis.
20. Planned features
- Search locations
- Instagram API Integration
- Promotion via various Camera Stores
- Promotion on Cinematography.com
- Auto-Refreshing Feed
- Hashtags and handles
- React Native-based Mobile Application