This is a methodology to design and develop a web site or a web-based application. This chapter will introduce the steps to design and develop a web site or a web-based application. Some designers know CSS but they are not familiar with SCSS. So, this chapter will introduce a new application called Blue Shadow App to generate there SCSS color variables.

Blue Shadow Methodology

Blue Shadow Methodology is a methodology to create individual’s mockups quickly. Also, it will help designer to create one or more mockups, according to their wish during a very short period of time. For these mockup creations, can use Adobe Photoshop tool or Adobe Illustrator tool or both of them. Also, there is no need for a developer to waste time at any range on waiting, until designer’s mockup changes, to make their app changes. Because designer will generate that particular SCSS color variables file from the SCSS color theme generator, so called Blue Shadow App. So that developer only has to replace their own color variables file. This methodology is really important and helpful while doing app re-designing, app re-theming. Because, most of the time we have to change only the external files which are imported. So that all mockups in the app will be updated once. Also, for the developer, there is no need to wait for a new style guide or to pick colors. After doing changes, there is only to upload files of the mockups to the Blue Shadow App and assign particular values and generate SCSS. Like this, creating mockups, uploading mockup files and generating variables of SCSS is a responsibility of the designer. Under the tab called How to use app ?, can check how to prepare an app using this methodology.

Advantages of Blue Shadow Methodology

  • During a short period of time, by using Adobe Photoshop or Adobe Illustrator can create an app mockup or more quickly.
  • Help to save time.
  • During a lesser time help to create lot of applications with same structure and different color themes.
  • Help to create an application which 100% equals to the mockup.
  • Reduce time and employees which is spent on re-theming, re-designing, re-development.