F5 Sites Design Guidelines

In our first attempt to uniform all our projects designs, making a similar look, like when you are in a Google, Amazon, Microsoft or Apple product you kind of know, even if you don’t really know why you know, you pretty sure that the sense and fell makes you fell like you are in “home”. That’s because they have a consistent design with some rules that guide all they products.

So F5 Sites started developing our first design guidelines, they started simple, but we think the rules will become more fit-able and better with time passes, so our first design guidelines are:

  • Top bar over all products
  • Logo font: Lobster
  • Color:
    • F5 blue: #03659c
    • F5 light blue: #549ed1
    • Ubuntu orange: #FF5919
    • Darkest gray: #3F3F3F
    • Dark gray: #888888
    • Light gray: #EEEEEE
    • Dark green: #398439
    • Light green: #449d44
    • Gold: #E2D693
  • Custom posts and products thumbnails

For now that is all, in future we are predicting paddings and margins for some elements. They will be applied whenever I can, for now they just exists and are being implemented without a deadline, but nothing new will be developed without following this strict.

Plugin Updated: F5 Sites Bar

In every Fnetwork site you can see a bar in the bottom, it has links to the main projects, and as the network grown, new links was updated. I never had comfortable time to work and with that bar was not different.

The idea arrived to get consistency to network, and make users navigate more well between all projects. Besides that, the linkage also could help get better position in search result engines.

One advantage is that we can check the whole network visits by checking the number of times that plugin bar displays. And also, in the right corner we show current user location.

But the design and appearance was not good, and even the position at the bottom make many users not saw it. So I am almost finishing the new design, the bar will go to the top, what made the original name change, now is only F5 Sites Bar. The design also changed a bit, many improvements was made and we are waiting another plugin of the network to be ready, F5 Sites Smart Language Filter.

When these twos plugins be ready, the Fnetwork will get to a new level. But it will take a time, many changes is being made in the background, the focus will be just one: get new costumers.

F5 Sites Started a Renovation to Get New Clients in Brazil

Since our 2016 plan, I changed F5 Sites focus to a more global position, making efforts to exit Brazil and go to a country like USA. The path I figured out to reach was simple, I started by translate all content of the site (posts, menus) to English, make a USA section in the site and then delivered content especially made to that target.

For site banner I choosed images like California, Chinese traffic jam, everything was more global and ready to get clients from anywhere in the World.

But the internationalization never ended-up, F5 Sites was just translated and never finished the whole process. It is not just translate, make the site beautiful, change images and wait for new lead and costumers to contact. It was necessary to get to the clients, to start conversation, make jobs proposal, and that’s when things got difficulty.

I personally think I can make dozen of leads and reach new clients in a face-to-face talk, even knowing that is possible and usual to get clients only via internet, it is easier for me to get touch in meetings, events, lectures, workshops, make active visits and explore my personal network to reach new clients. So, while I am still in Brazil, my plan has to shift, need to allocate efforts to get new clients here.

If you are in Sao Paulo, SP, contact us right now to schedule a meeting.

New Plugin in Development: F5 Sites Smart Language Filter

After tons of tests and experiences, with the most famous and updated language plugins for WordPress, I started one plugin for F5 Sites e Fnetwork. Based in a simple but efficient code I made for a project theme (Sistema Focalizador Javascript).All I had to do is to use tags in posts, like:

  • lang-en: english
  • lang-pt: portugues
  • lang-fr: french
  • lang-zn: chinese
  • And so on…

The “Smart” term in the name is because it use an algorythym based on WooCommerce Geocode and HTTP function to determine users location and provice the probably most correct language. So we will close our domains that start with br, like br.f5sites.com and br.franciscomat.com, because whenever location you are, the main domain will provide you content in your language.

The plugin will be present in all network, it will be attached to another plugin we use F5 Sites Footer Bar, so all sites will have translate options. The users will also have the option to change language anytime, and if it come in a link that does not have the language users spoke, a warn will be attached to change language anytime.

The plugin is under development and has no deadline to be finished, it is an effort I making to achieve best results in marketing and getting new clients.

Docker: We Are Migration Our Services to New DevOps Paradigm

In the upfront of currently technological changes we saw Docker as a new optimization paradigm. Why we waited so long to adopt it? The answer is simple, we only need it now, we were in a very long stable development process, without needing to migrate server or change process development.

But recently we reached a point to make an intermediate server, a kind of homolog/backup of production, then we saw that task would be huge time consuming, make all configuration, clone of git repos, installation of services like apache, myql, wordpress, etc. So I had two options, go folder to folder and make sure everything was alright, or format and install docker in a fresh linux /docker environment.

I choosed the second and most challenge option, so now I am working in the complete migration of all our projects, sites and operations to Docker technology. After that, we could instantiate our homolog server by simple running a docker command to set everything up and running.

Docker is not hard to understand, but you need to be very experienced to understand all its power, and it is not the best solution for all scenarios, but after you start using it, will be very difficulty to step back.

The First Semester of 2019 Was Very Busy

In the very end of 2018 I started a new position in a marketing company, working 9-18, so I had to leave a country side, small city, Itapetininga, and moved abruptly to Sao Paulo. In a day was in one small town with all time for me, the next I was in one of the ten biggest city of the World, without knowing nobody, moved to work in IT projects, a very intensive programming job, a very big challenge.

I moved to get a new income, I did not had choice, without funds and support, the only way I saw to get my plans done was to move to the capital. Besides work for money, I planned to launch my projects in a city of opportunities, besides Sao Paulo is the most expensive city to live in America Latina, it recompenses any one who is dedicated to work.

In and in parallel with it I started theater course in night, so basically had no time for blogging in my personal site. But after a period of adaptation, I am starting efforts to get back on trails of constantly post and commit in GitHub.

It was not in my planning to stop all my projects, that for me was going very well, besides it’s constantly late, without any funds, I was constantly strangling for low costs solutions to basic situations, even to make meals. But, after 6 months working hard, I am back to my personal site, all the work I did since end of 2016, will be the platform for my rocket launch.

Pomodoros.com.br Android Application Released in Beta Stage

A 2011 goal is finally getting out of the way, developing the native app for Android . Due to the advancement of Focus Training, application development was prioritized so that the first course students could download faster.

With the application we expect to grow a little faster, for some investors it is also a differential to be present in the Google Play store, because a good part believes in the mobile market and that to position with a native application is a superior strategy.

In fact it was enough for the user to access the mobile browser, click Menu-> Add Shortcut to the Main Menu, and the link with the jig would already appear on the main launcher, but I realize that few users have this habit, many prefer download direct from the App Store . We expect feedback to improve and release the definitive version soon.

Mega Update, Pre-Release Closing List

Before launching Pomodoros.com.br officially, I had to make a last list of updates, very extensive, that grew as I finished the tasks, but that brought great results from the point of view of programming and also many features for the users. The updates were:

Advertising Space

It was not the most difficult or the most laborious update of this round, but certainly the most important, since to date pomodoros.com.br, in almost 7 years in the air, never exhibited a single advertisement, having been kept with its own resources from the launch and until then in testing and development stage.

With the creation of advertising space within the app we can finally move to a second stage, supporting the expansion of the user network and further improving the service. At the moment we have no sponsor, we just opened the space, so know our sponsorship proposal and advertise your brand, product or service on our site.

Translation

The first version of pomodoros (Red), in 2011, already had two languages, Portuguese and English, with the qtranslate plugin, however as I add new screens and tools I left the translation for a second moment, the result was that the site was never 100% translated. The application was already in JavaScript, so I needed to create specific language files for the js, so the mess started.

In 2013 was released the second version (Green), also had two languages. another plugin for translation, wpml. Initially it seemed easier to translate, but soon it became a mess again, because as this plugin is for beginners and indicated for simple sites, also as I expanded the site it was difficult to do the translation, because it mixed parts of the words in source code and database.

Only now, at the end of 2018, I was able to take the time to “undo” all the “mistakes” of the past. For the translation was created its own technology, integrated with the new version of wordpress, buddypress and woocoomerce. Now with its own tool and the advanced method of translation, separating all the words into a language file in .pot format. Thus English was chosen as the primary language, and from it all new translations will be made, and only a small part. In addition, for new translations just send this simple file to a translator, who can do the translation and quickly the pomodoros will speak new languages.
Interface

The interface was updated in many parts, the main novelty was the implementation of bootstrap tables, they were implemented in the User Statistics widget, from the focus page, making the view much cleaner.

The task preview page was also completely redone using the tables, so it was also much lighter and easier to see the information. Finally, the project tag visualization page, where the bootstrap table was also implemented at the top, making the report much more professional.

And a very important update was made in the main tool, in the Focus page, it had already been “wiped” the screen, hiding additional information from the task with the Extra button, thus making the screen cleaner and easier for new users. Now it was implementing a new button called TODO, or task list, which displayed the task list when clicked and automatic dowel. For example, when used in the cell phone the interface was considerably simpler, more elegant and easier to use.

Bugs and Minor Updates.

Button Titles: a few weeks ago I was already bothering a little bug that changed the title of the application’s action button to the word Focus, at all stages of the tool, although working normally, this caused confusion in users, who expected the buttons, such as Focus, Interrupt Focus, Start Rest. In addition, the preset time only appears after clicking the button, now, after closing the pomodoros the clock displays the next action time, thus ending the pomodoro of 25 minutes, the clock displays 5 minutes with the Rest button.

Project tags: they were not working a few weeks ago, so some user projects were damaged, I needed to rebuild the project tags system and types of pomodoros to be able to work again.

Registration form: After some problems with the registration form, the registration process was finally stabilized and the registration interface closed, with a new screen for user activation after registration success. It was also possible to set the goal in Google Analytics to track the number of records and closely track the conversion rate of visitors to users.

Product visualization page: also the product page has been slightly updated, when clicking on buy keyring the screen is more rounded and similar to the registration and activation page, giving a similar appearance to all content of the site. The widget to buy keychain was also not displayed on the posts page due to a small, fixed.

Dynamic warnings: when the user clicks Interrupt Focus now a confirmation dialog will appear, to avoid inadvertent clicks, avoiding wasting time (user suggestion @Victor_Tardelli, thank you). Another warning that appears is when you close the browser tab with the time rolling, asking the user to confirm that they want to leave and lose the timed time.

Block wp-admin: An important security issue is to block the administrative area of ​​wordpress for non-admins.

It still has a huge list of tasks to close this list, less inconvenient bugs for the user and some new tools, continue reading our blog and follow the news of the project.

See the corresponding task: closing list

Become a Sponsor

Pomodoros is close to being released and you can help make this project a reality. We will be present in USA, UK and many english speak countries, we started searching users in theses countries to became global.

With your financial support your brand will always be visible on the site, reaching all our users. Your ad will be printed on the home page and app, site sidebar and footer. In addition to reaching select, highly intellectual audiences, you will still be supporting an innovative startup and will have your brand associated with a high-tech product.

USA/UK Quotas 2019

For USA and UK 2019 will have a monthly fee of US$2.000, which can be divided or purchased by a single master sponsor:

  • Master sponsor: buy the full quota of US$2.000 and have the exclusivity to your brand and products in the blog and app.
  • Split Sponsor: If there is no master, the quota can be divided into 4 of US$500, being printed in the same places as the master sponsor, but alternating between splits.

Buenos Aires may be the first city out of Brazil with new users

The Spanish translation was a very important step for the future of the project, the Hispanic community is very large and representative. We do not know which Spanish language country will have our first user, but we bet all our chips that will be Argentina.

Within the Pomodoros global expansion project, we look at Buenos Aires to begin the expansion, we may be surprised by Spanish speakers from other countries, especially Spain, but soon the founder of the project will be in Buenos Aires to, among other things, do some technical visits related to the project.

You who are Spanish speakers can help us if you see any problems in the translation please let us know. Sign up for free and start focusing on your projects right now.