IMEN LOUATI
Senior UX/UI Graphic Designer
Certified in Web Design from the University of Canada (WEBJAM)
http://www.coroflot.com/design_portfolio_il/portfolio
SUMMARY
. 7 years of International experience in Web Design and Web Content
creation.
. Demonstrated experience Producing slick and highly useable design
solutions that fulfill user's goals and client's vision.
. Experience in mobile first development and responsive design with a
focus on UX best practices.
. Proficient in graphic applications/Websites, HTML development tools and
web front end design technologies with deep knowledge in cross browser
compatibility.
. Great aptitude designing and specifying product behavior, including on-
screen, in browser, packaged software, and mobile apps.
. Demonstrated experience in Transforming complex business requirements
into user flows (interactions), wireframes and functional specifications
within process.
. Design and Develop custom CMS Sites using SharePoint Designer and
WordPress
. Good knowledge with Creating HTML and flash emailing, Flash banner add-
ons...
. Experienced in 2D-3D promotional Video production, Animation and Video
Editing.
. Proven track leading projects in distributes teams in and deadline-
oriented environments.
. Good communication and interpersonal skills with clear understanding of
business rules
. Ability to interact with highly technical level programmers and
managers.
Web/Front-End: HTML/HTML5, CSS, SASS/LESS, Bootstrap, JavaScript, JQuery,
Json/jsonp, Ajax, PageSpeed, XML/XSLT,SharePoint, WordPress, AS2/AS3...
Web/Back-End: PHP, XAMP, Servlets/JSP, MVC...
Web/Design: Suite Adobe CS6 (Photoshop, Illustrator Axure, Git...
Web/Content Creation: DreamWeaver, Sharepoint Designer, Flash, 3Ds Max,
After Effect...
Process: OOP/UML, Agile/Scrum.
EDUCATION
Master's Degree in IT and Multimedia (Higher Institute of Web design &
Multimedia, TUNISIA)
Diploma of Technician in Multimedia (Higher Institute of Web design &
Multimedia, TUNISIA)
CERTIFICATION
WEBJAM Certification (University Of Web design, CANADA, TUNISIA - June
2009)
FIFEJ Certification: (International Festival of Movie production France,
TUNISIA - July 2008)
WORK EXPERIENCE:
Reading Health Hospital: Reading PA Sr. UX/UI Designer & SharePoint Mobile
architect (April 2014 - Present)
Reading Health SharePoint intranet site:
. Assist in design sessions with the reading Health Doctors Employee and
Manager, to understand their business needs, goals, features and content,
as well as Gathering their requirements and discussions to improve the
efficiency of the SharePoint intranet site.
. Improved the old User experience Architecture and suggested a new and
strong user experience design.
. Designed low and high fidelity wireframes using Axure, Photoshop and
prototypes.
. Enhance the old mockup of the SharePoint intranet site based on the new
Wireframes.
. Targeted the desktop design for all Mobile versions (tablet, iPad, iPhone
and adapt the content based on RWD practices.
. Prepared the coding side for both desktop and mobile version using
HTML/HTML5, CSS, bootstrap and media queries.
. Headed the SharePoint developer's team to Integrate the flat HTML with
the existent page layout and master page in the SharePoint site
. Implemented personalized web parts based on client's suggestions using
XML and XSL orchestration (DTD, Schema, DOM, XSL (XSL-FO, XSLT, and X
Path).
. Deliver Customized web parts and List Synchronization using
Orchestration, Manage users, site actions and site collections.
. Conducted a knowledge transfer sessions for: Design, coding and
SharePoint responsive master page process.
. Oversee documentation for knowledge transfer sessions
. Participate in Migrating SharePoint 2010 to SharePoint 2013 and deploying
the SharePoint solution.
. Leaded design meeting and open House with the client to improve the look
and feel of the SharePoint site.
Environment: HTML/HTML 5, CSS, bootstrap, SharePoint 2010/2013, C#, SAAS,
LESS, RWD, JavaScript, JQuery/YUI, Ajax, XML/XSL, Photoshop, Axure, paper
prototyping, Illustrator, Dreamweaver...
AOL: Sterling, VA // Sr. UX/UI Designer & Web Developer (May 2012 - March
2014)
Daily finance Website
A web site sponsored by AOL that provides financial information and
commentary with a focus on US markets. The web site offers information such
as stock quotes, stock exchange rates, original programming video clips,
and message boards.
Responsibilities:
. Designed low and high fidelity wireframes, flow diagrams, prototypes, and
specifications for the web sites.
. Deliver edgy and fashionable designs for the logos, banners and buttons
. Made the dailyfiance marketing site, an effective selling tool, through a
beautiful visual design, look and feel focusing on user experience.
. Targeted the desktop design for all Mobile versions (tablet, iPad, iPhone
and adapt the content based on RWD practices.
. Prepared the coding side for both desktop and mobile version using
HTML/HTML5, CSS, bootstrap and media queries.
. Oversaw on Building the UI for each module using pure HTML/CSS and write
JavaScript for client side interaction.
. Gathered the back-end team to rebuild the user interface for each module.
. Performed design sessions for the solution, with an emphasis on Front-End
design.
. Contributed to the testing process by helping fixing cross browser
compatibility
. Generated functional and technical documentation when necessary
. Achieved a strong track for the project planning and advancement,
following Scrum process.
Environment: HTML/HTML 5, CSS, SAAS, LESS, RWD, JavaScript, Json, Jsonp,
JQuery/YUI, Ajax, XML/XSLT, Photoshop, Axure, paper prototyping, bootstrap,
Illustrator, Dreamweaver,
MKTDOC
Actually provides a repository of technical documentation and products
specifications. The motivations and challenges for AOL is to cover all
aspects of a DMS (Searching, Publishing, Metadata, Indexing, Storage, and
Security) put together in a user friendly web interface.
Responsibilities:
. Designed low and high fidelity wireframes, flow diagrams, prototypes, and
specifications for the new architecture of the application.
. Design from scratch the mockup based on the new responsive design
technologies
. Structured a strong UI for some modules using pure XHTML/CSS (Build html
templates for UI components)
. Develop JavaScript codes for client side interactions.
Environment: XHTML/JavaScript/CSS/templates, Python, Json, JQuery,
Servlets, HTML to PDF transformation with FOP, XML/XSLT, Photoshop,
Illustrator...
Elimica: Exton, PA // Senior web Designer/3D Designer (March 2011 - April
2012)
Internet Website:
An online web site sponsored by Elimica that presents the company's
information, services, solution and resources with the focus on a good
attractive design and easy way for navigation.
Responsibilities:
. Design the conception, mockup, wireframe of the website
. Designed low and high fidelity wireframes and prototypes for the web
sites.
. Deliver edgy and fashionable designs for the logos, banners and buttons
. Design the look and feel of the Website from scratch focusing on user
experience.
. Prepared the coding side for the desktop version using HTML/HTML5, CSS,
bootstrap and media queries.
. Marketed the responsive design version of the website with full XHtml/CSS
. Published a Strong promotional video with 3D animation which presents the
activity of the client.
. Generated functional and technical documentation when necessary
Environment: Photoshop, Illustrator, Axure, HTML/HTML 5, CSS/CSS3, RWD,
JavaScript, HTML, 3dsmax, Aftereffects, Flash...
2RMK: Paris, FR // Senior Graphic Designer (July 2009 - February 2011)
VSplash:
A website that offers services on offshore software development, e-commerce
applications and enterprise solutions; it also provides help in reducing
your costs on Business outsourcing working in portal server UI.
Responsibilities:
. Assist in design sessions with the client to understand their business
needs and goals as well as Gathering their requirements and discussions to
create an innovative Design.
. Design the desktop version mockup.
. Design personas and slider focusing on user experience interactions.
. Targeted the desktop design for all Mobile versions (tablet, iPad, iPhone
and adapt the content based on RWD practices.
. Prepared the coding side for both desktop and mobile version using
HTML/HTML5, CSS, bootstrap and media queries.
. Generated JQuery banners on header part of the web site.
Environment: XHTML/CSS, JavaScript, Flash, HTML 5, RWD, jQuery, Photoshop,
axure, Illustrator.
MYPassenger:
An innovation for the concept of carpooling in France
Responsibilities:
Attached to the project manager my tasks were:
. Design a new concept for the web site and all the navigation pages.
. Improve the navigation with html and integration of the site in full
XHtml/CSS
. Published two promotional video with flash
. Develop high-quality web front-end that will deliver the key to improve
the design
. Participate in integration test, debugging issues if any related to
modules
. Published a Video for androids: Automatic Internationalization of flash
video using XML and Action Script 3 and adaptation of these videos for
androids with Phonegap.
Environment: php, Symfony, XHTML/CSS/ JavaScript, Flash, 3d, Photoshop,
axure, Illustrator, HTML5, jQuery, Phonegap.
AccesstoEbusiness: Tunis, TN // Senior Graphic Designer Lead (July 2007 -
May 2009)
Websites project:
Designed to be an online website that presents the company; their products
and services, in different ways, flash or WordPress online sites
Responsibilities:
. Assist in design sessions with the company's potential client to
understand their requirements and create the charter and the mockup.
. Leaded the design meeting with the client to discuss their business
objectives and requirements.
. Designed low and high fidelity wireframes using Axure, Photoshop and
prototypes.
. Prepared the coding side for both desktop and mobile version using
HTML/HTML5, CSS, bootstrap and media queries.
. Design an up-to-date banners, buttons, background and images.
. Provide guidance to other team members on web development issues
. Build WordPress version of the website.
Environment: Photoshop, illustrator, flash As2/As3, Amf library, Facebook
Developers API, JavaScript, jQuery, XHtml/CSS, HTML 5, php, Animation 2D,
WordPress, Dreamweaver.
Promotional video production:
A list of video that promote the best services of the client
Responsibilities:
. Innovate an original idea of the video that leads to the synopsis
. Design the story board and generate the scenario
. Design the video content based on scenarios and charter given
. Published the intro of the video using 3d animation
. Produced the promotional video following the storyboard and the detailed
scenario with aftereffects and flash
. Deliver highly customized Mix Down films with Adobe Premier.
Environment: Photoshop, illustrator, flash As2/As3, Animation 2D,
Aftereffects, Adobe premier
Facebook Applications:
An interactive Facebook application developed with flash AS3, Animation and
PHP backend development to promote client's products.
Responsibilities:
. Participate in design sessions with developers and design the application
using UML model
. Lead client's discussions to collect their requirement about the
promotional application in Facebook.
. Lead the design team to finally create the best look and feel for the
mockup of the application.
. Collaborate with the backend team to slice the Photoshop mock-up based on
their need and integrate it with adobe flash.
. Deliver a strong and fancy animations for the application using as3/as2
and timeline animations.
. Lead the technical choice in term of presentation, Look and feel
. Front-End Development using action script 3 and JavaScript
Environment: Photoshop, illustrator, flash As2/As3, Amf library, Facebook
Developers API, JavaScript, jQuery, XHtml/CSS, php, Animation 2D.
3D Movie Clip:
The ELGONNA is a project that has two responsibilities, first parceling of
the region of industrial local and promotes the functions of AFI in
Tunisia.
Responsibilities:
. Operated a high-quality parceling with AutoCAD (charts of architecture,
precision that will facilitate the creation of factories with 3dmsMax.
. Interact with engineers, architect in research projects and/or other
partners to finally improve the parceling of the area.
. Participate in design sessions for the interior and exterior design.
. Design a strong 3d presentation for the AFI and promote the future region
of industry
. Promote a video film with 3d rendering Vray.
Environment: Autocad, 3dsMax, vray, Maya, Max Script, Photoshop,
Illustrator.
Online references:
http://www.dailyfinance.com
http://www.elemica.com/
www.accesstoebusiness.com
http://www.vsplash.com
http://rakbankdirect.ae
http://www.toyota.ae
http://www.prolifics.com
www.lol.tn
https://www.facebook.com/citroenentunisie/app_565528803497845
https://www.facebook.com/citroenentunisie/app_384752274998545
https://www.facebook.com/citroenentunisie/app_1436562629923764
https://www.facebook.com/citroenentunisie/app_1440151959563889
http://www.golfs-france.fr/
http://tnntunisia.com/
http://www.ifm.tn/
http://www.golfs-france.fr
http://tnntunisia.com