{"id":8,"date":"2026-09-07T07:29:09","date_gmt":"2026-09-07T07:29:09","guid":{"rendered":"https:\/\/hasans.my.id\/?page_id=8"},"modified":"2026-09-07T08:17:04","modified_gmt":"2026-09-07T08:17:04","slug":"about-hasan","status":"publish","type":"page","link":"https:\/\/hasans.my.id\/index.php\/about-hasan\/","title":{"rendered":"About Hasan"},"content":{"rendered":"<p class=\"wp-block-paragraph\"><\/p>\n\n<!--themify_builder_content-->\n<div id=\"themify_builder_content-8\" data-postid=\"8\" class=\"themify_builder_content themify_builder_content-8 themify_builder tf_clear\">\n                    <div  data-anchor=\"home\" data-css_id=\"g2cc837\" data-lazy=\"1\" class=\"module_row themify_builder_row fullwidth tb_has_section tb_section-home tb_g2cc837 tb_first tf_w\">\n                        <div class=\"row_inner col_align_top gutter-none tb_col_count_2 tf_box tf_rel\">\n                        <div  data-lazy=\"1\" class=\"module_column tb-column col3-1 tb_jivo837 first\">\n                    <!-- module text -->\n<div  class=\"module module-text tb_fqqh837   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <p><span style=\"font-weight: bold;\">Hi, my name is<\/span><\/p>    <\/div>\n<\/div>\n<!-- \/module text --><!-- module text -->\n<div  class=\"module module-text tb_lpgt837   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <h1><strong><em>Hasan<\/em><\/strong><\/h1>    <\/div>\n<\/div>\n<!-- \/module text --><!-- module image -->\n<div  class=\"module module-image tb_lqzl837 image-top   tf_mw\" data-lazy=\"1\" data-lax-translate-x=\"(vh*1) 0,(vh*0) -600\" data-lax=\"true\">\n        <div class=\"image-wrap tf_rel tf_mw\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"360\" height=\"175\" src=\"https:\/\/hasans.my.id\/wp-content\/uploads\/2026\/09\/pattern-bg.png\" class=\"wp-post-image wp-image-10\" title=\"pattern-bg\" alt=\"\" srcset=\"https:\/\/hasans.my.id\/wp-content\/uploads\/2026\/09\/pattern-bg.png 360w, https:\/\/hasans.my.id\/wp-content\/uploads\/2026\/09\/pattern-bg-300x146.png 300w, https:\/\/hasans.my.id\/wp-content\/uploads\/2026\/09\/pattern-bg-361x175.png 361w\" sizes=\"auto, (max-width: 360px) 100vw, 360px\" \/>    \n        <\/div>\n    <!-- \/image-wrap -->\n    \n        <\/div>\n<!-- \/module image --><!-- module text -->\n<div  class=\"module module-text tb_ibeh837   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <h3><strong>Web Developer<\/strong><\/h3>    <\/div>\n<\/div>\n<!-- \/module text --><!-- module buttons -->\n<div  class=\"module module-buttons tb_230c837 buttons-horizontal solid  xlarge circle\" data-lazy=\"1\">\n        <div class=\"module-buttons-item tf_in_flx\">\n                        <a href=\"#portfolio\" class=\"ui builder_button tf_in_flx blue\" >\n                                                My Portfolio                                        <\/a>\n                <\/div>\n            <\/div>\n<!-- \/module buttons -->\n        <\/div>\n                    <div  data-lazy=\"1\" class=\"module_column tb-column col3-2 tb_me06837 last\">\n                    <!-- module image -->\n<div  class=\"module module-image tb_6xlo837 image-right   tf_mw wow\" data-tf-animation=\"fadeInRight\" data-lazy=\"1\">\n        <div class=\"image-wrap tf_rel tf_mw\">\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/asset.kompas.com\/crops\/m3YUUyAlJqplYDsYqe-CmUBcbNg=\/0x0:1200x800\/1200x800\/data\/photo\/2026\/08\/26\/6a8e689d9d5a8.jpg\" width=\"775\" height=\"487\" alt=\"\">    \n        <\/div>\n    <!-- \/image-wrap -->\n    \n        <\/div>\n<!-- \/module image -->        <\/div>\n                        <\/div>\n        <\/div>\n                        <div  data-lazy=\"1\" class=\"module_row themify_builder_row tb_e0qt837 tf_w\">\n                        <div class=\"row_inner col_align_top tb_col_count_1 tf_box tf_rel\">\n                        <div  data-lazy=\"1\" class=\"module_column tb-column col-full tb_eo44837 first\">\n                    <!-- module text -->\n<div  class=\"module module-text tb_ru4t837   \" data-lazy=\"1\" data-lax-translate-x=\"(vh*0.6) 0,(vh*0) -600\" data-lax=\"true\">\n        <div  class=\"tb_text_wrap\">\n        <h3>I\u2019m a web designer\/developer based in Toronto specializing in web development, mobile app, graphic design, and social marketing.<\/h3>    <\/div>\n<\/div>\n<!-- \/module text -->        <\/div>\n                        <\/div>\n        <\/div>\n                        <div  data-anchor=\"about\" data-lazy=\"1\" class=\"module_row themify_builder_row tb_has_section tb_section-about tb_qojd837 tf_w\">\n                        <div class=\"row_inner col_align_top tb_col_count_2 tf_box tf_rel\">\n                        <div  data-lazy=\"1\" class=\"module_column tb-column col4-2 tb_2chz837 first\">\n                    <!-- module text -->\n<div  class=\"module module-text tb_082n837   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <h2>My Achievements<\/h2>    <\/div>\n<\/div>\n<!-- \/module text -->        <div  data-lazy=\"1\" class=\"module_subrow themify_builder_sub_row tf_w col_align_top tb_col_count_4 tb_l8q6837\">\n                <div  data-lazy=\"1\" class=\"module_column sub_column col4-1 tb_pydc837 first\">\n                            <\/div>\n                    <div  data-lazy=\"1\" class=\"module_column sub_column col4-1 tb_kjs3837\">\n                    <!-- module text -->\n<div  class=\"module module-text tb_ti9f837   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <p>Completed Projects<\/p>    <\/div>\n<\/div>\n<!-- \/module text -->        <\/div>\n                    <div  data-lazy=\"1\" class=\"module_column sub_column col4-1 tb_854v837\">\n                            <\/div>\n                    <div  data-lazy=\"1\" class=\"module_column sub_column col4-1 tb_7gbo837 last\">\n                    <!-- module text -->\n<div  class=\"module module-text tb_ke00837   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <p>Awards Received<\/p>    <\/div>\n<\/div>\n<!-- \/module text -->        <\/div>\n                    <\/div>\n        <!-- module image -->\n<div  class=\"module module-image tb_rc98837 image-top   tf_mw\" data-lazy=\"1\">\n        <div class=\"image-wrap tf_rel tf_mw\">\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/hasans.my.id\/wp-content\/uploads\/2026\/09\/awards-570x96-1-570x96.png\" width=\"570\" height=\"96\" class=\"wp-post-image wp-image-16\" title=\"awards-570x96-1\" alt=\"\" srcset=\"https:\/\/hasans.my.id\/wp-content\/uploads\/2026\/09\/awards-570x96-1.png 570w, https:\/\/hasans.my.id\/wp-content\/uploads\/2026\/09\/awards-570x96-1-300x51.png 300w\" sizes=\"auto, (max-width: 570px) 100vw, 570px\" \/>    \n        <\/div>\n    <!-- \/image-wrap -->\n    \n        <\/div>\n<!-- \/module image -->        <\/div>\n                    <div  data-lazy=\"1\" class=\"module_column tb-column col4-2 tb_n84t837 last\">\n                    <!-- module text -->\n<div  class=\"module module-text tb_rzbo837   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <h2>About me<\/h2>    <\/div>\n<\/div>\n<!-- \/module text --><!-- module text -->\n<div  class=\"module module-text tb_jqiw837   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <p>Since 2012, I&#8217;ve been helping businesses from individuals to mid-size companies for their design and marketing needs. I help many successful startups to build their brand from the ground up.<\/p>    <\/div>\n<\/div>\n<!-- \/module text -->        <\/div>\n                        <\/div>\n        <\/div>\n                        <div  data-lazy=\"1\" class=\"module_row themify_builder_row tb_sbst837 tf_w\">\n                        <div class=\"row_inner col_align_middle gutter-narrow tb_col_count_2 tf_box tf_rel\">\n                        <div  data-lazy=\"1\" class=\"module_column tb-column col4-2 tb_maaa837 first\">\n                    <!-- module text -->\n<div  class=\"module module-text tb_sxty837   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <h2>My Latest Projects<\/h2>\n<div>You can find some of the featured projects here. To see my older projects, please contact me.<\/div>    <\/div>\n<\/div>\n<!-- \/module text --><!-- module buttons -->\n<div  class=\"module module-buttons tb_yk8a837 buttons-horizontal solid   circle\" data-lazy=\"1\">\n        <div class=\"module-buttons-item tf_in_flx\">\n                        <a href=\"#portfolio\" class=\"ui builder_button tf_in_flx blue\" >\n                                                My Portfolio                                        <\/a>\n                <\/div>\n            <\/div>\n<!-- \/module buttons -->\n        <\/div>\n                    <div  data-lazy=\"1\" class=\"module_column tb-column col4-2 tb_s99y837 last\">\n                            <div  data-lazy=\"1\" class=\"module_subrow themify_builder_sub_row tf_w col_align_middle gutter-none tb_col_count_2 tb_75lz837\">\n                <div  data-lazy=\"1\" class=\"module_column sub_column tb_zswp837 first\">\n                    <!-- module image -->\n<div  class=\"module module-image tb_awdh837 image-top   tf_mw\" data-lazy=\"1\" data-lax-translate-y=\"(vh*1) 0,(vh*0) -140\" data-lax=\"true\">\n        <div class=\"image-wrap tf_rel tf_mw\">\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/hasans.my.id\/wp-content\/uploads\/2026\/09\/latest-work-yoga-318x356-2-318x356.jpg\" width=\"318\" height=\"356\" class=\"wp-post-image wp-image-18\" title=\"latest-work-yoga-318x356-2\" alt=\"\" srcset=\"https:\/\/hasans.my.id\/wp-content\/uploads\/2026\/09\/latest-work-yoga-318x356-2.jpg 318w, https:\/\/hasans.my.id\/wp-content\/uploads\/2026\/09\/latest-work-yoga-318x356-2-268x300.jpg 268w\" sizes=\"auto, (max-width: 318px) 100vw, 318px\" \/>    \n        <\/div>\n    <!-- \/image-wrap -->\n    \n        <\/div>\n<!-- \/module image -->        <\/div>\n                    <div  data-lazy=\"1\" class=\"module_column sub_column tb_j4uh837 last\">\n                    <!-- module image -->\n<div  class=\"module module-image tb_zc80837 image-top   tf_mw\" data-lazy=\"1\" data-lax-translate-y=\"(vh*1) 0,(vh*0) -70\" data-lax=\"true\">\n        <div class=\"image-wrap tf_rel tf_mw\">\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/hasans.my.id\/wp-content\/uploads\/2026\/09\/latest-work-software-318x356-1-318x356.jpg\" width=\"318\" height=\"356\" class=\"wp-post-image wp-image-12\" title=\"latest-work-software-318x356-1\" alt=\"\" srcset=\"https:\/\/hasans.my.id\/wp-content\/uploads\/2026\/09\/latest-work-software-318x356-1.jpg 318w, https:\/\/hasans.my.id\/wp-content\/uploads\/2026\/09\/latest-work-software-318x356-1-268x300.jpg 268w\" sizes=\"auto, (max-width: 318px) 100vw, 318px\" \/>    \n        <\/div>\n    <!-- \/image-wrap -->\n    \n        <\/div>\n<!-- \/module image --><!-- module image -->\n<div  class=\"module module-image tb_hwyj837 image-top   tf_mw\" data-lazy=\"1\" data-lax-translate-y=\"(vh*1) 0,(vh*0) -70\" data-lax=\"true\">\n        <div class=\"image-wrap tf_rel tf_mw\">\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/hasans.my.id\/wp-content\/uploads\/2026\/09\/latest-work-fasion-318x356-1-318x356.jpg\" width=\"318\" height=\"356\" class=\"wp-post-image wp-image-13\" title=\"latest-work-fasion-318x356-1\" alt=\"\" srcset=\"https:\/\/hasans.my.id\/wp-content\/uploads\/2026\/09\/latest-work-fasion-318x356-1.jpg 318w, https:\/\/hasans.my.id\/wp-content\/uploads\/2026\/09\/latest-work-fasion-318x356-1-268x300.jpg 268w\" sizes=\"auto, (max-width: 318px) 100vw, 318px\" \/>    \n        <\/div>\n    <!-- \/image-wrap -->\n    \n        <\/div>\n<!-- \/module image -->        <\/div>\n                    <\/div>\n                <\/div>\n                        <\/div>\n        <\/div>\n                        <div  data-anchor=\"products\" data-lazy=\"1\" class=\"module_row themify_builder_row tb_has_section tb_section-products tb_vefy837 tf_w\">\n                        <div class=\"row_inner col_align_top tb_col_count_2 tf_box tf_rel\">\n                        <div  data-lazy=\"1\" class=\"module_column tb-column col4-2 tb_t2ls837 first\">\n                    <!-- module text -->\n<div  class=\"module module-text tb_llvt837   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <h2>Products<\/h2>    <\/div>\n<\/div>\n<!-- \/module text --><!-- module text -->\n<div  class=\"module module-text tb_tw6p837   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <p>One of my passions is illustration. Here are some of the works created in my free time. Please make a purchase to support me.<\/p>    <\/div>\n<\/div>\n<!-- \/module text -->        <\/div>\n                    <div  data-lazy=\"1\" class=\"module_column tb-column col4-2 tb_0jkb837 last\">\n                    <!-- module image -->\n<div  class=\"module module-image tb_a4ao837 image-center   tf_mw\" data-lazy=\"1\" data-lax-translate-x=\"(vh*0.57) 0,(vh*0) -600\" data-lax=\"true\">\n        <div class=\"image-wrap tf_rel tf_mw\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"360\" height=\"175\" src=\"https:\/\/hasans.my.id\/wp-content\/uploads\/2026\/09\/pattern-bg.png\" class=\"wp-post-image wp-image-10\" title=\"pattern-bg\" alt=\"\" srcset=\"https:\/\/hasans.my.id\/wp-content\/uploads\/2026\/09\/pattern-bg.png 360w, https:\/\/hasans.my.id\/wp-content\/uploads\/2026\/09\/pattern-bg-300x146.png 300w, https:\/\/hasans.my.id\/wp-content\/uploads\/2026\/09\/pattern-bg-361x175.png 361w\" sizes=\"auto, (max-width: 360px) 100vw, 360px\" \/>    \n        <\/div>\n    <!-- \/image-wrap -->\n    \n        <\/div>\n<!-- \/module image -->        <\/div>\n                        <\/div>\n        <\/div>\n                        <div  data-lazy=\"1\" class=\"module_row themify_builder_row tb_dk1u837 tf_w\">\n                        <div class=\"row_inner col_align_top tb_col_count_1 tf_box tf_rel\">\n                        <div  data-lazy=\"1\" class=\"module_column tb-column col-full tb_f952837 first\">\n                            <\/div>\n                        <\/div>\n        <\/div>\n                        <div  data-anchor=\"services\" data-lazy=\"1\" class=\"module_row themify_builder_row tb_has_section tb_section-services tb_vodf837 tf_w\">\n                        <div class=\"row_inner col_align_top tb_col_count_2 tf_box tf_rel\">\n                        <div  data-lazy=\"1\" class=\"module_column tb-column col4-2 tb_x10p837 first\">\n                    <!-- module image -->\n<div  class=\"module module-image tb_b3zd837 image-top   tf_mw\" data-lazy=\"1\" data-lax-translate-y=\"(vh*1) 0,(vh*0) -140\" data-lax=\"true\">\n        <div class=\"image-wrap tf_rel tf_mw\">\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/hasans.my.id\/wp-content\/uploads\/2026\/09\/latest-work-yoga-318x356-2-594x732.jpg\" width=\"594\" height=\"732\" class=\"wp-post-image wp-image-18\" title=\"latest-work-yoga-318x356-2\" alt=\"\">    \n        <\/div>\n    <!-- \/image-wrap -->\n    \n        <\/div>\n<!-- \/module image -->        <\/div>\n                    <div  data-lazy=\"1\" class=\"module_column tb-column col4-2 tb_n7bf837 last\">\n                    <!-- module text -->\n<div  class=\"module module-text tb_ggt9837   \" data-lazy=\"1\" data-lax-translate-x=\"(vh*0.4) 0,(vh*0) 600\" data-lax=\"true\">\n        <div  class=\"tb_text_wrap\">\n        <h2>My services<\/h2>    <\/div>\n<\/div>\n<!-- \/module text --><!-- module text -->\n<div  class=\"module module-text tb_87hw837   \" data-lazy=\"1\" data-lax-translate-x=\"(vh*0.38) 0,(vh*0) -600\" data-lax=\"true\">\n        <div  class=\"tb_text_wrap\">\n        <h3>What I do&#8230;<\/h3>    <\/div>\n<\/div>\n<!-- \/module text --><!-- module text -->\n<div  class=\"module module-text tb_1orx837   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <p>My main focuses are design, development, app, and UI\/UX design. There is no specific rates (price list) because every project is unique. If you want a quote on your projects, please <a href=\"#contact\">contact me<\/a>. I normally respond my emails within 24 hours except weekends and holidays.<\/p>    <\/div>\n<\/div>\n<!-- \/module text --><!-- module image -->\n<div  class=\"module module-image tb_eksx837 image-top   tf_mw\" data-lazy=\"1\" data-lax-translate-x=\"(vh*0.4) 0,(vh*0) 600\" data-lax=\"true\">\n        <div class=\"image-wrap tf_rel tf_mw\">\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/hasans.my.id\/wp-content\/uploads\/2026\/09\/pattern-bg-361x175.png\" width=\"361\" height=\"175\" class=\"wp-post-image wp-image-10\" title=\"pattern-bg\" alt=\"\" srcset=\"https:\/\/hasans.my.id\/wp-content\/uploads\/2026\/09\/pattern-bg-361x175.png 361w, https:\/\/hasans.my.id\/wp-content\/uploads\/2026\/09\/pattern-bg-300x146.png 300w, https:\/\/hasans.my.id\/wp-content\/uploads\/2026\/09\/pattern-bg.png 360w\" sizes=\"auto, (max-width: 361px) 100vw, 361px\" \/>    \n        <\/div>\n    <!-- \/image-wrap -->\n    \n        <\/div>\n<!-- \/module image -->        <\/div>\n                        <\/div>\n        <\/div>\n                        <div  data-lazy=\"1\" class=\"module_row themify_builder_row tb_vzhi837 tf_w\">\n                        <div class=\"row_inner col_align_top gutter-none tb_col_count_2 tf_box tf_rel\">\n                        <div  data-lazy=\"1\" class=\"module_column tb-column col4-2 tb_mx3n837 first\">\n                    <!-- module text -->\n<div  class=\"module module-text tb_9qr3837   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <h3>Design<\/h3>\n<p>All general design services are covered from logo branding to complete web app\/site design.<\/p>    <\/div>\n<\/div>\n<!-- \/module text --><!-- module text -->\n<div  class=\"module module-text tb_5obu837   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <h3>APP<\/h3>\n<p>Whether it is an Android, iOS or web app, I provide full development from design to app launch. You get to test live prototypes before deployment.<\/p>    <\/div>\n<\/div>\n<!-- \/module text -->        <\/div>\n                    <div  data-lazy=\"1\" class=\"module_column tb-column col4-2 tb_20mi837 last\">\n                    <!-- module text -->\n<div  class=\"module module-text tb_qe66837   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <h3>Development<\/h3>\n<p>The development can be done in-house. From design straight to development all done here, cut the hassles in communication and going back &amp; forth with revisions between companies.<\/p>    <\/div>\n<\/div>\n<!-- \/module text --><!-- module text -->\n<div  class=\"module module-text tb_14zu837   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <h3>UX\/UI Design<\/h3>\n<p>Got an existing site\/app that needs to be fixed or redesigned? Having a good user experience (UX) is essential for better conversions and user engagements. I can help to review and redesign your existing projects.<\/p>    <\/div>\n<\/div>\n<!-- \/module text -->        <\/div>\n                        <\/div>\n        <\/div>\n                        <div  data-lazy=\"1\" class=\"module_row themify_builder_row tb_dax9837 tf_w\">\n                        <div class=\"row_inner col_align_top tb_col_count_1 tf_box tf_rel\">\n                        <div  data-lazy=\"1\" class=\"module_column tb-column col-full tb_lteu837 first\">\n                    <!-- module text -->\n<div  class=\"module module-text tb_rma8837   \" data-lazy=\"1\" data-lax-translate-x=\"(vh*0.4) 0,(vh*0) 600\" data-lax=\"true\">\n        <div  class=\"tb_text_wrap\">\n        <h2>Skills<\/h2>    <\/div>\n<\/div>\n<!-- \/module text --><!-- module text -->\n<div  class=\"module module-text tb_hnen837   \" data-lazy=\"1\" data-lax-translate-x=\"(vh*0.37) 0,(vh*0) 600\" data-lax=\"true\">\n        <div  class=\"tb_text_wrap\">\n        <h3>and Experience<\/h3>    <\/div>\n<\/div>\n<!-- \/module text -->        <div  data-lazy=\"1\" class=\"module_subrow themify_builder_sub_row tf_w col_align_top tb_col_count_4 tb_11xg837\">\n                <div  data-lazy=\"1\" class=\"module_column sub_column col4-1 tb_61ol837 first\">\n                            <\/div>\n                    <div  data-lazy=\"1\" class=\"module_column sub_column col4-1 tb_d2uz837\">\n                            <\/div>\n                    <div  data-lazy=\"1\" class=\"module_column sub_column col4-1 tb_ge32837\">\n                            <\/div>\n                    <div  data-lazy=\"1\" class=\"module_column sub_column col4-1 tb_m1uz837 last\">\n                            <\/div>\n                    <\/div>\n                <div  data-lazy=\"1\" class=\"module_subrow themify_builder_sub_row tf_w col_align_top gutter-narrow tb_col_count_4 tb_ua49837\">\n                <div  data-lazy=\"1\" class=\"module_column sub_column col4-1 tb_knin837 first\">\n                    <!-- module text -->\n<div  class=\"module module-text tb_gm3r837   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <p>2016 &#8211; Present<\/p>    <\/div>\n<\/div>\n<!-- \/module text --><!-- module text -->\n<div  class=\"module module-text tb_zugg837   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <h4>Ultra<\/h4>\n<h3>CEO\/Developer<\/h3>    <\/div>\n<\/div>\n<!-- \/module text --><!-- module text -->\n<div  class=\"module module-text tb_c26t837   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <p>Officially founded the studio where I provide a complete design and development service.<\/p>    <\/div>\n<\/div>\n<!-- \/module text -->        <\/div>\n                    <div  data-lazy=\"1\" class=\"module_column sub_column col4-1 tb_vkjh837\">\n                    <!-- module text -->\n<div  class=\"module module-text tb_y15r837   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <p>2014<\/p>    <\/div>\n<\/div>\n<!-- \/module text --><!-- module text -->\n<div  class=\"module module-text tb_24ke837   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <h4>Amazon<\/h4>\n<h3>Web Developer<\/h3>    <\/div>\n<\/div>\n<!-- \/module text --><!-- module text -->\n<div  class=\"module module-text tb_tjqt837   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <p>Transitioned from design to development, I helped the company to code their web app along with a large team.<\/p>    <\/div>\n<\/div>\n<!-- \/module text -->        <\/div>\n                    <div  data-lazy=\"1\" class=\"module_column sub_column col4-1 tb_sv3g837\">\n                    <!-- module text -->\n<div  class=\"module module-text tb_20hf837   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <p>2012<\/p>    <\/div>\n<\/div>\n<!-- \/module text --><!-- module text -->\n<div  class=\"module module-text tb_xbnl837   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <h4>Google<\/h4>\n<h3>Junior Designer<\/h3>    <\/div>\n<\/div>\n<!-- \/module text --><!-- module text -->\n<div  class=\"module module-text tb_wnt6837   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <p>Although it was a junior designer title, but I got a great opportunity to work with the team on a large scale project.<\/p>    <\/div>\n<\/div>\n<!-- \/module text -->        <\/div>\n                    <div  data-lazy=\"1\" class=\"module_column sub_column col4-1 tb_9hgu837 last\">\n                    <!-- module text -->\n<div  class=\"module module-text tb_lgac837   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <p>2010<\/p>    <\/div>\n<\/div>\n<!-- \/module text --><!-- module text -->\n<div  class=\"module module-text tb_zaxw837   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <h4>Microsoft<\/h4>\n<h3>Internship<\/h3>    <\/div>\n<\/div>\n<!-- \/module text --><!-- module text -->\n<div  class=\"module module-text tb_6ow3837   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <p>Participated in an internship program where I assisted the team in various design &amp; development projects.<\/p>    <\/div>\n<\/div>\n<!-- \/module text -->        <\/div>\n                    <\/div>\n                <\/div>\n                        <\/div>\n        <\/div>\n                        <div  data-anchor=\"portfolio\" data-lazy=\"1\" class=\"module_row themify_builder_row tb_has_section tb_section-portfolio tb_jxud837 tf_w\">\n                        <div class=\"row_inner col_align_top tb_col_count_1 tf_box tf_rel\">\n                        <div  data-lazy=\"1\" class=\"module_column tb-column col-full tb_yc0w837 first\">\n                    <!-- module text -->\n<div  class=\"module module-text tb_t879837   \" data-lazy=\"1\" data-lax-translate-x=\"(vh*0.4) 0,(vh*0) 600\" data-lax=\"true\">\n        <div  class=\"tb_text_wrap\">\n        <h2>Portfolio<\/h2>    <\/div>\n<\/div>\n<!-- \/module text --><!-- module text -->\n<div  class=\"module module-text tb_qbeo837   \" data-lazy=\"1\" data-lax-translate-x=\"(vh*0.38) 0,(vh*0) 600\" data-lax=\"true\">\n        <div  class=\"tb_text_wrap\">\n        <h3>My Works<\/h3>    <\/div>\n<\/div>\n<!-- \/module text --><!-- module image -->\n<div  class=\"module module-image tb_eihc837 image-top   tf_mw\" data-lazy=\"1\" data-lax-rotate=\"(vh*1) 0,(vh*0) -1080\" data-box-position=\"center center\" data-lax=\"true\">\n        <div class=\"image-wrap tf_rel tf_mw\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"281\" height=\"209\" src=\"https:\/\/hasans.my.id\/wp-content\/uploads\/2026\/09\/portfolio-heading-pattern.png\" class=\"wp-post-image wp-image-19\" title=\"portfolio-heading-pattern\" alt=\"\">    \n        <\/div>\n    <!-- \/image-wrap -->\n    \n        <\/div>\n<!-- \/module image -->        <\/div>\n                        <\/div>\n        <\/div>\n                        <div  data-lazy=\"1\" class=\"module_row themify_builder_row tb_md97837 tf_w\">\n                        <div class=\"row_inner col_align_top tb_col_count_1 tf_box tf_rel\">\n                        <div  data-lazy=\"1\" class=\"module_column tb-column col-full tb_q4c0837 first\">\n                            <\/div>\n                        <\/div>\n        <\/div>\n                        <div  data-anchor=\"contact\" id=\"contact\" data-lazy=\"1\" class=\"module_row themify_builder_row tb_has_section tb_section-contact tb_ewni837 tf_w\">\n                        <div class=\"row_inner col_align_top tb_col_count_1 tf_box tf_rel\">\n                        <div  data-lazy=\"1\" class=\"module_column tb-column col-full tb_t6lz837 first\">\n                    <!-- module text -->\n<div  class=\"module module-text tb_6mft837   \" data-lazy=\"1\" data-lax-translate-x=\"(vh*0.41) 0,(vh*0) -600\" data-lax=\"true\">\n        <div  class=\"tb_text_wrap\">\n        <h2>Get in Touch<\/h2>\n<h3>Tell Me About Your Projects<\/h3>    <\/div>\n<\/div>\n<!-- \/module text --><!-- module text -->\n<div  class=\"module module-text tb_c0pi837   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n        <p>No project is too big or small. If you need a quick quote on your upcoming projects, send me a message. Your quote is normally responded within 24 hours (of course excluding weekends and holidays).<\/p>    <\/div>\n<\/div>\n<!-- \/module text -->        <\/div>\n                        <\/div>\n        <\/div>\n        <\/div>\n<!--\/themify_builder_content-->\n\n\n<p class=\"wp-block-paragraph\"><\/p>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"builder_content":"<p>Hi, my name is<\/p>\n<h1><strong><em>Hasan<\/em><\/strong><\/h1>\n<img src=\"https:\/\/hasans.my.id\/wp-content\/uploads\/2026\/09\/pattern-bg.png\" title=\"pattern-bg\" alt=\"\" srcset=\"https:\/\/hasans.my.id\/wp-content\/uploads\/2026\/09\/pattern-bg.png 360w, https:\/\/hasans.my.id\/wp-content\/uploads\/2026\/09\/pattern-bg-300x146.png 300w, https:\/\/hasans.my.id\/wp-content\/uploads\/2026\/09\/pattern-bg-361x175.png 361w\" sizes=\"(max-width: 360px) 100vw, 360px\" \/>\n<h3><strong>Web Developer<\/strong><\/h3>\n<a href=\"#portfolio\" > My Portfolio <\/a>\n<img src=\"https:\/\/asset.kompas.com\/crops\/m3YUUyAlJqplYDsYqe-CmUBcbNg=\/0x0:1200x800\/1200x800\/data\/photo\/2026\/08\/26\/6a8e689d9d5a8.jpg\" width=\"775\" height=\"487\" alt=\"\">\n<h3>I\u2019m a web designer\/developer based in Toronto specializing in web development, mobile app, graphic design, and social marketing.<\/h3>\n<h2>My Achievements<\/h2>\n<p>Completed Projects<\/p>\n<p>Awards Received<\/p>\n<img src=\"https:\/\/hasans.my.id\/wp-content\/uploads\/2026\/09\/awards-570x96-1-570x96.png\" width=\"570\" height=\"96\" title=\"awards-570x96-1\" alt=\"\" srcset=\"https:\/\/hasans.my.id\/wp-content\/uploads\/2026\/09\/awards-570x96-1.png 570w, https:\/\/hasans.my.id\/wp-content\/uploads\/2026\/09\/awards-570x96-1-300x51.png 300w\" sizes=\"(max-width: 570px) 100vw, 570px\" \/>\n<h2>About me<\/h2>\n<p>Since 2012, I've been helping businesses from individuals to mid-size companies for their design and marketing needs. I help many successful startups to build their brand from the ground up.<\/p>\n<h2>My Latest Projects<\/h2> You can find some of the featured projects here. To see my older projects, please contact me.\n<a href=\"#portfolio\" > My Portfolio <\/a>\n<img src=\"https:\/\/hasans.my.id\/wp-content\/uploads\/2026\/09\/latest-work-yoga-318x356-2-318x356.jpg\" width=\"318\" height=\"356\" title=\"latest-work-yoga-318x356-2\" alt=\"\" srcset=\"https:\/\/hasans.my.id\/wp-content\/uploads\/2026\/09\/latest-work-yoga-318x356-2.jpg 318w, https:\/\/hasans.my.id\/wp-content\/uploads\/2026\/09\/latest-work-yoga-318x356-2-268x300.jpg 268w\" sizes=\"(max-width: 318px) 100vw, 318px\" \/>\n<img src=\"https:\/\/hasans.my.id\/wp-content\/uploads\/2026\/09\/latest-work-software-318x356-1-318x356.jpg\" width=\"318\" height=\"356\" title=\"latest-work-software-318x356-1\" alt=\"\" srcset=\"https:\/\/hasans.my.id\/wp-content\/uploads\/2026\/09\/latest-work-software-318x356-1.jpg 318w, https:\/\/hasans.my.id\/wp-content\/uploads\/2026\/09\/latest-work-software-318x356-1-268x300.jpg 268w\" sizes=\"(max-width: 318px) 100vw, 318px\" \/>\n<img src=\"https:\/\/hasans.my.id\/wp-content\/uploads\/2026\/09\/latest-work-fasion-318x356-1-318x356.jpg\" width=\"318\" height=\"356\" title=\"latest-work-fasion-318x356-1\" alt=\"\" srcset=\"https:\/\/hasans.my.id\/wp-content\/uploads\/2026\/09\/latest-work-fasion-318x356-1.jpg 318w, https:\/\/hasans.my.id\/wp-content\/uploads\/2026\/09\/latest-work-fasion-318x356-1-268x300.jpg 268w\" sizes=\"(max-width: 318px) 100vw, 318px\" \/>\n<h2>Products<\/h2>\n<p>One of my passions is illustration. Here are some of the works created in my free time. Please make a purchase to support me.<\/p>\n<img src=\"https:\/\/hasans.my.id\/wp-content\/uploads\/2026\/09\/pattern-bg.png\" title=\"pattern-bg\" alt=\"\" srcset=\"https:\/\/hasans.my.id\/wp-content\/uploads\/2026\/09\/pattern-bg.png 360w, https:\/\/hasans.my.id\/wp-content\/uploads\/2026\/09\/pattern-bg-300x146.png 300w, https:\/\/hasans.my.id\/wp-content\/uploads\/2026\/09\/pattern-bg-361x175.png 361w\" sizes=\"(max-width: 360px) 100vw, 360px\" \/>\n<img src=\"https:\/\/hasans.my.id\/wp-content\/uploads\/2026\/09\/latest-work-yoga-318x356-2-594x732.jpg\" width=\"594\" height=\"732\" title=\"latest-work-yoga-318x356-2\" alt=\"\">\n<h2>My services<\/h2>\n<h3>What I do...<\/h3>\n<p>My main focuses are design, development, app, and UI\/UX design. There is no specific rates (price list) because every project is unique. If you want a quote on your projects, please <a href=\"#contact\">contact me<\/a>. I normally respond my emails within 24 hours except weekends and holidays.<\/p>\n<img src=\"https:\/\/hasans.my.id\/wp-content\/uploads\/2026\/09\/pattern-bg-361x175.png\" width=\"361\" height=\"175\" title=\"pattern-bg\" alt=\"\" srcset=\"https:\/\/hasans.my.id\/wp-content\/uploads\/2026\/09\/pattern-bg-361x175.png 361w, https:\/\/hasans.my.id\/wp-content\/uploads\/2026\/09\/pattern-bg-300x146.png 300w, https:\/\/hasans.my.id\/wp-content\/uploads\/2026\/09\/pattern-bg.png 360w\" sizes=\"(max-width: 361px) 100vw, 361px\" \/>\n<h3>Design<\/h3> <p>All general design services are covered from logo branding to complete web app\/site design.<\/p>\n<h3>APP<\/h3> <p>Whether it is an Android, iOS or web app, I provide full development from design to app launch. You get to test live prototypes before deployment.<\/p>\n<h3>Development<\/h3> <p>The development can be done in-house. From design straight to development all done here, cut the hassles in communication and going back &amp; forth with revisions between companies.<\/p>\n<h3>UX\/UI Design<\/h3> <p>Got an existing site\/app that needs to be fixed or redesigned? Having a good user experience (UX) is essential for better conversions and user engagements. I can help to review and redesign your existing projects.<\/p>\n<h2>Skills<\/h2>\n<h3>and Experience<\/h3>\n<p>2016 - Present<\/p>\n<h4>Ultra<\/h4> <h3>CEO\/Developer<\/h3>\n<p>Officially founded the studio where I provide a complete design and development service.<\/p>\n<p>2014<\/p>\n<h4>Amazon<\/h4> <h3>Web Developer<\/h3>\n<p>Transitioned from design to development, I helped the company to code their web app along with a large team.<\/p>\n<p>2012<\/p>\n<h4>Google<\/h4> <h3>Junior Designer<\/h3>\n<p>Although it was a junior designer title, but I got a great opportunity to work with the team on a large scale project.<\/p>\n<p>2010<\/p>\n<h4>Microsoft<\/h4> <h3>Internship<\/h3>\n<p>Participated in an internship program where I assisted the team in various design &amp; development projects.<\/p>\n<h2>Portfolio<\/h2>\n<h3>My Works<\/h3>\n<img src=\"https:\/\/hasans.my.id\/wp-content\/uploads\/2026\/09\/portfolio-heading-pattern.png\" title=\"portfolio-heading-pattern\" alt=\"\">\n<h2>Get in Touch<\/h2> <h3>Tell Me About Your Projects<\/h3>\n<p>No project is too big or small. If you need a quick quote on your upcoming projects, send me a message. Your quote is normally responded within 24 hours (of course excluding weekends and holidays).<\/p>","_links":{"self":[{"href":"https:\/\/hasans.my.id\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hasans.my.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hasans.my.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hasans.my.id\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hasans.my.id\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":18,"href":"https:\/\/hasans.my.id\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":38,"href":"https:\/\/hasans.my.id\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/38"}],"wp:attachment":[{"href":"https:\/\/hasans.my.id\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}