bora-yalcin-web-portfolio
35
-
Upload
bora-yalcin -
Category
Documents
-
view
122 -
download
0
Transcript of bora-yalcin-web-portfolio
In this portfolio you can find details about some of the selected projects I
have worked on.
Both back-end and front-end development of the projects featured in
this portfolio were done by me.
Koleksiyon Website koleksiyon.com.trkoleksiyoninternational.comkoleksiyon.co.uk
Koleksiyon WebsiteAbout the Project
This project required a highly flexible content management system that could be tailored according to the company’s specific needs for their content.
The main requirements were: - Multi language, multiple domain and location support for the content, - Flexible content hierarchy in accordance with the company’s marketing strategies - A system suitable for supplying content with an API for future applications and platforms (mobile application, dealer portal etc.)- Third party integrations with the company’s CRM system for forms and product quote enquiries - Different user roles and permissions, for instance a special content area only displayed to architects and designers registered to the site.
Following a detailed research, we decided to use Processwire CMS for the project, which has multi language support by default, and which is flexible and powerful enough to meet the required structure.
• Processwire is used as CMS for back-end. Page templates, content hierarchy and custom modules are planned and developed on this structure.
• A custom-built Bootstrap is used for grid system and front-end components. Two different grid systems are used together in order to convert the design into code without making any concessions from the design.
• CSS is written with Sass in BEM Methodology, modular, maintainable and suitable for further development.
• JavaScript is mostly written with BackboneJS for better separation of model and view. jQuery and jQuery related libraries were used for various parts like sliders, carousels, modal boxes, etc…
Koleksiyon WebsiteTechnical Details
Product detail page
Fullwidth menu detail
Image search for press usage
Mapfre Insurance Intranet System
mint.mapfregenelsigorta.com* only available for internal network of the company
Mapfre Insurance Intranet System About the Project
The aim of the project was to built an intranet system for the Turkish branch of the global insurance company Mapfre, and to gather internal workflows of the company under one central intranet system.
The system is actively used by 800+ employees of the company on a daily basis since December 2014.
*Due to the NDA with the company, only allowed details and screens are shared on this portfolio.
Mapfre Insurance Intranet System About the Project
On the planning part of the project, we had several meetings and workshops with different departments of the company in order to understand their workflows and needs regarding the intranet system.
Some of these workflows had been online but using outdated and not user friendly systems, some had been executed manually by employees.
Following a detailed planning period, we had a clear scope for the first version of the project and a vision for the possible iterations on future versions.
*Due to the NDA with the company, only allowed details and screens are shared on this portfolio.
Mapfre Insurance Intranet System Technical Details
Back-endThe system has a core application built on Laravel PHP framework. User systems, shared components, third party integrations with company’s other software systems like LDAP, HR Management, Financial Data DB etc. are handled in this core structure. This core also includes various small applications such as meeting room reservation, employee directory, application and contact forms.
WordPress is used for the general content management purposes. Each department has a specifically tailored WordPress installations for their workflows. As WordPress has RESTful API, the content can be served to other parts of the application where necessary.
*Due to the NDA with the company, only allowed details and screens are shared on this portfolio.
Mapfre Insurance Intranet System Technical Details
Front-end- A custom-built flat design version of Bootstrap is used.
- CSS is written with Sass in BEM Methodology, modular, maintainable and suitable for further development. That structure allowed us to add new interfaces without bloating the current codebase. As all the sites within the application shared some of the common components, it gives us the opportunity to develop a main component repository.
- Javascript structure is mostly written in BackboneJS and jQuery. In some parts of the application tools like AngularJS, Typeahead, GreenSocks animation libraries are also used.
*Due to the NDA with the company, only allowed details and screens are shared on this portfolio.
Homepage of the intranet, composed of various widget
Meeting room reservation module
One of the subsites, for social clubs within company You can follow and join the event or groups from this site
Ozan Açıktan WebsiteAbout the Project
Ozan Açıktan is one of foremost commercial directors in Turkey. The project was to renew his site with a modern design to demonstrate his portfolio in the best way possible.
The site had originally been developed with WordPress a few years ago and the videos were served from Vimeo. So we kept WordPress as the CMS and developed a theme from scratch.
The design is done using fluid grid as much as possible to be able to give a cinematic feeling by using 100% of the screen. Also details like the interactions like hovers or click, opening of the menu bar is done using css and javascript animations to enhance the desired effect.
Ozan Açıktan WebsiteTechnical Details
Back-end: WordPress as the CMS with a custom build theme and functionality plugins.
Front-end: - A custom-built Bootstrap for grid system and components. - CSS is written with Sass in BEM Methodology - Main javascript structure is written with BackboneJS and
jQuery. For the animations GreenSock JS libraries (TweenMax and TimelineMax) are used.
- jQuery and jQuery related libraries are used for various parts such as sliders, carousels, modal boxes.
Showreel Listing Page
Featured films page
Beğendiğini Al - Instagram ShopAbout the Project
Beğendiğini Al is a platform as a service (PaaS) project which is a bridge between Instagram and brands’ products. The application is currently online and being actively used by some of the major retail brands in Turkey.
The application integrates with the Instagram account, so brands can link tag their products with their Instagram posts and users can find the Instagram posts of the brands they liked and can reach the products.
The application also has the ability to pull data from the product pages of brand websites for updating prices, discounts and pictures automatically.
It also has a reporting system to track user interaction with products and posts on the platform.
Beğendiğini Al - Instagram ShopTechnical Details
Back-end: Laravel PHP Framework is used for the application. For the Instagram integration, I have forked an Instagram-php library and developed it further to make it suitable for the needs of the application.
Front-end: User facing side is done with a custom build of Bootstrap, BackboneJS and jQuery. For the administration panel an admin theme is implemented for the MVP version of the project.
User facing side of the application
You can see all available posts of a brand or switch to posts you like from that instagram account
Details on a post
On the right side you can see details and visit pages of the products tagged on the Instagram post
Tagging page detail from admin interface
Only by entering the link, application automatically pulls the details like title, description, prices and discounts on the product
Boyner Mecmua - Online Magazine About the Project
Boyner Mecmua is an online magazine for Boyner, one of the major retail companies in Turkey.
The site is built on WordPress platform with a magazine-like design and content management flow. Completely customisable cover pages, changeable colour schemes, taggable photos, building custom article layouts via page builders are some of its major features.
Single page detail
Category page detail
Hafele Evim WebsiteAbout the Project
A home products website for the Turkish branch of Hafele. The site is both a showcase for the company’s home collections and a content platform for their blog and publications.
Back-end WordPress with custom built theme and plugins.
Front-end - A custom-built Bootstrap for grid system and components. - CSS is written with Sass. - Main javascript structure is written with jQuery. BackboneJS is used for certain parts.
Detail from a collection page
Products can be pinned on the image from admin interface with custom text and links
Thank you for taking the time to view my portfolio
For further information you can contact me
linkedin.com/in/borayalcingithub.com/borantula
