DESIGN PORTFOLIOMultimedia

UX / UI

YLEIKANOIF

2

Responsive Web Design Different methods to produce a fully re-sponsive website were explored including flexbox, bootstrap grid system and media queries.

Media queries were used for this project.All written and visual content is original.

3YLEIKANOIF

DesktopLaptopStandard iPadMobile Phone

Screen Sizes Shown

‘GoWest’ is a fully repsonsive website that is dynamic using CodeIgniter and PHP.

The content is a news site that allows logged in users to: edit, add or delete an article.

The website also allows a logged in user to upload or delete an image.

Responsive Web Design

4

Notification & Login

View Special Offers, Earn Coins & Logout

Techniques to develop working prototype:Use CasesNeed Finding From EndusersLo-Fi Prototyping Evaluating GUI and Use Cases Developing Hi-Fi Prototype Testing Hi-Fi Prototype

Mobile App Design

Test project on this live:

http://4ocjml.axshare.com

Left to Right:iPhone home screen, login, enter password & options screen

Left to Right:Drop down menu & select, confirm item, scan item for purchase & thank you screen

5YLEIKANOIF

View Special Offers, Earn Coins & Logout

UI Design axure RP Screen shots are the final result of a full Hi-Fi prototyping build in axure RP 7.0

Left to Right:Drop down menu & select, confirm item, scan item for purchase & thank you screen

6

Curious Room - System to Relax Curious Room is a system designed for medium to large companies to promote creativity with relaxation tech-niques.

Curious Room is designed to give employees extra free time to engage in Meditation, Yoga, Tai Chi or Ping Pong with another memeber of staff by registering and choosing an avatar.

7YLEIKANOIF

Curious Room DevelopmentThe early part of development involved re-search and developing interactions to add value to reward systems companies can offer employees.

8

Mobile - Choose Activity Mobile - Give Feedback Mobile - Play Meditation

Large Screen - Choose Activity Large Screen - Play Meditation

9YLEIKANOIF

Mobile - Give Feedback

Curious Room Project Build

Large Screen - Give Feedback Large Screen - Play Meditation

Software Used

All interactions and relationshipsdeveloped in ERD diagrams and then transalted to tables in adatabase.

Mobile screens have visible url to highlilght scalability.

HTML5 / CSS3 (media queries)MySQL, PHP & CodeIgniter and JavaScript.

10

UV Mapping

Fruit Bowl

Basic Modeling

11YLEIKANOIF

3ds Max Projects developed using 3ds Max. Examples show how to make, manipulate and apply materials to objects. The use of light generation and how to use features such raytracing are fully developed in the fruit bowl and pool table examples.

Please click on the pool table image to view the finished short movie.

3D Modeling

Pool Table Animation

12

CeA/R/T Art collective encompassing four members from different disciplines with a common goal.

Click here to view movie

13YLEIKANOIF

Premier Pro This short movie highlighed a recent public installation by the art consortium Ce A/R/T. The movie was edited using Premier Pro.

Brief To use footage from different stages of intrerviewing and devlopment and produce a professional promotional product.

14

15YLEIKANOIF

Premier Pro

16

Experienced and Skilled Designer with Project Management Experience.

Proficient in Software Applications including MS Office / Adobe Suite / CSS3 / HTML5 / Bal-samique / JavaScript / 3ds Max.

Experience with Research, Data Collection and Analysis Per Project Brief. Self-Motivated, Dy-namic, Hardworking, Passionate, Team Player and Idea Generating Individual.

FIONA KIELYUX / UI DESIGNER

ABOUT ME

CONTACT ME

YLEIKANOIF

fionakiely1@hotmail.com

https://ie.linkedin.com/in/fionakiely

https://fionakiely.ie

https://www.behance.net/fionakiely

https://issuu.com/fionakiely

http://fionakiely1.blogspot.ie/