ONLINE DESIGN :

WEBSITES :

There are many aspects to producing a website or app, including content organisation, site structure planning, user flows, wire framing, prototyping, UX/UI design, coding and testing. Here you can see examples of websites that have been built using programs, scripting languages and content management systems including Figma, HTML, CSS, JavaScript, JQuery, PHP, Adobe Dreamweaver, Photoshop, Illustrator, Fireworks, WordPress, Ruby on rails, Bootstrap and others.

Sheila Rodgers Web design and development
Ongoing UI design and development with Cassidy Travel, Dublin – www.cassidytravel.ie
This is a preview demonstration video of an hotel website that is currently under construction.

CASESTUDY : EDVC HOMEPAGE RE-DESIGN

Before the final development & coding of the website begins, Webflow Diagrams, Wire-frames, UX/UI designs and Prototypes are created. Through prototypes users can experience how the website looks and feels during planning and design stages. Prototyping helps to iron out any issues between design and coding and also gives clients a clear picture of how the finished website will look and function.

Click here to see the EVDC LIVE PROTOTYPE (mobile version) created using Figma.
EVDC WEBFLOW DIAGRAM, WIRE-FRAMING & UX/UI DESIGN
User and Navigation flow.
User and Navigation flow.
Wireframe layout for website.
Wireframe layout for website.
Styled layout for the website.
Styled layout for the website.
OTHER WEB-DESIGN EXAMPLES
Kev McNicholas Photography
Kev McNicholas Photography
Residence Members Club
Residence Members Club
Restaurant 41
Restaurant 41
Gruawig.ie


APP UI & PROMO DESIGN :

App design and development is an exciting new technology that involves UX/UI and other aspects of design. Graphics are not only needed for the user interface but they often require the branding design and promotional graphics for Google Playstore.

Melody Maker App Promotion Design
Melody Maker App Promotion Design
Melody Maker App Promotion Design
Melody Maker App Promotion Design
Rhythm Maker App Promotion Design
Rhythm Maker App Promotion Design
Rhythm Maker App Promotion Design
Rhythm Maker App Promotion Design

Branding, UX/UI and promotion design for Melody Maker & Rhythm Maker Apps. playstorePLAYSTORE Download Links : MELODY MAKER & RHYTHM MAKER


ONLINE ADVERTISING :

SOCIAL MEDIA, WEB BANNER ADS & INFOGRAPHICS

Online adverts are displayed on websites including social media networks such as Facebook, Twitter, LinkedIn, Youtube. They appear in varied sizes and locations, and can be static or animated. They can also be emailed as infographics. Here you can see online advert designs for clients such as Facebook Ireland, Daft.ie and SuperValu, ebay, Credit Union and others.

Credit Union
Credit Union
Credit Union
Credit Union
Daft.ie
Daft.ie
Daft.ie
Daft.ie
Daft.ie
Daft.ie
Daft.ie
Daft.ie
Facebook Ireland
Facebook Ireland
Facebook Ireland
Facebook Ireland
Facebook Ireland
Facebook Ireland
ebay
ebay

PRESENTATIONS, BOOKLETS & WEB PAGE GRAPHICS

Online layouts can vary depending on their purpose and presentation, e.g. Business Case Studies, Webpages & Animated Presentations. Clients include Daft, Google, Facebook, Car Trawler and others.


VIDEO & MOTION GRAPHICS :

Video creation for Cassidy Travel, Dublin.

Video editing for SuperValu video advert featuring Kevin Dundon.

ANIMATED GIFS – used in email marketing campaigns.

“MIACRO” MOTION ART

An interactive piece of vector art made using Adobe Flash. Click the centre of the image to interact with it. It brings you into the depths of the New York cityscape. When the Lotus flower is left without interaction it slowly moves in a subtle motion as if it is breathing. It is inspired by the concept of Micro and Macro worlds in science and nature, and wondering where one begins and the other ends. 

Motion Graphics by Sheila Rodgers