Hijapedia

Role
WordPress theme & plugin developer

Time of employment:
Mid 2014 – Present

***

Hijapedia is array of sites consist of News, Store1 , and Forum2 for muslimah developed on top of WordPress Multisite. I was hired as freelance in late 2013 to lead its redesign as project manager3 and theme developer. Here’s how the redesign looks like:

Hijapedia News v2
Hijapedia News v2
Hijapedia Store v2
Hijapedia Store v2
Hijapedia Forum v2
Hijapedia Forum v2

The project went great and after I decided not to extend my contract with DMD BINUS for another year and move back to my Bandung, I was hired as remote WordPress theme and plugin developer for Hijapedia. Months after my employment, I analyze the site’s traffic and realize that mobile traffic has surpassed desktop traffic. Hence I pitched my employer to optimize the site by doing another redesign, this time using mobile first approach4 to make the UX of the site better for majority of visitors whom visit our site using mobile device.

My employer agreed. This time I was wearing the designer + developer hats. We’re using existing color scheme, existing IA structure, but optimizing the UI and UX using mobile first approach. After months of redesign process, this they how it look like:

Hijapedia News

Hijapedia News - Homepage
Hijapedia News – Homepage
Hijapedia News - Homepage (Recent Posts section). Notice how different it is presented on desktop and mobile screen
Hijapedia News – Homepage (Recent Posts section). It is adjusted to the possible use case: swiping is okay on mobile device while skimming is preferable on desktop
Hijapedia News - Homepage (Community Post Section)
Hijapedia News – Homepage (Community Post Section)
Hijapedia News - Article
Hijapedia News – Article
Hijapedia News - Login, powered with login with Facebook option
Hijapedia News – Login, powered with login with Facebook option
Hijapedia News - Front-end Editor
Hijapedia News – Front-end Editor
Hijapedia News - Profile
Hijapedia News – Profile

See it at http://hijapedia.com

Hijapedia Store

Hijapedia Store - Homepage
Hijapedia Store – Homepage
Hijapedia Store - Shop
Hijapedia Store – Shop
Hijapedia Store - Obvious Notification, making shopping easy and less confusing
Hijapedia Store – Obvious Notification, making shopping easy and less confusing
Hijapedia Store - One page fast checkout
Hijapedia Store – One page fast checkout

See it at http://store.hijapedia.com

Hijapedia Forum

Hijapedia Forum - Homepage
Hijapedia Forum – Homepage
Hijapedia Forum - Forums
Hijapedia Forum – Forums
Hijapedia Forum - Thread
Hijapedia Forum – Thread

See it at http://forum.hijapedia.com

***

Besides remote working benefit and opportunity to make customized WordPress experience, another great thing about working at Hijapedia is open-mindedness of the employer. I pitched him to open source many of our custom plugins5, and he agrees. Many plugins6 available at my github account are courtesy of Hijapedia.

Interested in hiring me for your project? Contact me here.

  1. Powered by WooCommerce 

  2. Powered by BBPress 

  3. I subcontracted the design process to Hellonemo, design firm which is based in Malang, Indonesia 

  4. The previous redesign was done as desktop-first with responsive layer 

  5. Based on Tom Preston-Werner’s “Open Source (Almost) Everything” reasons  

  6. Especially those WooCommerce and Gravity Forms add-ons 

Digital-Media Development Division, BINUS University

Role
Front-End & WordPress theme Developer

Time of employment
December 2011 – May 2014

***

Digital-Media Development  (DMD) Division of BINUS University is a brand new division at BINUS University which aims to level up the digital experience of BINUS University starting from the web and design standpoint.

I was very lucky to be employed as front-end and WordPress theme developer from December 2011 to May 2014 (2 years and 6 months). It could be divided into two phases:

  1. December 2011 – April 2013 as full-time remote employee due to my status as university student and freelancer. This is the compromise we agreed upon due to my commitment to complete my bachelor degree. Basically I worked after the campus hour, and once in a week I came to the office for weekly meeting (I live in Bandung and BINUS University is in Jakarta. It took three to five hours to commute)
  2. May 2013 – May 2014 as full-time on-site employee after I graduated from English Education department of Universitas Pendidikan Indonesia (Indonesia University of Education)1

While working there, I managed to develop lots of WordPress themes, WordPress plugins, front-end components, and even a Phonegap-based iPhone app for various BINUS University’s faculties and divisions. Some of the works can be accessed and showcased publicly while some other works cannot be showcased publicly. Some of the works that can be accessed publicly are listed below:

***

DISCLAIMER: All of the works listed below are assigned to me while I was employee at BINUS. They are owned by BINUS University.

BINUS.ac.id (2011 Edition)

One of my first task at DMD BINUS was creating a theme that will be used for BINUS.ac.id, BINUS University’s official site. This was how it looked:

BINUS.ac.id (2011) - Homepage
BINUS.ac.id (2011) – Homepage

This theme is no longer used due to 2012 redesign.

Child Themes for Departments

One of the goals of DMD’s first year was migrating various faculties’ and divisions’ sub-sites which was built using in-house CMS into WordPress powered sites. The reason of this migration was to give those sub-sites a more well-designed appearance.

To do so, we created a parent site derived from BINUS.ac.id and built many child-themes with various homepages to cater many faculties and divisions unique needs. My role in this project was creating the child themes based on the design made by DMD designers.

sbm.binus.ac.id
sbm.binus.ac.id
rector.binus.ac.id
rector.binus.ac.id
bbs.binus.ac.id
bbs.binus.ac.id
international.binus.ac.id
international.binus.ac.id
onlinelearning.binus.ac.id
onlinelearning.binus.ac.id
comp-eng.binus.ac.id
comp-eng.binus.ac.id

To see how the child theme look like, please click the caption on each screenshot.

DMD Ticket

DMD Ticket is WordPress based ticketing system. This solution was built to centralize all frequently asked questions and support ticket submission for DMD.

DMD BINUS Ticket
DMD BINUS Ticket

More information about DMD ticket can be seen at DMD BINUS blog. If you don’t speak Bahasa Indonesia, you might need this translated by Google Translate version.

BINUS Curriculum

BINUS Curriculum is website specifically developed for publishing all BINUS University’s curriculum and course details. What makes this project interesting was every course information should be embeddable for departments’ sub-sites through WordPress shortcode. My role in this project was developing the theme for BINUS Curriculum and its shortcode mechanism for department’s sub-sites.

Homepage of BINUS Curriculum
Homepage of BINUS Curriculum
English department's curriculum
English department’s curriculum
Course structure
Course structure
Course syllabus
Course syllabus
Embedded curriculum on department's site
Embedded curriculum on department’s site

 

See it at http://curriculum.binus.ac.id/

DMD BINUS

My division’s sub-site. My role in this project was developing the theme based on the design made by DMD designers.

Homepage
Homepage
Article Page
Article Page

See it at http://dmd.binus.ac.id

Teach for Indonesia

Teach for Indonesia is BINUS University’s community program which concerns in community building issues. Design wise, Teach for Indonesia’s site employed a one page site design. My role in this project was developing WordPress theme based on the design made by DMD designers.

Teach For Indonesia - Homepage
Teach For Indonesia – Homepage
Teach For Indonesia - Homepage (Why Volunteer and What's new)
Teach For Indonesia – Homepage (Why Volunteer and What’s new)
Teach For Indonesia - Homepage (How You can help & Footer)
Teach For Indonesia – Homepage (How You can help & Footer)
Teach For Indonesia - Page
Teach For Indonesia – Page
Teach For Indonesia - Gallery Page
Teach For Indonesia – Gallery Page

See it at http://www.teachforindonesia.org/.

BINUS School Simprug & BINUS School Serpong

BINUS School Simprug and BINUS School Serpong are elementary, intermediate, and high school that are managed by BINA Nusantara Foundation (foundation behind BINUS University) using international standard and curriculum. DMD was assigned to redesign the website of both schools. My role in this project was to develop the design into custom WordPress Theme.

BINUS School Simprug - Homepage
BINUS School Simprug – Homepage

BINUS School Serpong - Homepage.


  1. My GPA was 3.52 (out of 4)