waheedos

Senior UI/UX Specialist

Company Name: Baramulti Group

Contract Type: Contract

Employment Duration: Jun 2023 - Jul 2023 · 2 months

Company Location: Central Jakarta, Jakarta, Indonesia

Work Placement: On-site

Job Description

Developed and maintained a website for (undisclosed website/business name) from scratch, involving a comprehensive process of design, development, and deployment:

Website Design & Development: Led the full cycle of website creation, from initial brainstorming and mind-mapping to developing wireframes, sitemaps, and user flows to ensure an intuitive and user-friendly experience.

Front-end Development (HTML, CSS, JavaScript): Hand-coded responsive layouts to ensure smooth performance and optimal design across both mobile and desktop views, ensuring cross-browser compatibility.

Back-end Development (PHP): Developed custom features and functionality with PHP, integrated server-side logic, and ensured seamless interactions between the front-end and back-end.

WordPress Customization & Theme Development: Built custom WordPress themes tailored to specific business needs, ensuring modularity, customization, and performance optimization. Implemented both standard and custom plugins for extended functionality.

Responsive & Cross-Browser Compatibility: Optimized the website for mobile browsers and desktop browsers, ensuring pixel-perfect responsiveness and performance. Used media queries and flexible layouts to cater to various screen sizes and devices.

Mailchimp Integration: Set up email subscription forms using Mailchimp, implementing customized email marketing strategies to help grow and retain the client’s audience.

SEO & Performance Optimization: Ensured the site adhered to best SEO practices, including on-page SEO, site speed optimization, and performance tuning.

Ongoing Maintenance & Updates: Regularly updated the website's content, WordPress core, and plugins. Provided troubleshooting support and ensured the site remained secure and up to date.

Collaboration & Communication: Worked closely with clients to gather feedback, adjust design elements, and iterate through changes to ensure the final product aligned with their business goals.

Version Control (Git): Utilized Git for version control, ensuring that the codebase remained clean, well-documented, and easily maintainable for future iterations.
Tools: Figma, Adobe Illustrator, Adobe Photoshop, IntelliJ Idea, Wordpress, HTML, CSS & JavaScript

Skills: JavaScript · HTML5 · Figma (Software) · IntelliJ IDEA · Adobe Illustrator · Cascading Style Sheets (CSS) · WordPress · Adobe Photoshop · Figma

Senior UI/UX Consultant

Company Name: PHINCON (PT. Phintraco Consultant)

Contract Type: Full-time

Employment Duration: Nov 2021 - May 2023 · 1 year 7 months

Company Location: South Jakarta, Jakarta, Indonesia

Work Placement: Remote & On-site

Job Description

I design, code and maintain www.pegaw.ai built with WordPress and Bootstrap 5. I consult on the best UI/UX practices for the pegaw.ai Web-Application, as well as design their main theme and overall User Interface and User Experience.

Tools & Technologies: My tools include IntelliJ IDEA, Visual Studio Code, Adobe Photoshop, and Adobe Illustrator. I utilize these to ensure efficient development, design consistency, and quality throughout the entire project lifecycle.

Platform & Services: Pegaw.ai is a HRIS (Human Resource Information System) subscription-based platform, comparable to www.talenta.co or www.darwinbox.com. I am responsible for overseeing both the technical and design aspects of the platform, ensuring that the code adheres to best practices and that the UI/UX is optimized for users.

UI/UX Design Consultation: I collaborate with stakeholders to ensure the platform follows best UI/UX practices. This includes wireframing, prototyping, and user testing to refine user flows, enhance navigation, and improve the overall user experience.

WordPress & Bootstrap 5 Customization: Developed custom features within WordPress and Bootstrap 5 to meet specific business needs. This involved customizing themes, implementing plugins, and ensuring responsive design for mobile and desktop browsers.

SEO & Performance Optimization: Implemented search engine optimization strategies to increase organic traffic, including content optimization, site speed improvements, and ensuring a clean codebase.

Ongoing Maintenance & Support: Provided regular updates to the platform’s WordPress core, plugins, and design elements to keep it secure, efficient, and aligned with the business’s evolving needs.

Another project I worked on was building a marketing website for an Omni-Channel Platform called www.kudasa.ai. I designed, coded, and maintained their main web-app, handling both the front-end and back-end development until my departure from the company.

Front-end & Back-end Development: For Kudasa.ai, I developed responsive, user-friendly interfaces using HTML, CSS, Bootstrap, and JavaScript. I integrated the front-end with the back-end APIs to ensure seamless data flow and interactivity.

Project Lifecycle & Handover: Although I did not complete the project due to my departure, I ensured the codebase was well-documented for a smooth transition to the next developer. Additionally, I collaborated with the marketing and product teams to align the web app’s design with the company’s goals.

Version Control (Gitlab): Utilized Git for version control and collaboration with other team members, ensuring proper code management and documentation for the project’s continuity.

Tools: Adobe Illustrator, Adobe Photoshop, IntelliJ Idea, Wordpress, PHP, HTML, CSS & JavaScript

Skills: JavaScript · HTML5 · Figma (Software) · IntelliJ IDEA · Adobe Illustrator · Cascading Style Sheets (CSS) · WordPress · Adobe Photoshop · Responsive Web Design

Web Design / UI-UX Supervisor

Company Name: Watsons Indonesia (PT. Duta Intidaya Tbk.)

Contract Type: Full-time

Employment Duration: May 2020 - Nov 2021 · 1 year 7 months

Company Location: South Jakarta, Jakarta, Indonesia

Work Placement: On-site & Remote

Job Description

I provide support and supervision for Graphics & Web related projects, which are primarily focused on brand/supplier promotions and monthly promotional events.

I manage the Product Listing process extensively, using a combination of tools and technologies such as:
- Adobe Photoshop scripts for batch image processing,
- SAP-Hybris-based scripts for automated SKU/PLU management,
- Microsoft Excel for handling bulk data operations like SKU/PLU uploads,
- MacOS Terminal and Automation tools to streamline and expedite the product listing workflow.

Watsons’ E-Commerce platform leverages SAP Hybris CMS, integrated with internal systems such as Retek for inventory and product management. My role also includes:
- Coordinating the use of SAP Hybris CMS to manage product content, listings, and promotions efficiently.
- Utilizing automation scripts to increase efficiency in daily tasks like SKU uploads and promotional updates.

Tools and Technologies:
- Adobe Photoshop & Adobe Illustrator: For designing, editing, and optimizing product images.
- IntelliJ IDEA & Visual Studio Code: For handling web-related projects, code versioning, and script automation.
- HTML, CSS, and JavaScript: For making modifications or updates to the website's front-end components.
- SAP Hybris: For managing product listings, integrating product details, and handling dynamic promotional content.
- Retek: For internal product and inventory management.

Soft Skills & Team Collaboration:
I collaborate with cross-functional teams, ensuring promotional content is aligned with business objectives. My ability to work in a fast-paced and fun environment with over 100 employees has improved my project management, communication, and problem-solving skills.

Watsons Indonesia provides a professional yet friendly atmosphere that fosters growth, creativity, and a collaborative approach to solving challenges in the retail and e-commerce space.

Tools: Adobe Illustrator, Adobe Photoshop, IntelliJ Idea, Hybris SAP, Visual Studio Code, Wordpress, HTML, CSS & JavaScript

Skills: MacOS Automation · JavaScript · HTML5 · IntelliJ IDEA · Microsoft Visual Studio Code · Adobe Illustrator · Cascading Style Sheets (CSS) · Microsoft Excel · SAP Hybris · Photoshop Scripting · Responsive Web Design · Adobe Photoshop · E-Commerce

UI UX Engineer / Web Developer / Wordpress Developer

Company Name: Catchadeal (PT. Catcha Lintas Media)

Contract Type: Full-time

Employment Duration: Feb 2019 - Apr 2020 · 1 year 3 months

Company Location: North Jakarta, Jakarta, Indonesia

Work Placement: On-site

Job Description

As a UI/UX Engineer in a fintech company, I played a key role in developing and designing user-centric interfaces. Working closely with a talented team of front-end and back-end developers, graphic designers, and business analysts, I helped create a seamless and intuitive user experience for the company’s primary platform.

Key Responsibilities:
- Prototyping & Wireframing: Developed wireframes, prototypes, and HTML/CSS-based designs to serve as a base construct and a reference for front-end developers. My designs focused on usability, accessibility, and ensuring a smooth user flow.
- Collaboration with Development Teams: Worked alongside front-end developers, including Imam Wahyu, Syawal Lubis, Satrio Adi, and M. Fadhil Nz, to ensure the proper implementation of UI/UX designs. Coordinated closely with back-end developers, such as Amal, Aditya Tito, and Candra Marbun, to ensure full functionality of the site.
- WordPress Blog Creation & Maintenance: Developed and maintained a WordPress blog for SEO purposes, following the design provided by graphic designer Ervi, with the support of Agung Tri. Collaborated with SEO analysts Andhika Bayu and Icha to ensure continuous optimization.
- Design Tools & Technologies: Utilized Adobe Illustrator, Adobe Photoshop, Figma to create visual designs and layouts, and IntelliJ IDEA and Visual Studio Code for coding web interfaces.
- Responsive Web Design: Ensured all designs were fully responsive across multiple devices and screen sizes using CSS3, HTML5, and JavaScript.

Skills & Tools:
- Languages & Frameworks: HTML5, CSS3, JavaScript, ReactJS, PHP
- Design & Development Tools: Adobe Illustrator, Adobe Photoshop, Figma, IntelliJ IDEA, Visual Studio Code
- Platforms: WordPress, Unix-based Servers
- Version Control: Git

Work Environment:
I was fortunate to work with a highly skilled team, including graphic designers Agung Tri and Ervi, and business analysts Andhika Bayu, M. Rizki, Jhoni Adam, and Galang Merdeka. Under the leadership of CTO Ama Mahmudi, we collaborated to build a robust and efficient web platform that delivered a great user experience. The teamwork and collaboration allowed me to grow both technically and creatively.

Tools: Adobe Illustrator, Adobe Photoshop, Figma, IntelliJ Idea, Visual Studio Code, Wordpress, PHP, Unix-based Server, HTML, CSS & JavaScript

Skills: JavaScript · HTML5 · Git · IntelliJ IDEA · Adobe Illustrator · Graphic Design · Cascading Style Sheets (CSS) · WordPress · Responsive Web Design · Adobe Photoshop · ReactJS · Layout Design

UI UX Engineer / Web Developer / Wordpress Developer

Company Name: 7per8 Studio

Contract Type: Part-time & Freelance

Employment Duration: Sep 2018 - Jan 2019 · 6 months

Company Location: Tangerang, Banten, Indonesia

Work Placement: On-site & Remote

Job Description

It was a privilege to work with Mawarid Rolansyah and Sahata Resvino, despite my shortcomings. I also had the opportunity to collaborate with Jordy and Om Kris, creating impactful websites that met the client’s needs and delivered a great user experience.

The main website, 7per8.com, remains one of my favorite and greatest projects, designed personally by Mawarid Rolansyah with some design ideas contributed by me. It was an exciting project that required close attention to detail and a seamless blend of aesthetics and functionality.

Key Responsibilities:
- Front-End Development & Design: Developed responsive, aesthetically pleasing websites using HTML5, CSS3, and Bootstrap (3, 4, 5). Focused on clean design, accessibility, and smooth user navigation.
- WordPress Development: Created and customized WordPress websites for clients, ensuring that each site was optimized for SEO and performance. Managed plugins, created custom themes, and maintained site updates for security and functionality.
- Collaborative Design: Worked alongside Mawarid Rolansyah and the team to implement design concepts, logos, and layouts. Provided input on user experience, ensuring that websites were intuitive and user-friendly.
- Project Coordination: Managed various projects simultaneously, ensuring timely delivery of milestones. Worked closely with clients and internal teams to deliver web solutions that met project requirements.
- Responsive Design: Ensured that all websites were fully responsive across different screen sizes and devices. Leveraged the latest version of Bootstrap to guarantee a smooth user experience on mobile, tablet, and desktop.
- Custom Web Solutions: Developed custom solutions for unique business requirements, including dynamic product catalogs, e-commerce integration, and content management systems (CMS) tailored to each client.

Projects I Worked On:
- 7per8.com (7per8 Studio): A creative studio website, designed collaboratively with Mawarid Rolansyah.
- suprajaya2001.com (PT. Suprajaya 2001): Developed a professional website for PT. Suprajaya 2001, focusing on corporate branding and services.
- permatadoor.com (PT. Kayu Permata): Designed and implemented a responsive website showcasing the company’s products and services.
- westloop.coffee: Created a website for a coffee business, emphasizing clean design and easy navigation.
- armaslogistic.co.id (PT. Armas Logistic Service): Built a comprehensive logistics website, ensuring optimal functionality and user experience.
- pag.contractors (PT. Prima Artistika Graha): Developed a website for a construction company, integrating design elements that matched the company’s branding.
- arezzotiles.com (PT. Eco Langgeng Bersama): Designed and implemented a product-driven website for a tile company, focusing on product displays and user-friendly navigation.

Tools & Technologies:
- Development Languages: HTML5, CSS3, JavaScript, Bootstrap (3, 4, 5)
- Design Tools: Adobe Illustrator, Adobe Photoshop, Adobe Dreamweaver
- Frameworks & Platforms: WordPress, Bootstrap
- Version Control: Git

Skills & Expertise:
- Proficiency in Responsive Web Design using the latest frameworks.
- Expertise in WordPress development for custom themes and SEO optimization.
- Strong knowledge of JavaScript and Bootstrap for interactive and dynamic web components.
- Graphic Design & Logo Design using Adobe Illustrator and Photoshop.
- Experienced in project management and client collaboration to deliver web solutions on time.

Work Environment:
Working with such a talented team, including Mawarid Rolansyah, Sahata Resvino, Jordy, and Om Kris, was an enriching experience. Their expertise, combined with my passion for web design, resulted in the successful launch of multiple high-quality websites. The creative and collaborative atmosphere allowed us to deliver exceptional results.

Tools: Adobe Illustrator, Adobe Photoshop, Figma, IntelliJ Idea, Visual Studio Code, Wordpress, PHP, HTML, CSS & JavaScript

Skills: JavaScript · Bootstrap 5 · HTML5 · Adobe Illustrator · Logo Design · Graphic Design · Adobe Dreamweaver · Bootstrap · Cascading Style Sheets (CSS) · WordPress · Responsive Web Design · Adobe Photoshop · Bootstrap 4 · Bootstrap 3

Web Developer / Web Designer / Wordpress Developer / IT Officer

Company Name: Festival Citylink (PT. Sakti Kelola Persada)

Contract Type: Full-time

Employment Duration: Mar 2018 - Aug 2018 · 6 months

Company Location: Bandung Area, West Java, Indonesia

Work Placement: On-site

Job Description

I developed the main website, festivalcitylink.com, from scratch, utilizing HTML, CSS, and JavaScript as the base for the wireframe and template. The project required creating a fully functional WordPress-based theme that included a 360° inside-the-mall street-view feature, providing an immersive digital experience for users.

Key Responsibilities (Web Development):
- Website Development: Built the entire website from the ground up, ensuring the design and functionality aligned with the brand’s identity and the needs of the client. Used HTML5, CSS3, and JavaScript to create the wireframe, then converted it into a fully operational WordPress theme.
- 360° Mall Street-View Feature: Integrated an interactive 360° street-view experience directly into the website, offering users the ability to explore the mall virtually. This feature enhanced user engagement and provided an innovative way to navigate the mall online.
- Responsive Web Design: Ensured the site was fully responsive across all devices, providing an optimal viewing experience on mobile, tablet, and desktop platforms.
- WordPress Theme Development: Developed a custom WordPress theme from scratch, incorporating both static and dynamic content, ensuring ease of management and scalability for future updates.
- Collaborative Work: Worked closely with designers and project managers to ensure that the website reflected the vision and goals of Festival Citylink. Ensured seamless communication between design and development.

IT Officer Responsibilities:
- IT Support: Provided day-to-day support by troubleshooting and fixing internet issues, ensuring a stable and reliable network for all staff members.
- PC Maintenance: Managed the health of staff PCs, ensuring optimal performance through regular hardware and software updates, virus protection, and system monitoring.
- Printer & Office Equipment Support: Handled troubleshooting and fixing printers, copiers, and other IT-related office equipment to minimize downtime and ensure smooth office operations.
- General IT Tasks: Assisted in all IT-related issues within the office, from setting up new workstations to maintaining server connections.

Tools & Technologies:
- Development Languages: HTML5, CSS3, JavaScript
- WordPress: Created a fully functional custom theme, leveraging WordPress’s flexibility to manage content efficiently.
- Design Tools: Adobe Illustrator, Adobe Photoshop, Adobe Dreamweaver for designing, editing, and optimizing images and layouts.
- Frameworks & Libraries: Bootstrap for responsive and mobile-first web design.
- Responsive Design: Implemented using CSS3 and Bootstrap, ensuring optimal performance on multiple devices.

Skills & Expertise:
- Proficient in JavaScript, HTML5, and CSS3 for building and styling the website.
- WordPress Development: Created a custom WordPress theme tailored to the client’s needs, ensuring scalability and ease of use.
- Skilled in Adobe Illustrator and Adobe Photoshop for creating and optimizing visual assets.
- Expertise in Responsive Web Design using modern frameworks such as Bootstrap.
- Experience with user interaction features such as 360° view integration to enhance user engagement.
- Proficient in PC troubleshooting and network management to ensure smooth IT operations within the office.

Work Environment:
Collaborating with a dedicated team in Bandung, I was able to deliver a unique and engaging web solution for Festival Citylink. My role allowed me to combine my technical skills with creative problem-solving, and the 360° mall street-view feature remains one of the highlights of this project.

Tools: Adobe Illustrator, Adobe Photoshop, Adobe Dreamweaver, Wordpress, PHP, Unix-based Server, HTML, CSS & JavaScript

Skills: JavaScript · HTML5 · Adobe Illustrator · Adobe Dreamweaver · Cascading Style Sheets (CSS) · WordPress · Responsive Web Design · Adobe Photoshop · Bootstrap 4

Web Developer & Web Designer / Wordpress Developer

Company Name: Daft & Dapper

Contract Type: Freelance / Self-employed

Employment Duration: Mar 2011 - Feb 2018 · 7 years

Company Location: Greater Jakarta Area, Jabodetabek, Indonesia

Work Placement: Client & Project Based

Job Description

Originally, Daft & Dapper started in 2011 with my partner, Mus Raupp, and shortly thereafter, we partnered with 7per8 Studio. I personally created and maintained the websites listed below, focusing on user-centric design and responsive web development.

Key Projects:
- optimalpowerindo.com (Optimal Power Indonesia) 2011: Created a professional, responsive corporate website for Optimal Power Indonesia, highlighting their services and expertise. The website was built using HTML5, CSS3, and JavaScript, focusing on a clean and modern design. This project required strong collaboration with the client to ensure the site reflected their brand identity.

- chubbymax.com (ChubbyMax Cookies) 2012: Developed a playful, engaging website for a cookie business. Focused on a visually appealing design using Adobe Illustrator for creating custom graphics, while ensuring full functionality on mobile devices using Responsive Web Design techniques.

- codemargonda.com (Logo Design & Graphic Design) 2013: Designed a logo and branding for a local project in Depok. This project was heavily focused on Adobe Illustrator and Photoshop for graphic design work, creating a distinct and memorable logo that aligned with the brand’s vision.

- depoklik.com (Depok Local News Site) 2014: Developed a content-driven news site for the local Depok community. Used WordPress as the CMS, allowing for easy content management and scalability. Integrated SEO best practices to ensure the site ranked well for local searches. Bootstrap 3 was used to make the site responsive across different devices.

- bumilangit.org (Bumi Langit Institute Website) 2015: Built an educational website for the Bumi Langit Institute, focusing on clean design and ease of navigation. The website was developed using HTML5, CSS3, and JavaScript, ensuring optimal performance and accessibility.

- daunenergi.com (PT. Daun Energi) 2016: Created a corporate website for PT. Daun Energi, focusing on their products and services. This site was built on WordPress, utilizing custom plugins and themes for enhanced functionality. The design was tailored using CSS3 and optimized for both desktop and mobile platforms.

Tools & Technologies:
- Development Languages: HTML5, CSS3, JavaScript
- Design Tools: Adobe Illustrator, Adobe Photoshop, Adobe Dreamweaver for graphic and web design work.
- Frameworks & Libraries: Bootstrap 3 for responsive design.
- WordPress: Developed and customized WordPress themes for several clients, ensuring ease of use for content management.

Skills & Expertise:
- Proficiency in JavaScript, HTML5, and CSS3 for building and styling websites.
- Responsive Web Design: Ensured all websites were fully responsive using Bootstrap, adapting to different screen sizes and devices.
- Strong knowledge of WordPress Development, creating custom themes and managing content efficiently.
- Graphic Design & Logo Design: using Adobe Illustrator and Photoshop to create visually appealing and brand-focused designs.
- Experience in SEO Optimization for content-driven websites, ensuring visibility and ranking on search engines.

Work Environment:
As a self-employed web developer and designer, I had the freedom to collaborate with various clients and partners, including Mus Raupp and 7per8 Studio. Each project required a unique approach to design and development, allowing me to refine my skills across different areas such as UI/UX design, front-end development, and graphic design. Working in the Greater Jakarta Area, I was able to help local businesses establish an online presence with custom-tailored websites.

Tools: Adobe Illustrator, Adobe Photoshop, Adobe Dreamweaver, Wordpress, PHP, HTML, CSS & JavaScript

Skills: JavaScript · HTML5 · Adobe Illustrator · Adobe Dreamweaver · Cascading Style Sheets (CSS) · WordPress · Responsive Web Design · Adobe Photoshop · Bootstrap 3

/ 2019 - 2010 /

/ 2009 - 2007 /

/ 2009 - 2008 /

/ 2008 - 2007 /

Today is

,

of

:

: