SlideShare a Scribd company logo
1 of 9
Download to read offline
Design Portfolio
By: Mike Brunet
Updated: March 10, 2015
I created a complete enterprise system
in Filemaker 13 for an international
publishing startup. The requirement
was to design for simplicity of use and
visual elegance.
Below is a screenshot of the CRM
module complete with custom buttons
that take advantage of the multi state
features within Filemaker to simulate
Mac OS X and /or Windows pushable
buttons.
In this solution, I utilized Filemaker
popover functions to create interactive
menus that allow much more flexibility
then standard Filemaker menus.
Minimalist Filemaker Desktop
Clean and Easy to Use
Adobe Creative Suite Integration
Going beyond the “basic” layout can add a distinctive look to any
custom project. Using custom designed visual elements in Adobe
Illustrator and Photoshop is both easy and fun and will add
tremendous value to any project.
This portal comes alive in Filemaker using art I created in Adobe
Illustrator.
Icons
In Filemaker there are 3 button states (normal, hover and pressed).
Each require perfectly scaled images.
I have a library of 100s of thousands of icons which I have the ability,
creativity and experience to modify as needed to meet individual
client needs using the Adobe Creative Cloud (Illustrator, Photoshop
etc.)
Below is a sample of icon state images as used in CRM database
above.
Flat and Modern
The latest design trend is flat.
In flat design, icons are big,
bold and FLAT, and the UI is
bright and colourful.
Microsoft has adopted this style
in Windows 8. Flat design is also
the basis of Apple’s iOS 8 in
iPhones and iPads.
Flat design is taking over the
web and is becoming very
popular in custom software.
Using Filemaker and custom
designed icons and other
custom designed UI elements,
flat UI is not just possible, its
fun to create and make
applications so easy to use.
Colour and Texture
Today, we can choose from millions of colours for our interfaces. All
colours don't go together. I have access to hundreds of pre defined
colour palettes to pick from to create an eye pleasing design.
Below is a small sample of such colour choices available.
Applications have white space. Adding seamless backgrounds in your
design can add flair and texture to your layouts.
This is particularly true in Filemaker GO apps for iPhones and iPads.
Below is a small sample of what is possible.
Good design incorporates a perfectly
designed user interface and better,
more intuitive code
Better Code
The requirement was to simplify a previously written Filemaker
solution to search on any combination of eight inter related
dimensions of data for a parts database for a north american
manufacturer.
The existing interface required multiple key strokes navigating five
layouts. I was able to simplify search on eight portals which refresh
“on the fly” as the user clicks on any combination of eight
dimensional data portals related to a large parts database using
executeSQL functionality.
Simplified Design
Having everything on one layout using executeSQL made it possible
to search for parts in a few seconds instead of a few minutes. This
improved both customer service and the manufacturing process
itself without causing screen congestion.
Screen congestion can be a huge problem with many layout.
Cluttered and congested layouts are both difficult to use and
unprofessional to look at. Efficient and knowledgeable use of design
techniques combined with efficient code made all the difference.
Filemaker GO
A small chain of restaurants
contracted me to develop a
modern, sleek, easy to use
solution for their operations.
Thanks to Filemaker GO, I was
able to replicate their current
paper systems which they had
used for three generations.
Going “mobile” in this situation
meant creating a good design
which was both functional and
looked good.
The screenshot on the left is the
layout as it looks in the
development filemaker desktop.
Below is the finished product on
the iPad, with a lookup to add a
beverage to the check.
This standalone Filemaker GO
solution prints to non “air print”
POS receipt printers using
xPrintServer technology from
Lantronix.
Using this solution, I was able to
send printed copies of food
orders directly to the kitchen
and a separate copy of the
beverage order to the bar to
create a very useful and elegant
solution.
That’s good design!
Social Media Login
A local retailer contracted me to
create a Filemaker kiosk
solution for their retail stores.
On their corporate web pages
they had a process for their
customers to login using their
Facebook or Twitter accounts
and asked me to provide this
functionality from within
Filemaker.
Using adobe design templates
and Filemaker’s built in web
viewer working in the
background, I was able to re
create this functionality from
within Filemaker.

More Related Content

What's hot

Developing for Mobile with the Flex Framework
Developing for Mobile with the Flex FrameworkDeveloping for Mobile with the Flex Framework
Developing for Mobile with the Flex FrameworkMatthew Fabb
 
Seh mobile shiny_apps
Seh mobile shiny_appsSeh mobile shiny_apps
Seh mobile shiny_appsDuke Williams
 
Gre co product presentation
Gre co product presentationGre co product presentation
Gre co product presentationElloka Hc
 
Adobe Flash Platform for Mobile Development
Adobe Flash Platform for Mobile DevelopmentAdobe Flash Platform for Mobile Development
Adobe Flash Platform for Mobile DevelopmentIndicThreads
 
Use Xamarin.Forms and surprise your customers when develop native apps, in le...
Use Xamarin.Forms and surprise your customers when develop native apps, in le...Use Xamarin.Forms and surprise your customers when develop native apps, in le...
Use Xamarin.Forms and surprise your customers when develop native apps, in le...Paulo Cesar Ortins Brito
 
Mobile Apps using Flex and ColdFusion
Mobile Apps using Flex and ColdFusionMobile Apps using Flex and ColdFusion
Mobile Apps using Flex and ColdFusionTerry Ryan
 
Getting started with flash mobile development
Getting started with flash mobile developmentGetting started with flash mobile development
Getting started with flash mobile developmentMihai Corlan
 
Developing Mobile Applications using Flex 4.5
Developing Mobile Applications using Flex 4.5Developing Mobile Applications using Flex 4.5
Developing Mobile Applications using Flex 4.5Chaithanya Yambari
 
Євген Боярин “Легкий старт і необмежені можливості створення ігор. APP salute...
Євген Боярин “Легкий старт і необмежені можливості створення ігор. APP salute...Євген Боярин “Легкий старт і необмежені можливості створення ігор. APP salute...
Євген Боярин “Легкий старт і необмежені можливості створення ігор. APP salute...Lviv Startup Club
 
00004 promo 150_website_visual_context
00004 promo 150_website_visual_context00004 promo 150_website_visual_context
00004 promo 150_website_visual_contextS. Milena C Bonila
 
Mobile Development with Adobe AIR
Mobile Development with Adobe AIRMobile Development with Adobe AIR
Mobile Development with Adobe AIReaselsolutions
 

What's hot (13)

Developing for Mobile with the Flex Framework
Developing for Mobile with the Flex FrameworkDeveloping for Mobile with the Flex Framework
Developing for Mobile with the Flex Framework
 
Seh mobile shiny_apps
Seh mobile shiny_appsSeh mobile shiny_apps
Seh mobile shiny_apps
 
Gre co product presentation
Gre co product presentationGre co product presentation
Gre co product presentation
 
WWDC 2016 Recap
WWDC 2016 RecapWWDC 2016 Recap
WWDC 2016 Recap
 
Adobe Flash Platform for Mobile Development
Adobe Flash Platform for Mobile DevelopmentAdobe Flash Platform for Mobile Development
Adobe Flash Platform for Mobile Development
 
Use Xamarin.Forms and surprise your customers when develop native apps, in le...
Use Xamarin.Forms and surprise your customers when develop native apps, in le...Use Xamarin.Forms and surprise your customers when develop native apps, in le...
Use Xamarin.Forms and surprise your customers when develop native apps, in le...
 
Mobile Apps using Flex and ColdFusion
Mobile Apps using Flex and ColdFusionMobile Apps using Flex and ColdFusion
Mobile Apps using Flex and ColdFusion
 
Getting started with flash mobile development
Getting started with flash mobile developmentGetting started with flash mobile development
Getting started with flash mobile development
 
Developing Mobile Applications using Flex 4.5
Developing Mobile Applications using Flex 4.5Developing Mobile Applications using Flex 4.5
Developing Mobile Applications using Flex 4.5
 
Presentation1
Presentation1Presentation1
Presentation1
 
Євген Боярин “Легкий старт і необмежені можливості створення ігор. APP salute...
Євген Боярин “Легкий старт і необмежені можливості створення ігор. APP salute...Євген Боярин “Легкий старт і необмежені можливості створення ігор. APP salute...
Євген Боярин “Легкий старт і необмежені можливості створення ігор. APP salute...
 
00004 promo 150_website_visual_context
00004 promo 150_website_visual_context00004 promo 150_website_visual_context
00004 promo 150_website_visual_context
 
Mobile Development with Adobe AIR
Mobile Development with Adobe AIRMobile Development with Adobe AIR
Mobile Development with Adobe AIR
 

Viewers also liked

Viewers also liked (18)

Keeping the main thing the main thing raising attainment at ks4
Keeping the main thing the main thing   raising attainment at ks4Keeping the main thing the main thing   raising attainment at ks4
Keeping the main thing the main thing raising attainment at ks4
 
Mike Crumpton and Nora Bird
Mike Crumpton and Nora BirdMike Crumpton and Nora Bird
Mike Crumpton and Nora Bird
 
Communicationdementia1 140104150334-phpapp02
Communicationdementia1 140104150334-phpapp02Communicationdementia1 140104150334-phpapp02
Communicationdementia1 140104150334-phpapp02
 
Tarea lo omnimodo
Tarea lo omnimodoTarea lo omnimodo
Tarea lo omnimodo
 
SaaS Ec
SaaS EcSaaS Ec
SaaS Ec
 
Proceso de Producción Lineal e Intermitentes
Proceso de Producción Lineal e IntermitentesProceso de Producción Lineal e Intermitentes
Proceso de Producción Lineal e Intermitentes
 
Image 18
Image 18Image 18
Image 18
 
Image 20
Image 20Image 20
Image 20
 
Aniversario de la Ley de Tasas. Pontevedra.
Aniversario de la Ley de Tasas. Pontevedra.Aniversario de la Ley de Tasas. Pontevedra.
Aniversario de la Ley de Tasas. Pontevedra.
 
Dragon and cinder v brownbag
Dragon and cinder v brownbagDragon and cinder v brownbag
Dragon and cinder v brownbag
 
poster afif
poster afifposter afif
poster afif
 
Virtual.PYXIS_flyer
Virtual.PYXIS_flyerVirtual.PYXIS_flyer
Virtual.PYXIS_flyer
 
Image 9
Image 9Image 9
Image 9
 
APLIKASI INTERNET
APLIKASI INTERNETAPLIKASI INTERNET
APLIKASI INTERNET
 
SIX σ-4
SIX σ-4SIX σ-4
SIX σ-4
 
goyo
goyogoyo
goyo
 
Pie charts
Pie charts Pie charts
Pie charts
 
Image 12
Image 12Image 12
Image 12
 

Similar to iDocuments Design Portfolio

Hyvä UI Version 2.1.0 Is Out With New Features And UI Layout
Hyvä UI Version 2.1.0 Is Out With New Features And UI LayoutHyvä UI Version 2.1.0 Is Out With New Features And UI Layout
Hyvä UI Version 2.1.0 Is Out With New Features And UI LayoutElsner Technologies Pvt. Ltd.
 
PPT on MS-CIT Unit 3 (slide share)
PPT on MS-CIT Unit 3 (slide share)PPT on MS-CIT Unit 3 (slide share)
PPT on MS-CIT Unit 3 (slide share)SHRIBALAJIINFOTECH
 
Windows 10 update 1809 cfcs oct14 2018
Windows 10 update 1809  cfcs oct14 2018Windows 10 update 1809  cfcs oct14 2018
Windows 10 update 1809 cfcs oct14 2018hewie
 
TC Resume Presentation
TC Resume PresentationTC Resume Presentation
TC Resume Presentationguestacb0b1
 
Web design trends 2015 (Prediction)
Web design trends 2015 (Prediction)Web design trends 2015 (Prediction)
Web design trends 2015 (Prediction)Logo Ping
 
ZEUS UI Proposal(FID)
ZEUS UI Proposal(FID)ZEUS UI Proposal(FID)
ZEUS UI Proposal(FID)mamahow
 
ONLINE CREATION TOOLS AND APPLICATIONS FOR ICT CONTENT DEVELOPMENT
ONLINE CREATION TOOLS AND APPLICATIONS FOR ICT CONTENT DEVELOPMENTONLINE CREATION TOOLS AND APPLICATIONS FOR ICT CONTENT DEVELOPMENT
ONLINE CREATION TOOLS AND APPLICATIONS FOR ICT CONTENT DEVELOPMENTSunsunGarden
 
Magento responsive admin template
Magento responsive admin templateMagento responsive admin template
Magento responsive admin templateEmilyPhan21291
 
Adobe Max 2009 - Learnings
Adobe Max 2009 -  LearningsAdobe Max 2009 -  Learnings
Adobe Max 2009 - Learningsziblu
 
Kopytko Top 10 apps.pptx
Kopytko Top 10 apps.pptxKopytko Top 10 apps.pptx
Kopytko Top 10 apps.pptxhappyanton000
 
12 Underrated Tools for Graphic Designers
12 Underrated Tools for Graphic Designers12 Underrated Tools for Graphic Designers
12 Underrated Tools for Graphic DesignersThebooth fairy
 
10 Productivity tools for web designers
 10 Productivity tools for web designers 10 Productivity tools for web designers
10 Productivity tools for web designersBillbooks
 
Top low code mobile app development platforms
Top low code mobile app development platformsTop low code mobile app development platforms
Top low code mobile app development platformsRupesh Dhiwar
 
Identifying Microsoft Office Features
Identifying Microsoft Office FeaturesIdentifying Microsoft Office Features
Identifying Microsoft Office FeaturesSree Priya Ganathas
 

Similar to iDocuments Design Portfolio (20)

Hyvä UI Version 2.1.0 Is Out With New Features And UI Layout
Hyvä UI Version 2.1.0 Is Out With New Features And UI LayoutHyvä UI Version 2.1.0 Is Out With New Features And UI Layout
Hyvä UI Version 2.1.0 Is Out With New Features And UI Layout
 
7 Amazing Flutter App Development Tools
7 Amazing Flutter App Development Tools7 Amazing Flutter App Development Tools
7 Amazing Flutter App Development Tools
 
PPT on MS-CIT Unit 3 (slide share)
PPT on MS-CIT Unit 3 (slide share)PPT on MS-CIT Unit 3 (slide share)
PPT on MS-CIT Unit 3 (slide share)
 
Windows 10 update 1809 cfcs oct14 2018
Windows 10 update 1809  cfcs oct14 2018Windows 10 update 1809  cfcs oct14 2018
Windows 10 update 1809 cfcs oct14 2018
 
TC Resume Presentation
TC Resume PresentationTC Resume Presentation
TC Resume Presentation
 
Web design trends 2015 (Prediction)
Web design trends 2015 (Prediction)Web design trends 2015 (Prediction)
Web design trends 2015 (Prediction)
 
ZEUS UI Proposal(FID)
ZEUS UI Proposal(FID)ZEUS UI Proposal(FID)
ZEUS UI Proposal(FID)
 
ONLINE CREATION TOOLS AND APPLICATIONS FOR ICT CONTENT DEVELOPMENT
ONLINE CREATION TOOLS AND APPLICATIONS FOR ICT CONTENT DEVELOPMENTONLINE CREATION TOOLS AND APPLICATIONS FOR ICT CONTENT DEVELOPMENT
ONLINE CREATION TOOLS AND APPLICATIONS FOR ICT CONTENT DEVELOPMENT
 
Casestudy
CasestudyCasestudy
Casestudy
 
Magento responsive admin template
Magento responsive admin templateMagento responsive admin template
Magento responsive admin template
 
Adobe Max 2009 - Learnings
Adobe Max 2009 -  LearningsAdobe Max 2009 -  Learnings
Adobe Max 2009 - Learnings
 
Kopytko Top 10 apps.pptx
Kopytko Top 10 apps.pptxKopytko Top 10 apps.pptx
Kopytko Top 10 apps.pptx
 
Silverlight
SilverlightSilverlight
Silverlight
 
Top 10 graphic and web design tools in 2015
Top 10 graphic and web design tools in 2015Top 10 graphic and web design tools in 2015
Top 10 graphic and web design tools in 2015
 
12 Underrated Tools for Graphic Designers
12 Underrated Tools for Graphic Designers12 Underrated Tools for Graphic Designers
12 Underrated Tools for Graphic Designers
 
10 Productivity tools for web designers
 10 Productivity tools for web designers 10 Productivity tools for web designers
10 Productivity tools for web designers
 
Top low code mobile app development platforms
Top low code mobile app development platformsTop low code mobile app development platforms
Top low code mobile app development platforms
 
Identifying Microsoft Office Features
Identifying Microsoft Office FeaturesIdentifying Microsoft Office Features
Identifying Microsoft Office Features
 
Authoring metaphors
Authoring metaphorsAuthoring metaphors
Authoring metaphors
 
An Overview Of Wpf
An Overview Of WpfAn Overview Of Wpf
An Overview Of Wpf
 

iDocuments Design Portfolio

  • 1. Design Portfolio By: Mike Brunet Updated: March 10, 2015
  • 2. I created a complete enterprise system in Filemaker 13 for an international publishing startup. The requirement was to design for simplicity of use and visual elegance. Below is a screenshot of the CRM module complete with custom buttons that take advantage of the multi state features within Filemaker to simulate Mac OS X and /or Windows pushable buttons. In this solution, I utilized Filemaker popover functions to create interactive menus that allow much more flexibility then standard Filemaker menus. Minimalist Filemaker Desktop Clean and Easy to Use
  • 3. Adobe Creative Suite Integration Going beyond the “basic” layout can add a distinctive look to any custom project. Using custom designed visual elements in Adobe Illustrator and Photoshop is both easy and fun and will add tremendous value to any project. This portal comes alive in Filemaker using art I created in Adobe Illustrator.
  • 4. Icons In Filemaker there are 3 button states (normal, hover and pressed). Each require perfectly scaled images. I have a library of 100s of thousands of icons which I have the ability, creativity and experience to modify as needed to meet individual client needs using the Adobe Creative Cloud (Illustrator, Photoshop etc.) Below is a sample of icon state images as used in CRM database above.
  • 5. Flat and Modern The latest design trend is flat. In flat design, icons are big, bold and FLAT, and the UI is bright and colourful. Microsoft has adopted this style in Windows 8. Flat design is also the basis of Apple’s iOS 8 in iPhones and iPads. Flat design is taking over the web and is becoming very popular in custom software. Using Filemaker and custom designed icons and other custom designed UI elements, flat UI is not just possible, its fun to create and make applications so easy to use.
  • 6. Colour and Texture Today, we can choose from millions of colours for our interfaces. All colours don't go together. I have access to hundreds of pre defined colour palettes to pick from to create an eye pleasing design. Below is a small sample of such colour choices available. Applications have white space. Adding seamless backgrounds in your design can add flair and texture to your layouts. This is particularly true in Filemaker GO apps for iPhones and iPads. Below is a small sample of what is possible.
  • 7. Good design incorporates a perfectly designed user interface and better, more intuitive code Better Code The requirement was to simplify a previously written Filemaker solution to search on any combination of eight inter related dimensions of data for a parts database for a north american manufacturer. The existing interface required multiple key strokes navigating five layouts. I was able to simplify search on eight portals which refresh “on the fly” as the user clicks on any combination of eight dimensional data portals related to a large parts database using executeSQL functionality. Simplified Design Having everything on one layout using executeSQL made it possible to search for parts in a few seconds instead of a few minutes. This improved both customer service and the manufacturing process itself without causing screen congestion. Screen congestion can be a huge problem with many layout. Cluttered and congested layouts are both difficult to use and unprofessional to look at. Efficient and knowledgeable use of design techniques combined with efficient code made all the difference.
  • 8. Filemaker GO A small chain of restaurants contracted me to develop a modern, sleek, easy to use solution for their operations. Thanks to Filemaker GO, I was able to replicate their current paper systems which they had used for three generations. Going “mobile” in this situation meant creating a good design which was both functional and looked good. The screenshot on the left is the layout as it looks in the development filemaker desktop. Below is the finished product on the iPad, with a lookup to add a beverage to the check. This standalone Filemaker GO solution prints to non “air print” POS receipt printers using xPrintServer technology from Lantronix. Using this solution, I was able to send printed copies of food orders directly to the kitchen and a separate copy of the beverage order to the bar to create a very useful and elegant solution. That’s good design!
  • 9. Social Media Login A local retailer contracted me to create a Filemaker kiosk solution for their retail stores. On their corporate web pages they had a process for their customers to login using their Facebook or Twitter accounts and asked me to provide this functionality from within Filemaker. Using adobe design templates and Filemaker’s built in web viewer working in the background, I was able to re create this functionality from within Filemaker.