ryann al-lahiq

Project Outline: Working alongside Molton Brown's creative team, I liaised with their E­commerce team to produce Front­end markup for their Oracle ATG CMS. For Responsive Email development I worked closely with their CRM team to produce templates for their YesMail email marketing platform.

Skills Applied: ​Using Sublime Text to develop bespoke HTML and CSS locally. Code was integrated into a JSP templatefor testing on staging. jQuery was used to trigger LightBox functionality where required. Testing the markup required legacy browser compliance testing (down to IE7). HTML and CSS3 Media Queries were used to support Mobile devices when marking up responsive email templates.

Project Outline: ​Localizing an interactive Product User Manual for a Healthcare Client for the German market via a Tablet (iPad) Specification. Provided with the UX as well as copy and Design Assets, I liaised with Nitrogen's in house team in interpreting the specification as for pushing content to Tablets for Testing and Review Stages.

Skills Applied: Notepad ++/Sublime to hand code HTML/CSS project files. CSS3 and Chrome Devtools for tweaking tablet theme/design and customizing transitions to spec. SVN to commit completed tablet slides to repository. Basic exposure to SalesForce for adding new project slides. Where required I was able to integrate the iScroll plugin to enable IPad X/Y Scrolling functionality.

Project Outline: As the sole Front­end Developer onsite, i was required to assist page production and complete remedial work for one of Grey Health's Clients. Using Adobe CQ5 CMS.

Skills Applied: A clear understanding of CSS/HTML conventions in context of the Adobe CQ5 CMS development environment, to produce and configure page builds from the components sidekick. Referring to PSD's and CMS Documentation on hand to produce page build consisting for various use case scenarios.

Project Outline: Working Remotely and liaising with another Developer via Skype I was tasked with developing a responsive (tablet compatible) menu component for Parker FitzGerald's Website.

Skills Applied: Notepad ++ to hand the Responsive Menu component. CSS2/3 techniques of "Max­width" percentages to make sure menu proportions were constrained when scaling to minimum tablet resolution and viewports. IE/Chrome/FireFox/Devtool's for testing/debugging and Tablet spec was tested with the ever useful IpadPeek web app. A "PHP Includes" technique was used to call the separate HTML file where the menu could sit independently from the WordPress site for easy maintenance and reusability to other projects/bits of UI if needed.

Project Outline: Working alongside an in house Front­end Developer, I was tasked with integrating a Booking System, and Login Plugin for WordPress CMS for their client London Print Studio. User Journeys/UX were presented face to face with the client when specification of content had been developed tested and updated onto the live site. The successfully Integrated plugins ultimately allowed the site's users/subscribers and administrators to adequately engage and manage their experience with maximum autonomy and automation.

Skills Applied: Creating WordPress Templates with HTML and CSS/CSS3 techniques. Mocking up demo content running jQuery UI functionality for testing. Setting up and testing Paypal Checkout features, analyzing User Journeys/UX and detailing functionality of content to corresponding pages i.e. coding up layouts for subscription page/manage subscriptions registration page ect.

Project Outline: Joined the Marketing team to produce custom front-end layouts and promotional content for the start of Q4's high traffic and performant critical winter holiday/new year period.

Skills Applied: Hand coding e-commerce layouts in HTML/CSS in relative and absolute positioning context for optimal browser support . Integrating the EasySlider jquery plugin where needed for revolving content on the homepage. Liaising with the Graphics team for asset handover & specificity. Development tools allocated to me for this role was Adobe Dreamweaver and the Firebug developer tool.