About me

Hello! I’m SARANRAJ [UI/UX Designer]
To obtain a responsible, challenging, and awarding position in a web development organization with an established track record where my skills and technical abilities can be utilized.

Creative, independent and well organized visual designer and front-end developer with highly qualified in Digital Branding, Graphic Design and Layout Template Development.

Full Name : Saranraj S
Location : Chennai
Email : rmwsaran@gmail.com
Phone : +91 99422 14664
Download Resume

Knowledge

Web Development

My role is being held responsible for designing, coding and modifying websites, from layout to function and according to a client's specifications. Strive to create visually appealing sites that feature user-friendly design and clear navigation.

Photography

I create permanent visual images for a wide range of creative, technical and documentary purposes. They are employed in a wide range of sectors to take stylized and evocative or unbiased and factual photographs of a highly professional standard. Areas of work can include photojournalism, fine art, and fashion, advertising, editorial or social photography.

UI/UX Design

My Responsibilities includes gathering and evaluating user requirements, in collaboration with product managers and engineers. Illustrating design ideas using storyboards, process flows and sitemaps. Designing graphic user interface elements, like menus, tabs and widgets.

WordPress

In WordPress, the UI is also the backend admin user panel and tools that enable all content and web production. It is important for WordPress developers to build a functional dashboard with a highly operative and proficient UI.

Video Editing

I’m being capable of assembling recorded raw material into a finished product that's suitable for broadcasting. The material may include camera footage, dialogue, sound effects, graphics and special effects.

SEO & Marketing

Intend to analyzes, reviews and implements changes to websites so they are optimized for search engines. They may also test and implement testing various search engine marketing techniques, web site layouts and advertising for search engine optimization.

My skills

HTML 5 99%

CSS 98%

Adobe Photoshop 98%

Adobe Animate 90%

Adobe Illustrator 95%

WordPress 90%

Bootstrap 100%

JavaScript 85%

Experience

TCS (Tata Consultancy Services)

UI / UX Sr. Designer & Developer

I got an opportunity to work on an internal project at TCS. The project is iGovern and is designed for upper-level management like (VP & CEO) to monitor the status and progress of all TCS projects. Within TCS, there are 20 distinct governance types that are managed through an application. These primarily focus on internal audit processes and project management reviews in various areas including Finance, Banking, Insurance, Retail, Manufacture, Human Resources, Customer Audits, and CMMI audits. Workflows have been created at the corporate, unit, and entity levels. Users, based on their respective roles, can access project planning, task allocation, deliverables, timeline management, resource allocation, and milestone tracking. The primary objectives were to identify customer needs, gather user feedback, define requirements, provide solutions, and enhance product quality. TCS branding guideline was followed and worked on agile methodology. The UX design process was executed, it involves a sequential series of steps: Empathize, Define, Ideate, Prototype, Test, and Implementation. I engaged in UX research to assist in the prioritization of ideas and features, articulate user stories, and identify pain points related to the functionality and appearance of the application. I used a mixture of both quantitative and qualitative methods to come to a holistic understanding of the user and problems to be solved.
This structured approach has helped me ensure a user-centric design and achieve successful project outcomes. As a multi-talented designer, I bring a unique blend of skills to the table. In addition to my expertise in user research, wireframing, and prototyping, I have a keen eye for visual design and a solid understanding of front-end development. Converted visual design screens into HTML & CSS development using Bootstrap UI framework. I converted visual design screens into HTML and CSS development using the Bootstrap UI framework. The template layout has been created, and the code has been standardized to ensure a responsive design. The final HTML pages were handed over to the developers. During acceptance testing, I collaborated with the developers to assist them in fixing any UI defects.

2021 - 2023
2019 - 2020

Tech Mahindra

UI / UX Sr. Designer & Developer

As a Designer & Developer in banking professional (SBI Bank), I have developed a comprehensive understanding of business goals and user behavior and be proficiency in a wide range of skills including psychology, design, and technology specific to the banking industry. I worked on revamping multiple banking layout pages using a standardized HTML code format during the development process. I also built reusable code and created UI component libraries that can be utilized in the future. However, I focused more on designing the presentation and interactivity of a banking product. I translated concepts into user flows, wireframes, mockups, and prototypes that led to intuitive user experiences. Work closely with the heads of Banking Operations and Business Analyst (BA) to implement new requirement design concepts in the Corporate and Retail banking application.

SAKSOFT LIMITED

UI/UX Designer

As I was in TransUnion (SCVD-UK), my responsibilities are translate concepts into user flows, wireframes, mockups and prototypes that lead to intuitive user experiences. Design and deliver wireframes, user stories, user journeys, and mockups optimized for a wide range of devices and interfaces to be converted into frontend HTML UI application. Initially in Marketing team, my roles and responsibilities are creating Marketing Collaterals (Brochure, Corporate PPT, Event Backdrops, Proposal template, Calendar, T-shirt, info graphics), Marketing Kit, Website maintenance and modifications, Social media posts (Facebook, Twitter & LinkedIn) and prototype design, PSD(Design) to HTML conversion, according to a client's specifications. Responsible for internal communication and corporate branding for Saksoft group of companies like Acuma, 360logica, Sak abrasives, Sak Industries and Dreamorbit. Interact with clients regarding UI issues and provide better outcome.

2015 - 2019
2014 - 2015

HYVEMINDS SOFTWARE PVT LTD

UI Designer

Responsible for design, HTML/CSS and modifying websites, PSD to HTML conversion, UI and UX for web/mobile applications. Deep expertise and hands on experience with Web Applications and programming languages such as HTML, CSS, JavaScript, JQuery and Bootstrap. Re-Design and develop international standard templates and knowledge on CMS like Wordpress, Joomla. Develops site content and graphics by coordinating with designing images, icons, banners, audio enhancements, etc.. Planning and executing design, maintaining and upgrading service. Troubleshooting the UI error of websites.

EXPERT OUTSOURCE PVT LTD

UI Designer

Responsible for Full Web page frame designing and templates for Responsive web sites and Mobile web applications. We are a team of 5 members for few modules, who develop the markups and the ASP for various UI visual effects and page validations using JQuery. Customized many features through CSS and HTML5 manipulations as per the clients requirement. Prepare complete demonstration article for product using Photoshop and HTML5. Product testing on a regular basis.

2013 - 2014

Portfolio

VisualDesign

Graphic Design

Video

Photography

Creative innovative design portfolio

Client

My blog

UI Design, how it works?

It’s not easy creating a UI/UX design that works. It really isn’t.

When I came to know that a visitor arrives on our website to surf about five seconds (or less) to capture their attention and keep them where they are? That’s not a whole lot of time to impress someone. If your load time is not perfect or our site’s navigation is all over the place, you can say goodbye to our visitors.

Wireframe

At the wireframing phase of the design process, our ideas are young and unpolished. Wireframes, whether created on scraps of paper, a whiteboard, or in a software program, serve to establish relationships between elements in a project such as: navigation, imagery, and calls to action. But if we think of wireframing as a tool, it’s ultimate purpose is to create an ideal space for collaborative conversations about design solutions, while supporting iterations and driving rapid ideation.

Contact

Please feel free to contact at the number below. At Visual Statement, I want to hear from you and address any questions/clarifications you may have.

Chennai

rmwsaran@gmail.com

+91 99422 14664