- Detailed profile with live updates and hooks into other system functions (this piece of the app is what's shown in the image set below).
- Media capture and uploading to user file repository (and, optionally, local saving).
- Hooks into the company's web app [overview post forthcoming, see also here, here, and here].
- A catalog of other software tools.
- Inline help/documentation.
Tuesday, October 23, 2012
iOS Work Aids App
My first mobile app, designed from scratch and coded, tested, and distributed internally, with the post-design development done in coordination with a different programming team than the one I work with for web app development. Some features:
Monday, September 17, 2012
Assorted Flowcharts
Most of my charts are created with Visio, but some are custom-made mixes that include interface mockups and other graphic-type cues as needed.
(As with other proprietary items, the copyright
of the component images belongs to Novatek
and the thumbnails pictured are intentionally
shown at a size that obscures many details, alas.)
of the component images belongs to Novatek
and the thumbnails pictured are intentionally
shown at a size that obscures many details, alas.)
Labels:
design,
infographic,
instructional design,
mapping,
Novatek,
UI/UX,
web application
Friday, June 22, 2012
Org Chart Management Module
Detailed specs and interactive wireframe of interface that allows for at-a-glance review and easy updating of supervisor-supervisee relationships as well as drilldown to check on profile details of any individual. This module has hooks into many other back end modules (profiles, time/expense allocations, etc).
All in all, another management tool customized to fit the unique needs of Novatek, built with Novatek-standard interface elements; touch-friendly parts/features that are either standard implementations or straightforward extensions of the existing code framework (reporting, search, action panels, etc.).
(As with other proprietary items, the copyright of the component images belongs to Novatek and the mockups pictured are intentionally shown at a size that obscures all the good stuff, alas.)
All in all, another management tool customized to fit the unique needs of Novatek, built with Novatek-standard interface elements; touch-friendly parts/features that are either standard implementations or straightforward extensions of the existing code framework (reporting, search, action panels, etc.).
(As with other proprietary items, the copyright of the component images belongs to Novatek and the mockups pictured are intentionally shown at a size that obscures all the good stuff, alas.)
Labels:
design,
infographic,
Novatek,
touch,
UI/UX,
web,
web application
Friday, April 20, 2012
Company Logo and Branding Materials (ongoing)
Late in 2011, I created the original Hidden Butler company logo after talking with the company owner about the desired look. I've since made several variations of the all-vector design, and used them for branding and advertising across many mediums. (Some of the examples noted below are more recent than the date on this post, and still more may be added in the future.)
The composite image shows some of the variety; on the top left you see an embroidered sample and mockups for use on a polo shirt and laundry bag. Below these is a business card, in the center are two six-foot tall banners (used for trade show advertising), and on the right are two views of the branding on a fleet vehicle (a baseline version of the 2012 Ford Transit).
After the break you'll find an inverted background version, the logo as placed on the main product (cut into the metal plaque/nameplate), and, as soon as they're released, links to the company's dedicated smartphone apps.
The copyright for all of these images is owned by Hidden Butler. Click here for more info on the company, and here, here, and here [forthcoming] for posts on my other logo design work.
Labels:
design,
graphics,
logos/branding,
photos,
print
Tuesday, March 6, 2012
Annotated Mockups for Profile Module
The image below is a composite of a few composites, all prepared in the course of working with an independent off-site programmer/developer to update the profile editor portion of the Novatek employee portal. These images were used together with standalone specs, flowcharts, and correspondence (phone, e-mail, and Basecamp).
(Standard disclaimers apply: the copyright of the component images belongs to Novatek and
(Standard disclaimers apply: the copyright of the component images belongs to Novatek and
the mockups pictured are intentionally shown at a size that obscures all the good stuff, alas.)
Labels:
design,
graphics,
infographic,
instructional design,
Novatek,
touch,
UI/UX,
web application
Monday, November 21, 2011
Personal History (the rest)
And now it's done: adding a few dozen evenings and weekends to the mix has resulted in nearly 150 more pages, front and back covers, all final proofing and editing, and a very happy customer (she is happy with both the substance and the timing; the digital content made it to the printer in time for her to get finished copies to giver to her family as Christmas gifts).
Even though I based the formatting on what I had developed for an earlier book, this just-finished book was made as a a glossy paperback with perfect binding (rather than a stitched hardback with endpapers).
In total, the book has over 80,000 words spread over 17 chapters and complimented by over 650 pictures.
(An image with tiny thumbnails of the middle 100 pages is past the break.)
Labels:
big project,
book,
design,
family history,
graphics,
print
Thursday, November 3, 2011
Company Business Overview Report
A multipage report made to provide a high-level overview of the company for select external partners. As with the publicly-available press report [post forthcoming - available here in the meantime], this was designed to work both as a printed booklet and as an all-digital package. Some design cues also taken from the capabilities report.
As indicated in the tags for this post, the project required a combination of creating new content, finding and adapting existing content, copy writing/editing, and then bringing it together into a cohesive whole.
The copyright on these images belongs to Novatek, and the versions posted are intentionally shown at a size that obscures the finer details, alas. Though it's probably overcautious on my part, I've also blacked out some sections, just to be sure nothing even remotely sensitive is wrongly hinted at. A further disclaimer: a period of time after the first drafts were proofed, the report was updated before further internal or external distribution, but what's posted here is the old, outdated content.
As indicated in the tags for this post, the project required a combination of creating new content, finding and adapting existing content, copy writing/editing, and then bringing it together into a cohesive whole.
The copyright on these images belongs to Novatek, and the versions posted are intentionally shown at a size that obscures the finer details, alas. Though it's probably overcautious on my part, I've also blacked out some sections, just to be sure nothing even remotely sensitive is wrongly hinted at. A further disclaimer: a period of time after the first drafts were proofed, the report was updated before further internal or external distribution, but what's posted here is the old, outdated content.
Labels:
booklet,
design,
editing,
graphics,
infographic,
instructional design,
mapping,
Novatek,
photos,
print
Subscribe to:
Posts (Atom)







