ryann al-lahiq

Project Outline: Joined the Dev and Design Team to build out a new skin for a White Label product. Tasked with skinning the Responsive Desktop/Mobile sites as well as the bingo game client for GiveBackBingo.com. Main prerequisite was keep the HTML5 markup structure ‘as is’.

Skills Applied: Interpreted ‘The Skin’ in Sketch and introduced the use of SASS placeholders to grouped selectors using BEM Methodology as an approach to skinning for this project. Differing to marking up modular HTML5 components would have been unusable as markup structure varied considerably. Used existing Foundation grid where necessary and writing my own utilities where needed. Commits done with SVN.

Project Outline: Brought on board to develop and code up a bespoke prototype User Experience for an ongoing client project. Liaised with the Tech Lead and the Dev Team on nailing down deliverables for the prototype. Emphasis on touch device support and tablet breakpoints.

Skills Applied: Git/Git Bash Node.js and Gulp.js & SASS toolset for workflow. Introduced Bootstrap to the Frontend with Bower.js for more a more maintainable HTML5 stack over the existing codebase. Integrated jQuery ‘if / else statements’ approach to adapt UI to the progress of User Experience.

Project Outline: Joined this startup property rental platform to assist in the Front end development of UI/UX user journeys and re-branding, bringing it to an initial private beta launch.

Skills Applied: Working with the Backend Ruby development team to reproduce re-branded layouts using a Ruby SASS compiler and the Foundation framework for complete device support and rapid layout prototyping. Applying jQuery for component customization and committing branches to Git Lab ready for handover to QA.

Project Outline: Brought in to join their design and UX team to rapidly prototype a master template set of components for their client Louis Vuitton. as part of a two man Front End team we took point from the product owner on deliverables.

Skills Applied: To rapidly deliver a responsive site with solid device support we used the Buzzfeed's responsive css framework. Dividing up the work and designs from Sketch and sorting them into responsive/mobile ready components. Our workflow was built around Git, Node.js Grunt Bower , using bespoke JavaScript and jQuery sparingly, whilst markup and layout were handled with HTML5 & SASS.

Project Outline: Brought in to assist in rolling out new bespoke themed and interactive pages based on their prospective client work for their Drupal CMS.

Skills Applied: Interpreting designs and styling out HTML5 and CSS3 coupled with parallax interaction animation (on scroll) using the lightweight Wow.js library for timed animations. Liaised with back end developers to setup a local virtual environment. Git and Sublime were used as part of our workflow.

Project Outline: Joined the Design team to markup new assets and produce new front end functionality for the run up to the relaunch of CommittedToCure.org

Skills Applied: Worked with Gulp & SASS to build out new page layouts to work alongside the existing Joomla CMS and Bootstrap Markup structure. Worked closely with the designers and PMs to make sure the UX and layouts matched the wireframes. jQuery library used to achieve accordion functionality. Updated markup and styles for staging were pushed to Git.

Project Outline: Brought on to join the Back End Drupal team to build out mobile first Front End components for their Engage project.

Skills Applied: Using Grunt with SASS based on Bootstrap in a BEM Methodology. Emphasis on using placeholders to create standalone themeable components for their component library. Theming Drupal Entity Forms required a local Vagrant environment. Code reviews done with the Lead Front End Developers and UX specification brief with the onsite designers. Final working components were pushed to Git and submitted as a pull request.