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
https://ie.linkedin.com/in/fionakiely
https://fionakiely.ie
https://www.behance.net/fionakiely
https://issuu.com/fionakiely
http://fionakiely1.blogspot.ie/