You are here: Home | Affino | Affino Features
You are here: Home | Affino | Affino Features

Dynamic Responsive Design Centre

2017AfFtDesignCentre700V3

What is It?

Affino Responsive Design Centre is a DIY Design Implementation Utility which is key to building responsive-design layouts. It makes use of currently 28 Design Element widgets which can be arranged together in Design Object grids to produce the required dynamic page layouts - scaled to specified Breakpoints.

The Key Constituent Parts

The Key Constituent Parts
  • App Bar - As pictured above, the most recent version of the Affino Application Bar contains a specific edit panel which gives you direct access to those on-page Design components = Skins, Design Objects, Design Styles and Cascading Style Sheets (CSS); also on the 'Switches' panel you can temporarily disable custom CSS and Custom Scripts for trouble-shooting purposes
  • Design Skins - Additional Control layer which allows you to regulate when Design / Design Object changes go live
  • Design Objects - Reusable layout grids of multiple rows of Design Element Cells - with which you build up your page layouts
  • Design Elements - The individual widgets which define the content and functionality of a page / screen - i.e. the function of each Design Object Grid Cell; these are highly configurable and in some instances offer thousands of layout variations; there are currently 28 available (alphabetical):
    1. Article Carousel
    2. Article Feature Scroller
    3. Article Listing
    4. Auto-Related Content
    5. Blog Navigation
    6. Campaign Placement Area
    7. Channel Details
    8. Contact Listing
    9. Feature Scroller
    10. Image
    11. Job Listing
    12. Levels
    13. Login
    14. Media Listing
    15. On Page Feedback
    16. Online Form
    17. Prime Content
    18. Prime Content Navigation
    19. Prime Related Carousel
    20. Prime Related Content
    21. Recruitment Search
    22. Search
    23. Shopping Basket
    24. Smart Article Listing
    25. Smart Button
    26. Smart Event Listing
    27. Smart Prime Content
    28. Smart Text
  • Design Styles - Essentially options-based font and form styling guides - easier to setup and manage than custom CSS
  • Design Frames - Cell frames which help to raise or lower prominence of specific content / feature / functional elements
  • Design Scripts - A mix of HMTL, JavaScript and ColdFusion used to modify core display, assign custom functions or to integrate 3rd party functionality
  • Breakpoint Profiles - Responsive Design customisable viewports, set in standard configuration as Fluid, 1024px, 800px, 600px and 480px - to handle different resolutions / devices
  • Cascading Style Sheets / CSS - Additional styling definitions / customisations above and beyond core settings
  • Fonts - Use of custom server-embedded, or 3rd party fonts - for uniform unique display

NOTE - there are other technicalities here, Presentation Styles / Template Management which are connected to content display, also note that the Channel structure comes preloaded with various layouts for Channel-type specific content, and as per Prime Content Design Element deployed on page.

How is it different?

How is it different?

Fully optimised, minimal code footprint, wholly integrally and seamlessly part of the core solution. Everything dovetails together with the minimum of fuss, and the maximum system integrity and versatility. There are other layout design platforms out there, but none so well anchored into their core solutions, and with the same degree of flexibility.

Serving Suggestions and Examples

Serving Suggestions and Examples

An almost infinite variety of design can be achieved - some examples:


What are the Key Benefits?

  • Better Productivity
  • Quicker Deployment
  • Easier Repeatability / Roll-out
  • Greater degree of personalisation and control
  • More Uniformity and Stability
  • Increased Versatility
  • Enhanced Engagement
  • Simple to Iterate
  • Minimal coding

Did you find this content useful?

Thank you for your input

Thank you for your feedback

Driving business at some of the world's most forward thinking companies

Rovio
IDG
Procurement Leaders
Ocean Media Group
Gill
Drewry
Shard Media Group
PPA
AOP - Association of Publishers
Briefing Media
IMRG
FG Insight
Investigo
TTG

Our Chosen Charity

Humanity Direct

And delivering industry leading awards

2016 British Media Awards - Technology Provide of the Year - Silver
2014 PPA Connect Awards - Procurement Leaders awarded Event Brand of the Year
2014 PPA Digital Publishing Awards - Procurement Leaders awarded Business Media Digital Brand of the Year (Again!)
2014 PPA Awards - Procurement Leaders awarded Business Media Brand of the Year (Again!)
2014 AOP Digital Publishing Awards - Procurement Leaders awarded Best Business to Business Website
2013 PPA Awards - Procurement Leaders awarded Independent Publisher Digital Product of the Year
2013 PPA Awards - Procurement Leaders awarded Business Media Brand of the Year
2013 PPA Digital Publishing Awards - Procurement Leaders awarded Business Media Digital Brand of the Year
Let Us Call You Back
Contact Us
Request A Demo