{}
menu
navigate_next
John Itebu
Designer / Afrocentrist / Liberal
Contact me


Ojanti.com is majorly, custom designed by hand from the ground up. The site is built with a mobile first approach hence optimised for speed & fair browser compatibility.

Design Inspiration

This site is largely inspired by several Google platforms. Google has always been a source of inspiration for me in respect to user experience, design and application intuitiveness (Gmail being my personal favorite). Their design methods make use of simplicity and elegance and still manage to convey the necessary information. Here are a list of the Google sites that influenced the design of ojanti.com

  1. Google Login reply
  2. Google Support reply
  3. Google Plus (the new design) reply
  4. Google About me reply
  5. Gmail (Compose box)

Of the many SVG icon sets out there, Google's Material design Icons was a definite pick due to the its  nearly scientific foundation. The icon construction of Material design is based on research  into human visual cues and responses. Not to mention the wide adoption in Android powered smartphones globally
Learn more about that here.

Content Management

The site has a front site which displays content and a back-end content management system. I considered using WordPress to manage the sites content but instead built a custom CMS using Codeigniter 3 (a php framework).

Libraries, Frameworks and Plugins

Interaction on Ojanti.com's is mainly powered by JavaScript (20% Vanilla + 80% Library based). JQuery and JQuery UI are the JavaScript libraries used.

MaterializeCSS framework powers the tabs component, share widget and Waves effect. It also provides a nice range of helper classes for margins, paddings, backgrounds and colors.
Plugins & Packages used include:

  1. HTML5 Boilerplate v5.3.0. See https://github.com/h5bp/html5-boilerplate
  2. HTML form validation v2.0.3 . See https://github.com/yairEO/validator
  3. Typed.js . See https://github.com/mattboldt/typed.js/
  4. Modernizr-2.8.3. See https://github.com/modernizr/modernizr
  5. Jquery Toast. See https://github.com/kamranahmedse/jquery-toast-plugin
  6. Tooltipster v4.1.6 . See https://github.com/iamceege/tooltipster/
  7. Quill Editor v1.2.0. See https://github.com/quilljs/quill/releases
  8. Masonry v4.1.1. See https://github.com/desandro/masonry
  9. WOW.js v1.1.2. See https://github.com/matthieua/WOW

Dont forget to reach out 👌😎👌


commentsComments


New Message
close
From
done
clear
Subject
text_format
delete
close
Change your name
Please enter a valid name :)
share