Local Music Vibe
August 10th, 2010
![Local Music Vibe]()
I came on to localmusicvibe.com after it was already established, but it was completely engineering-driven, and needed a lot of love in terms of user experience, visual design, and front end engineering.
It's a very cool site that lets fans find live shows in their town, and lets artists, venues, and promoters easily post their shows. For a small fee, they can also feature their show on the site.
Open Studio
June 15th, 2010
![Open Studio]()
My partner, David Champine, and I just launched Open Studio, which we built for MusicNomad.
OpenStudio is a service that lets musicians easily find a rehearsal studio nearby - just plug in your zip code and a radius, and go to town. We paid particular attention to allowing studios to easily create a profile and add rooms. You can see pics and descriptions of every room in a studio!
I did all the design, user experience design, and front end work.
Portfolio
I offer a variety of services, from complete websites to specific areas of site-building.
Click an image on the left or choose from the menu above.
"Dale skillfully developed our design based on industry standards, input from the market, and his exemplary creative abilities."
- Jeff Metcalf, Director of Product Development, Excel, Inc.
"I respect not only his clear and mature design sense, but also his insights into business process, marketing strategy, and product development."
- Gabriel DeWitt, VP of Engineering, HighWired Technologies, Inc.
"Dale is a detail-oriented, creative designer who can simultaneously keep his eye on the business and strategic objectives."
- David Levine, CTO, Asparagus Technologies, Inc.
"He is always so creative and I am constantly in awe of his amazing ideas."
- Ginny Westcott, Creative Director, Westcott Design
"Dale's ability to quickly generate clean, high quality design sketches, templates, and page layouts was the major reason our project progressed so rapidly."
- Stan Fisher, Software Engineer
![Dale Geist Portfolio Image]()
Dale brings to your project a range of experience uniquely broad and deep. His grasp of the dynamics of Internet technology and business combines with a mastery of the crafts of media creation, resulting in a powerful contribution to your project's success.
Career highlights include:
- Lead Designer and front-end engineer for two powerful web applications, localmusicvibe.com and Open Studio
- Creative Director and Lead Designer for two award-winning rich-media web applications, YackPack and Mixxee.
- Producer for LucasArts' acclaimed Star Wars Racer Revenge and Full Throttle II: Hell on Wheels
- Sr. Game Producer at shockwave.com, the world's first premium entertainment destination site
- Creative and Technical Director for comedy CD-ROMs Star Warped, The X-Fools, and Winblows 98 — which, unique for their time (1997), connected with the Internet for an extended experience
- Designer/developer of one of the first music CDs with multimedia content - Monster Magnet's I Talk to Planets, A&M Records, 1995
Service: Websites
What I can do for you:
In a word: anything.
Whether you need a large, database-driven site with social features, or a simple brochure site to let people find you online, I can set you up. From information design through site architecture, user experience design through layout, copy and asset creation, I've done it, and done it right.
Choose a project from the menu above.
Service: Table-less Layout in CSS
What I can do for you:
I've got the art of table-less layout mastered.
Why should that matter to you? Tables are "set in stone" on the web page. Table-less layouts are done completely in CSS - one quick change to a CSS file, and every page on your site is updated - new colors, new sizes, new placements.
If you've got a design that you love, I can render it accurately - to the pixel - across all leading browsers, without using tables.
Our markup code is XHTML compliant, and all our code validates.
Choose a project from the menu above.
Service: Web Application Front Ends
What I can do for you:
This is right in my wheelhouse.
Do you have a vision for a website that's truly innovative - something that could really go big? I specialize in working with engineers to make that vision a reality. While the engineers build the back end, I do the front end, from UI Design through Graphic Design, copy, DHTML/CSS layout, Flash, JavaScript: whatever it takes.
Need a state-of-the-art look and feel for your web application? You got it.
Choose a project from the menu above.
Service: UI Design and Development
What I can do for you:
Your web application exists for its users. Their needs must be considered from every angle, and translated into an interface that delivers what they want, when they want it, while conveying your brand values.
User-centered design is only the beginning. While engineers build the back end, I create the front end, from copy, to DHTML/CSS layout, to PHP template pages, Flash, JavaScript...whatever it takes.
Service: Flash, Copy, Audio & Video
What I can do for you:
Your website needs to put across a message. You need content.
I write sparkling copy, and produce top-quality media assets, whether you need audio, video, or Flash.
Choose a project from the menu above.
Service: Graphic Design
What I can do for you:
Your project needs to speak to your users, it needs to convey your brand values, and it needs to look professional. I have the graphic design skills to deliver.
Whether you need a logo, web graphics, Flash, or a web application front end, I've got you covered.
Choose a project from the menu above.
Service: JavaScript, PHP, ActionScript
What I can do for you:
I can make your website stand up and do tricks.
Do you need a customized photo gallery? A one-of-a-kind contextual Help module? A custom AJAX front end for a data-driven application? A truly interactive Flash piece?
I go way beyond static design to bring your website to life.
I am conversant in JavaScript and ActionScript, and have worked with AJAX (Prototype and Dojo), PHP (Smarty), and Java (Tapestry). I also have at my disposal engineers that have pretty much seen it all.
Choose a project from the menu above.
Project: dalegeist.com
URL: www.dalegeist.com
The challenge:
- Create a portfolio site for a web designer/developer.
The solution:
- Keep design understated, to highlight portfolio images.
- Create flexible navigation structure to accomodate a variable number of menu items.
- Optimize load times through a custom JavaScript navigation scheme.
- Build in design flexibility with a PHP-based template.
Tools & Tech: HTML/CSS, JavaScript, PHP, PhotoShop
Project: localmusicvibe.com
URL: www.localmusicvibe.com
The challenge:
- Dramatically improve the user experience of an already-implemented web application.
- Overhaul the visual design for a site with thousands of registered users.
- Design and implement a sustainable, no-touch revenue model.
The solution:
- Create user-flow diagrams and UI schematics.
- Create UI mockups.
- Work with engineer to implement user-flow improvements.
- Implement visual design.
Tools & Tech: Visio, Fireworks, HTML/CSS
Project: HighWired Mixing Consoles
The challenge:
Design and implement a Flash UI to facilitate a new web-based audio recording and mixing application.
The solution:
- Working from a functional spec, created an innovative yet accessible UI design.
- Created different designs for minimum and maximum feature sets.
- Customized look and feel to support third-party brands.
Tools & Tech: Flash, ActionScript
Project: Web Application Landing Page #1
The challenge:
Create a landing page that compels users to click through to a new web application.
The solution:
- Distill the top-line features of the application into succinct copy.
- Design a look and feel that appeals to the target demographic.
- Create a pixel-accurate, finished page using table-less layout.
Tools & Tech: Adobe Photoshop, HTML/CSS
Project: Web Application Landing Page #2
The challenge:
Create a landing page that compels users to click through to a new web application.
The solution:
- Distill the top-line features of the application into succinct copy.
- Design a look and feel that appeals to the target demographic.
Tools & Tech: Adobe Photoshop
Project: cur-ville.com
URL: www.cur-ville.com
The challenge:
Design and create a full-featured content site to promote a music venue and festival. Seamlessly integrate a gallery application so that multiple users can easily upload.
The solution:
- Designed a fun look and feel that conveys a strong sense of identity
- Set standards for content ensuring unity of experience throughout
- Created graphic assets, copy, and layout that support the message
- Integrated PHP form-mail, a PHP calendar (currently disabled), and a sophisticated PHP gallery application
Tools & Tech: HTML/CSS, FireWorks, Flash/AS, JavaScript, PHP
Project: HighWired Help
URL: www.myfunvoice.com/help
The challenge:
Create best-of-breed contextual multimedia help system for new web application.
The solution:
- Created a powerful help system with an index pane and a content pane that can display either video, or scrolling text with audio.
- Programmed JavaScript and ActionScript to open help window from main app and display help content relevant to the task.
- Created custom Flash video player and audio player.
- Created audio, video, and copy help content.
Tools & Tech: HTML/CSS, JavaScript, ActionScript, Flash, AfterEffects, Premiere, Audacity, Word
Project: cur-ville.com Top Banner
The challenge:
Create a top banner that defines the identity of a website at a glance.
The solution:
- Translate the top-line goals of the website into a visual concept.
- Create assets to turn the concept into finished art.
Tools & Tech: Adobe Photoshop, pencil and paper, stock photography
Project: ESC Websites
URL: esc-sv09.techinsightsevents.com
URL: www.designcon.com
URL: esc-boston.techinsightsevents.com
The challenge:
Create a best-of-breed website for a world-class engineering conference - then clone and mod it for five more conferences.
The solution:
- Use Drupal CMS for powerful features and short development time.
- Create a custom theme to give the sites a unique visual style.
- Configure third-party modules for features like drop-down menus, media players, HTML-enabled tooltips, etc.
- Clone and modify the theme and feature-set to suit the needs of each site.
Tools & Tech: Drupal, HTML/CSS, PHP, Photoshop
Project: Product and Company Logos
The challenge:
Distill the essence of a company or web product in a memorable logo.
The solution:
- Review company mission or product target audience specifications.
- Iterate design concepts using feedback from stakeholder reviews.
- Create and deploy final graphics.
Tools & Tech: Adobe Illustrator, Adobe PhotoShop
Project: Flash Audio Players
URL: http://www.twoskoops.com/players.html
The challenge:
Create embeddable Flash audio players for various audiences.
The solution:
- Designed a variety of simple audio players that could be embedded in personal web pages.
- Created the players in Flash.
- Programmed ActionScript to attach an arbitrary sound file to the player when the page loads.
- Deployed the players as the user-embeddable end product of a Flash Communication Server-based audio application.
Tools & Tech: HTML/CSS, JavaScript, ActionScript, Flash
Project: Sam & Max Promotional Video
The challenge:
Create teaser video for upcoming video game release.
The solution:
- Produced and directed video that combined live action and 3D animation.
- Directed video shoot crew, animators, compositors, and sound designers.
- Budgeted and scheduled pre-production, production, and post-production.
Project: Open Studio
URL: openstudio.musicnomad.com
The challenge:
Create a robust web application that allows musicians to locate vacant rehearsal studios in their town.
The solution:
- Created user flow and UI designs for essential application tasks.
- Partnered with a database developer to build the application in Drupal.
- Created a visual design to support the application goals and branding needs.
- Created a Drupal theme around visual design and created CSS layouts for all application pages.
Tools & Tech: Visio, Fireworks, Drupal, HTML/CSS
Project: Grapevine (beta)
URL: www.excelgrapevine.com
Username: dale@dalegeist.com Password: daletest
The challenge:
Design the user experience and create the front end for a suite of web applications for small businessess, including a groundbreaking B2B networking application.
The solution:
- Co-designed one-of-a-kind business networking application.
- Co-designed user flows for an interlocking suite of business apps.
- Designed and implemented the UI in an Ajax (Prototype) framework.
- Integrated a contact list application with an Ajax IM application.
Tools & Tech: HTML/CSS, JavaScript, Visio, Excel
Project: MySpace Music Page
URL: www.myspace.com/dalehenrygeist
The challenge:
Create an attractive MySpace music page to replace the horrendous layout provided by MySpace.
The solution:
- Located a brilliant decryption of the Byzantine CSS properties used by MySpace.
- Designed a custom look and feel.
- Created new assets to work with the layout's finicky specifications.
Tools & Tech: HTML/CSS, FireWorks
Project: Plum
The challenge:
Design a new UI for an existing web-based voice messaging application. Make it small enough to embed in a personal profile. Create different versions for various feature sets and appearances.
The solution:
- Created an innovative yet accessible UI design, working from a functional spec.
- Created different designs for minimum and maximum feature sets.
- Created designs that varied color, element size, ad space, and layout options.
Tools & Tech: FireWorks