Case Study

RESPONSIVE WEB DESIGN

Designed a responsive mobile-friendly website. The original website was not responsive or mobile-friendly. The problem to resolve was to make the homepage a user-friendly experience on a mobile and tablet device; to be fully responsive and compatible with all website browsers.

Problem:

To make the homepage a user-friendly experience on a mobile and tablet device; to be fully responsive and compatible with all website browsers and enhance the user experience with subtle css animations without causing distraction from using the website functionality.

Solution:

Using a Bootstrap grid system, I accomplished the goal of creating a responsive website that was compatible for multiple devices (desktop, tablet, mobile). Sass and CSS were used for the overall styling of the page, and subtle CSS Animations were implemented to enhance the UX.

Technology

SKILLS USED

Responsive Website Design
User Interface Design
User Experience Design
Prototyping
Wireframe Design
About process:
  • PHP Code

  • HTML

  • jQuery

  • Sass & CSS

  • Keyframe Animations

Related projects