Static UI Development From Mockup Design to Code by Hernanda Cahyo KurniawanStatic UI Development From Mockup Design to Code by Hernanda Cahyo Kurniawan
Static UI Development From Mockup Design to CodeHernanda Cahyo Kurniawan
Cover image for Static UI Development From Mockup Design to Code
Provide expert UI slicing services to convert design files into static web page. With 8+ years of web development experiences, I ensured precise implementation of design elements using clean code techniques, responsive, cross browser compatibilites and semantic.

What's included

Convert Your Mockup Design into Website Pages
I will create a reusable HTML, CSS, JS pages from your mockup design (Figma / XD) with full source code, documentation and assets. If you want to use different tech stack like SCSS, Typescript, etc. you obviously can.
Full Page Animated from Mockup
I will convert your mockup design into fully animated website code with GSAP and CSS animation approach if you requested. Please also provide any animation reference if any and if it's suitable for the design.
Full Responsive Support on Website Source Code
I will convert all the mockup into fully responsive website page that will work on cross browser (Edge, Safari, Chrome, Firefox, etc.) and on all devices (Mobile, Tablet, Desktop, etc.)
FAQs
Sure, please check my website for curated projects: https://hernandack.com
It depends on the complexity of the mockup or the tech stacks used. Generally, I promised to deliver within 1 week maximum. This mean it could be less and quicker.
Maximum of 3 non-major revision is allowed. No major changes allowed like full page redesign or tech stacks change as it will be completely redo my work from zero which basically I need to revert it from scratch.
Yes. If you need to check and test the working demo for your web, I would gladly deploy it on my own server. This only applies to the vanilla deliverables so that I can create full page preview for you.
Normally, if you have the Adobe XD or Figma design file (url) that can be viewed online, it will have all the assets, it just need proper access from the designer. If in case you only have the JPG or PNG (image only) version of the design then I can only help to create the layout, the image or icons will be different since we can't extract assets from just image file.
If you want to have a full page that has a lot of animation and micro-interaction, you can pick my Interactive UI Slicing instead. It will have full animation support. This static service will still have small micro-interaction like button hover, colors, etc. by defaul (no additonal cost) but not as complex as the interactive service.
Starting at$250
Schedule a call
Duration1 week
Tags
CSS3
GSAP
HTML5
JavaScript
three.js
Frontend Engineer
UX Engineer
Web Developer
Service provided by
Hernanda Cahyo Kurniawan Yogyakarta, Indonesia
11
Followers
Static UI Development From Mockup Design to CodeHernanda Cahyo Kurniawan
Starting at$250
Schedule a call
Duration1 week
Tags
CSS3
GSAP
HTML5
JavaScript
three.js
Frontend Engineer
UX Engineer
Web Developer
Cover image for Static UI Development From Mockup Design to Code
Provide expert UI slicing services to convert design files into static web page. With 8+ years of web development experiences, I ensured precise implementation of design elements using clean code techniques, responsive, cross browser compatibilites and semantic.

What's included

Convert Your Mockup Design into Website Pages
I will create a reusable HTML, CSS, JS pages from your mockup design (Figma / XD) with full source code, documentation and assets. If you want to use different tech stack like SCSS, Typescript, etc. you obviously can.
Full Page Animated from Mockup
I will convert your mockup design into fully animated website code with GSAP and CSS animation approach if you requested. Please also provide any animation reference if any and if it's suitable for the design.
Full Responsive Support on Website Source Code
I will convert all the mockup into fully responsive website page that will work on cross browser (Edge, Safari, Chrome, Firefox, etc.) and on all devices (Mobile, Tablet, Desktop, etc.)
FAQs
Sure, please check my website for curated projects: https://hernandack.com
It depends on the complexity of the mockup or the tech stacks used. Generally, I promised to deliver within 1 week maximum. This mean it could be less and quicker.
Maximum of 3 non-major revision is allowed. No major changes allowed like full page redesign or tech stacks change as it will be completely redo my work from zero which basically I need to revert it from scratch.
Yes. If you need to check and test the working demo for your web, I would gladly deploy it on my own server. This only applies to the vanilla deliverables so that I can create full page preview for you.
Normally, if you have the Adobe XD or Figma design file (url) that can be viewed online, it will have all the assets, it just need proper access from the designer. If in case you only have the JPG or PNG (image only) version of the design then I can only help to create the layout, the image or icons will be different since we can't extract assets from just image file.
If you want to have a full page that has a lot of animation and micro-interaction, you can pick my Interactive UI Slicing instead. It will have full animation support. This static service will still have small micro-interaction like button hover, colors, etc. by defaul (no additonal cost) but not as complex as the interactive service.
$250