Responsive-2.jpg

Building Responsive Website from Scratch

Dirus: Responsive Website Design

Responsive-2.jpg

MY ROLE:

Web Developer
Designer

TOOLS:

HTML
CSS
JavaScript
Git

 

This is the responsive website I built for my old project in 2012 with HTML/ CSS/ Javascript from scratch. I walked through the whole process as a developer to achieve those design decisions I made, and it is good to build something real based on the reality limitations.

 

RESPONSIVE WEBSITE DESIGN:

No matter what kind of device that the user browsing, I have to make sure the best user experience perfectly working. It is not just a mock up, it is a fully functional website based on any device.

FullScreen.gif

TEMPLATE DESIGN:

The concept of the template is to put the best images as static background while scrolling.  This decision emphasizes the website to show the best part of the project.
 

PageDesign.jpg

GENERAL DESIGN GUIDELINE:

Desktop
Smart Phone
 
 

THE NEXT STEP:

This is a very awesome project to think as a developer to achieve design goals. This project also helped me understand the developing process from scratch to launch, and have a sense of cost control with alternative solutions to solve the reality limitations. It is just a start, and I will keep learning and practicing coding to improve and maintain the website. Gaining more experience to have better and reasonable design.