UI Design

Here’s the Suyati way to delightful User Interfaces:

  1. MIND MAPPING

Mind mapping is used to jot down all possible ideas – after analyzing requirements thoroughly – by marking points in a random manner. After all the requirements are noted down, each are mapped based on their relationship with each other, and prioritized. All elements that are not really required are eliminated. And the sitemap is thus drawn.  

  1. WIREFRAME CREATION

After the mindmap, each page’s layout is proposed in a black and white frame. The position of all the elements are then determined.

  1. PSD MOCKUPS

The wireframes are designed further in Photoshop, adding color, dummy content, fonts and typography to it. Much iteration is done, so that all the stakeholders are impressed.

  1. HTML/CSS CONVERSION/ JQUERY IMPLEMENTATION

Once the PSD mockup is approved, the design is transformed into a working web page. Animations, pictures, transitions and other interactive elements are added. User interaction now begins, and thorough testing ensures the UI is ready to roll across the internet.

Our Services:

  1. USER INTERFACE DESIGN
  • Web Application UI
  • User Experience
  • Wireframe Creation
  • PSD Mockups
  • HTML CSS Conversion
  • Implementation of Jquery
  • Native App UI
  • User Experience
  • Wireframe Creation
  • PSD Mockups
  • Image Extraction
  1. WEBSITE DESIGN
  • Static Websites
  • Wireframe Creation
  • PSD Mockups
  • HTML/CSS Conversion
  • Jquery implementation
  • CMS Websites
  • WordPress (design and development to some extend by using a theme)
  • Joomla (design by customizing a theme)
  • Drupal (design only)
  • Magento (design by customizing a theme)
  • Responsive Websites
  • Using CSS media query
  • Using Bootstrap Framework
  1. INFOGRAPHICS
  2. GRAPHIC DESIGNS
  • Logo Designing and Branding
  • Facebook Coverpage design
  • Online promotional designs ( website banners and online ads)
  • Print Designs
  1. Brochures
  2. Flyers
  3. Posters
  4. Stationary – ( Business Cards, Letterheads, Pamphlets)

Our Technical skills:

ADOBE PHOTOSHOP

Design Mockups

  • We can design web pages
  • We can design native app screens
  • We can design print and all other graphic designs

Graphic design

  • Print and related graphics can be designed
  • Website banners, Facebook Coverpage and other marketing graphic designs
  • Newsletter designs

 ADOBE ILLUSTRATOR

  • Print Media Collaterals
  • Logo/ Corporate Identity
  • Icons

HTML 5

Website / Application Development

CSS 3

Website / Application Development

Media Query

Website / Application Development

Jquery

Website / Application Development

Bootstrap Framework

Website / Application Development