GithubHelp home page GithubHelp logo

tigoctm's People

Contributors

adriaanbd avatar chrissmejia avatar cindy-zimmerman avatar d3brouille avatar filegeist avatar glenkow avatar indieinc avatar jzarecta avatar luisvillara avatar riomyers avatar

Stargazers

 avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

tigoctm's Issues

Products page

Description

The products page of TigoCTM should implement the slides from Lamassu's products page. Colors and navigation bar should be consistent with TigoCTM's theme and site. Branding on the page should be TigoCTM's.

Tasks

  • Implement Lamassu slides
  • Ensure colors/design match TigoCTM
  • Change branding/navigation bar to be consistent with rest of site

Convert to google analytics

Is it possible to get some type of analysis system setup on the site. At a minimum, I'd like to see traffic, traffic source, and some type of conversion as to who is filling out our form (and in the future requesting information via other means). If we can get link tracking, that would be even better.
Google Analytics is probably the easiest (free) method. It's not necessarily the best option, but at least the stats are in there and can be mined.

Infographic issues

Rendering/Sizing Issues

  • Renders differently depending on the browser it's viewed through.
  • Elements are sized relative to the dimensions of the browser window, which causes issues when the graphics stretch to fill the window. (Chrome seems to handle this better than Firefox.)
  • The curved portions and the "START" line are cut off when the browser window is maximized in 1920x1080. However, a lower width results in these elements appearing as intended.
  • On the first row, the account graphic is not aligned with the top of the ATM graphic.
  • Empty white space at the bottom of the infographic should be removed

Screenshots

Firefox:

test_10_1_info_ff
test_10_1_info2_ff


Chrome:

test_10_1_info_cr
test_10_1_info2_cr

Contact form should give confirmation

We need to give some type of "positive" confirmation / feedback that form submission was successful.

We can either redirect to a thank you page, or update the location of the form to say something like "Form submission successful. Someone will get in touch with you soon."

Etc.

Right now, there is no indication that page submission works.

Your New Machine homepage section

Description

The "Your New Machine" section of the site should utilize the Lamassu Slide as outlined in the wiki. The design and colors should match the overall theme of the TigoCTM site.

There are a few ways of accomplishing this. The current layout of the section could be updated with proper pictures of each CTM and links to a product page for each More Info button. Alternatively, just the button slides at the top of the Lamassu product section can be placed in that section, with each linking to the product page for its respective CTM.

Tasks

  • Correct pictures of each CTM
  • Add modal functionality to "More Info" buttons
  • Write/adapt copy for all 3 CTMs
  • Add copy for all 3 CTMs to their respective "More Info" buttons
  • Ensure design & colors mesh with TigoCTM's theme

Update Index section id="section-openpower"

Modify OpenPower foundation description:

<section id="section-openpower" class="section-wrapper">
<div class="container">
<a href="https://openpowerfoundation.org" target="_blank">
<div class="row">
<div class="col-md-4 col-lg-3 text-center">
<img src="{{ url_for('static', filename='img/openpower.png') }}" class="img-responsive isotipo" alt="Open Power">
</div>
<div class="col-md-8 col-lg-9 text-justify">
TigoCTM is pleased to be a member of the OpenPower foundation, which advocates customization of the open sourced IBM POWER
CPU processors and system.
</div>
</div>
</a>
</div>
</section>

Add a favicon

Description

The site needs a small version of the TigoCTM logo for a favicon. The favicon should be applied to all pages.

Tasks

  • Create a favicon from the TigoCTM logo
  • Apply the favicon site-wide

Change Text - Bitcoin and Cryptocurrency CTMs used to be the domain of technical geeks and were complex to use, run, and understand.

Please change "Bitcoin and Cryptocurrency CTMs used to be the domain of technical geeks and were complex to use, run, and understand. But we created TIGO to allow any business owner who wants a ground floor, cash only, revenue-generating business to get started with no knowledge at all."

to

"Bitcoin ATM Machines used to be limited in flexibility and only accessible to technical savvy engineers. They were complex to use, run, and upgrade. But TigoCTM opens the market to alternative cryptocurrencies such as Dash and allows any business owner who wants a ground floor, revenue-generating business to get started with limited cryptocurrency knowledge or tech skills."

Homepage text styling, cleanup

Description

Some of the text remaining on the homepage needs to be formatted and styled.
The Benefits section of the homepage should be styled properly. Any lorem ipsum should be removed. Alignment, color, and spacing of all text should be checked for readability and good design.

Tasks

  • Properly style the text in the Benefits section of the homepage
  • Remove lorem ipsum near bottom of homepage
  • Ensure styling and design of homepage text is appealing and readable

Homepage dynamic element movement

Description

Elements on the page should move in response to user interaction, like scrolling. For example, elements move in dynamically from the edges upon scrolling on the Lamassu homepage.

Tasks

  • Separate elements to allow for movement
  • Add dynamic movement to the navigation bar
  • Add dynamic movement to the infographic
  • Add dynamic movement to other elements of the homepage

Add Media Citation Graphics

"As Seen On" graphics for CBS, Fox, ABC, NBC, and the CW add social proof and credibility to the site. Since we've now appeared on each of these outlets, we can add graphics and an "As Seen On" banner.

We can also add Dash.org and Finance Magnates since these will be relevant to our leads.

Navigation bar

Description

The other links in the navigation bar should scroll to their respective section on the homepage. The product link's behavior may depend on #19 .

The logo on the left of the navigation bar should link to the top of the homepage.

The navigation bar should float as the user scrolls down the page.

The navigation bar should be displayed across all pages of the site. Depending on #19 , there may be a Products page. If so, it should behave as (the navigation bar in the Lamassu products page)[https://lammasu.is/products/] does.

Tasks

  • Remove "Navigation" link from navigation bar
  • Ensure each link and the navigation bar logo either scrolls to its respective section or links to the correct page
  • Floating navigation bar
  • Navigation bar persistent across site, behaves properly on each page

Information button functionality

Description

Button should scroll to the contact form at the bottom of the page. Change button text as referenced in #11 .

Tasks

  • Add function: on click, scroll to contact form at the bottom of the page
  • Change button text to "Request More Information"

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.