Responsive Website Design, Amin Moradi Portfolio

Professional and Modern Portfolio Design with Foundation framework. go and explore more about the project.

Mobile-First Design

I try to use less content with more typography and used hierarchy in the typography part. of course, the slogans have so potential to deliver the message you want at first. But a good copy is not enough at all. if you have good tools, but it looks not good, Um. it’s gonna be not all right and of course, you get not many customers for that.

Let’s check out about Mobile-first design method which I used on this website. To understand the concept of mobile-first design better, you should know the two phrases below first. Responsive Web Design, Progressive Advancement. for know more I recommend reading this article on Medium.

Progressive Advancement means that when we design a product, first we build a version for the relatively lower browser (like that on a mobile phone). This version includes the most basic functions & features. After that, we tend to the advanced version for a tablet or PC, which is created by adding interactions, more complicated effects, etc. on the basic version for a better user experience.

Static and Framework

I start to learn and read about a framework called Foundation by ZURB company. this framework is so great and these are some of the reasons why I chose to learn it and use it in my projects.

Foundation was the first responsive framework, and it permeates every aspect of the framework. Build for every device with ease. From the underlying code to plugins, to everything around Foundation, we’ve built it to be faster than ever before.

Foundation is written with humans in mind and is easy to read even if you don’t know much code. Foundation is built with small devices as a priority and goes up from there.