Design

There’s more to design than meets the eye. We’re adept at the science as well as the art of UI design, User Experience design and the development that goes with it. Technologies\tools include: Adobe Photoshop, Adobe Illustrator, HTML 5, CSS 3, Media Query, Jquery, Bootstrap Framework.

uidesign

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

uxdesign

UX Design

User Experience or UX defines the human-computer interaction, be it for online or offline applications. With most customers’ first interaction with a brand being over the internet, UX plays a critical role in online success. Here are the key phases where we help organizations ensure that their consumers’ experience is a memorable one: STRATEGY Strategy includes the brand story, the organization’s guiding principles, and the long-term vision. Based on this, the UX project’s goals are defined. They include - what is the organization planning to achieve, what are the parameters that define its success, and where is its place in the bigger picture. RESEARCH Also known as the Discovery phase, this is perhaps the one that demands maximum flexibility, and commands high importance. The bigger the project, the more time is needed to dig up competitor as well as user insights. On the other hand, a simpler, startup website may bank on just some basic interviews and maybe a survey or two. While advocates of a “Lean UX” approach do not attached much importance to this stage, it plays a significant role in the ultimate success of the UX exercise. ANALYSIS After data has been collected, it is organized in a meaningful way. Then the grain is separated from the chaff, and useful insights are drawn from the information collected. We specialize in capturing, collating and making the inferences that help our UX Designers understand the drivers behind customers’ actions. This is then validated with users to ensure we are moving in the right direction. DESIGN This is a collaborative phase with multiple iterations, to validate ideas and test out insights. Taking up from the insights and feedback gained in the previous phases, ideas are ‘displayed’ to users, and refined based on feedback. This process is repeated until everyone – the users, the clients and the designers are satisfied. Paper prototypes, semi-functioning prototypes, and interactive wireframes, all play a role in this process. PRODUCTION While the previous phase involved low fidelity design, this phase sees high-fidelity designs being fleshed out. Content and other digital elements are all put in their respective places now. And a near-perfect version of the final product is validated with all the stakeholders, as well as users, via user testing. Now, the UX Designers start guiding the designers to implement the vision.