firmgraph

We create visual communications that are beautiful and useful without compromise.

PORTFOLIO

CLOSE

Archer Video Player

Archer Video Player

A simple video player that shakes up the video player norm. Just how we like it.

It happens all the time. I go to a well designed website and there starring me back in the face is one of Adobe’s stock flash video players or worse an embedded YouTube video ruining the whole design.

  • Unique Design
  • Simple Operation
  • Better than Basic Player
  • Instructions for Wordpress
  • Solid Gold

That’s why I built this video player—A custom stock video player that can blend with your design and be reused over and over.

Best video player I've come across. You've got great design style and mad skills. Solid. Easy to use. Love it.

by Sean Carter

I wanted to build something that I could upload to my site and use over and over again on my WordPress blog. By utilizing flashVars (variables defined in the embedding code) the file can be reused with different video files, formats, and made to be unique to each post or to each blog. Also, included is a robust help file to help get you embedded in WordPress or any web page for that fact. Plays any video codec Flash Player can play (h.264, flv, mp4, f4v, m4v, mov, etc).

If you’re looking for a video player that isn’t just a regular old stock player and looks amazing look no further.

Flipbook Facebook Fan Page Website Template

People spend over 700 billion minutes per month on Facebook. Shouldn't you have a page?

Fgraphfolo is proud to present the “Flipbook”, an AS3 XML driven Facebook fan/ web page template. Whether you’re an aspiring young creative professional or seasoned photographer this template was designed to give you a quick and easy way to showcase your work on the world’s largest social network website. Don’t just collect friends. Give them something to look at—something that says you’re a professional. Showcase your work with “Flipbook The XML Facebook Fan Page”.

Vacation Photos from Hanoi, Vietnam

Temple of Literature

Imagine a city where the exotic chic of old Asia blends with the dynamic face of new Asia. Where the medieval and modern co-exist. A city with a blend of Parisian grace and Asian pace, an architectural museum piece evolving in harmony with its history, rather than bulldozing through like many of the region’s capitals. Hanoi is where imagination becomes reality.

A mass of motorbikes swarms through the tangled web of streets that is the Old Quarter, a cauldron of commerce for almost 1000 years and still the best place to check the pulse of this resurgent city. Hawkers in conical hats ply their wares, locals sip coffee and bia hoi (beer) watching life (and plenty of tourists) pass them by.

Cyclo Rides

Witness synchronised t’ai chi at dawn on the shores of Hoan Kiem Lake while goateed grandfathers tug at their wisps over the next chess move. See the bold and beautiful dine at designer restaurants and cut the latest moves on the dance floor. Hanoi has it all: the ancient history, a colonial legacy and a modern outlook. There is no better place to untangle the paradox that is modern Vietnam.

Live the Language Barcelona YouTube Video

Included in the Neue Grafik download is a custom video player that will play local videos as well as YouTube videos.

I admit that there is no better video service on the planet than YouTube, but I also admit that the standard YouTube player is not the prettiest. That’s why I wanted to build a video player that could utilize youtube’s video service, and also be used for video files you host on you own webserver.

Sideways Scrollbar Image & Video Website Gallery

When it comes to browsing the internet scrolling is the most natural way view and present your content. It is inherently one of the best ways to view the web.

In honor of the scroll bar and scroll wheel I’m proud to present Sideways, a horizontal image and media gallery website. Inspiration for this file came from an HTML website I built long ago that scrolled horizontally, but it was clunky and lacked the elegance and smoothness of an all flash site. This Sideways Scrolling Gallery site solves the clunkiness and navigational hazards of HTML.

Sideways is an accomplished gallery website template that could even be outfitted as a fantastic portfolio site. With Deeplinking and SEO optimization there’s nothing holding this file back from being your be-all website. Yet the file is simple enough that even showcasing your recent camera roll of photos and videos will impress your online visitors.

Anthon Nilsen

Archer HTML / CSS Website Template

Archer is an elegant and sophisticated website template perfect for a design portfolio or agency website, and includes a customer banner rotator and video player unique to this file.

Ferias no Brasil

An example of a Vimeo video embedded in the template. Vimeo is a respectful community of creative people who are passionate about sharing the videos they make. We provide the best tools and highest quality video in the universe.

Batteries power almost all our gadgets nowadays, and cameras are no exception. When it comes to production, it can be difficult keeping track of all the different battery options, but with a little research, you can find the best solution for your equipment.

In preparation for this lesson, we made this video. Unfortunately we had some technical difficulties-

Gotham Narrow XML Banner Rotator & Image Viewer

As a Flash Developer I’ve built dozens of banner rotators for clients, and while taking their feedback into consideration and building off of past experiences I created this file.

With this file I wanted to build a something that was more than just another banner rotator. It needed to incorporate good design, be versatile, and easy to use—that in mind the Gotham Narrow Banner Rotator offers 4 different actions (link, download, enlarge, and play a video), is 100% skin-able through XML , can load every file type you can throw at it (gif, png, swf, jpg), and has multiple navigation modes for further customization.

Whether you’re in need of a new banner rotator, want to showcase your latest video, or you’re looking for a way to present your latest portfolio the Gotham Narrow Banner Rotator & Image Viewer is a perfect solution.

FEATURES

  • XML Driven
  • Autoplay
  • Integrated Video Player

BEFORE & AFTER IMAGE VIEWER

The Before & After Image Viewer is a unique flash application that allows you to place two images on top of each other, and by selecting the slider-bar the viewer can hide and reveal each image allowing both images to be compared without placing them side be side.

I built the Before & After image viewer with the intent to help showcase a recent makeover (before and after), to aid in comparing two products, highlighting photoshop skills (untouched and photoshopped image), or to simply use it to communicate a message in a dynamic way.

Just about everything in this flash application is customizable through the use of flashVars: Title, description, horizontal or vertical bar, solid or faded bar, colors, positioning, the images, etc. This means no flash or actionscript knowledge is required. In fact you can use the file without ever opening the FLA (unless of course you wanna get your hands into the source).

The Before & After Image Viewer is also capable of handling just about every file format you can throw at it (jpg, gif, png, swf).

Coming Soon Under Construction Count Down Template

Sometimes you need a quick fix.

You have this really great idea for a website or a client comes to you and says they need a new site, but it’s going to take a few weeks, months, or maybe even more to get the final product hosted. Meanwhile the client is breathing down your neck to get something up yesterday. You could put up an “under construction” page or a “coming soon” banner, but those flashing gifs with construction barriers are so 1999. What you need is something great; a preview of what’s coming and a timeline to when the new website or product will be launched.

The Coming Soon Under Construction Count Down Template was built to fill the gap between between getting the job and having the final site live. But it’s more than just a placeholder page because you can easily turn this micro site into a mini portfolio or product showcase with image gallery, video, and mp3 player. It also comes with an alternate mobile web page for any iPhone users that visit your site.

The nice part about this file is you won’t even need to open flash. By editing the XML file you can customize everything. The site is a 100% flash and scales to every screen resolution.

Skip the gif hard hats and flashing construction barriers and download a file today that looks expensive and professional.

The Replacement YouTube Player with Video Playlist

I admit that there is no better video service on the planet than YouTube, but I also admit that the standard YouTube player is not the prettiest. That’s why I wanted to build a video player that could utilize youtube’s video service, and also be used for video files you host on you own webserver… and so this player was born.

It’s built to utilize flashvars for all the settings so you need only upload the SWF file once and then just pass vars to it to reuse it over and over. The player can also be customized by specifying certain settings that change the colors, and what’s displayed. In short there’s now a great YouTube player that you can tailor to fit your website and still utilize YouTube’s amazing video service.

Supports h.264, flv, mov, mp4, m4v, and f4v. Adaptively adjust video quality based on your connection and display size, and it utilizes the new stage video feature in flash player 10.2 to increase performance (flash player 10.2 not required though for playback). this file also includes iPhone and mobile device fallback.

ARCHER VIDEO PLAYER // GALLERY

FLIPBOOK FACEBOOK PAGE // WEB

HANOI, VIETNAM // PHOTO

LIVE THE LANGUAGE // VIDEO

SIDEWAYS SCROLLING SITE // WEB

ANTHON NILSEN // PRINT

ARCHER HTML & CSS // WEB

FERIAS NO BRASIL // VIMEO

GOTHAM NARROW BANNER // WEB

BEFORE & AFTER // ACTIVEDEN

COMING SOON // TEMPLATE

replacement

THE REPLACEMENT PLAYER // WEB

SERVICES

At Firmgrafolio, we carefully consider every stage of development and pay rigorous attention to each detail in order to create deliverables that relate clear, strategic messages tailored to specific channels.

What We Do

An effective design strategy aligns a consistent expression of a brand's visual identity across a broad range of vehicles. Print, interactive, packaging and environmental design all offer distinct opportunities and impose specific limits. Firmgrafolio Design seeks the best expression for each in support of the larger concept.

The Firmgraph team embraces a broad definition of design employing an intelligent yet practical approach.

Branded Stories

With expertise in identity, print, packaging, interactivity and environments, the Firmgraph studio crafts initiatives that integrate multiple disciplines. Through our wide-ranging capabilities and extensive reach, we coordinate programs that address the spectrum of a client's needs from a unified perspective. Our work helps facilitate communication between client stakeholders, resulting in adaptable systems that define visual communication across an organization.

Digital Media

Applying clear visual thinking in the online environment encourages dynamic understanding between a brand and its customers. An elegant execution elevates content to the primary position and provides easy access to information. At FirmgraphDesign, we're known for finding original solutions to diverse problems through the most suitable media. Whether it's an iPhone app or website we can do it.

PROFILE

Studio Photo

Established in 2008 by Abey, Ade, Udhy & Wepe, Firmgraph employs a dedicated team of art directors, designers, project managers, brand strategists and writers.

Designing for the Masses

In malesuada magna at urna auctor cursus. In fringilla massa at metus varius id placerat mi lobortis. Morbi lacus augue, dictum eget vulputate ut, imperdiet at augue. In vel dolor ipsum. In vitae quam ipsum. Suspendisse sed mi velit, sed molestie nisl. Mauris euismod volutpat metus, a aliquet elit tincidunt eu. Suspendisse auctor fermentum massa a pretium. Nam quis tortor nisl, vel mattis leo. Nunc odio purus, tincidunt in consequat elementum, tempor non nunc.

  • Design services
  • Illustration
  • Photography
  • Art Direction

Etiam nisi massa, pharetra vitae malesuada vitae, lacinia vitae dolor. Suspendisse dignissim neque sit amet est fermentum eget eleifend leo pulvinar. Curabitur eget dignissim leo. Suspendisse nulla arcu, tincidunt a ultrices eu, eleifend quis metus. Nunc tempus lobortis mauris vitae malesuada. Nunc condimentum eleifend ultrices. Proin vitae tortor quam. Nam fringilla aliquam sapien sed scelerisque. Sed augue ante, venenatis nec gravida ut, scelerisque tempor est. Curabitur elementum imperdiet tellus non fermentum. Proin ligula eros, adipiscing sed facilisis ut, fringilla in libero. Suspendisse feugiat, sem luctus varius scelerisque, felis velit scelerisque quam, at sagittis dolor massa non ipsum. Donec eros magna, viverra vitae tristique eget, ullamcorper vitae libero.

I love Björk bringing back a little taste of late '90s drum and base in the song's break-down.

by Fgrafolio

Phasellus magna massa, semper ut porta vel, vehicula vitae ligula. Vivamus eu sem at mi vulputate vulputate ut et nisl. Phasellus ut dolor tellus. Sed vel magna id orci mattis imperdiet id ac neque. Vivamus ultricies, libero sit amet laoreet auctor, augue odio consequat dolor, in vestibulum sapien purus ac arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus porta, lectus non tincidunt molestie, erat justo ornare mi, ut tincidunt magna nulla eu nunc.

Etiam vitae mi in tellus varius tempor eu et turpis. Integer ut mattis velit. Nulla molestie consectetur cursus. Donec eros lacus, mattis ut ultricies et, vehicula nec orci. Phasellus semper, metus nec placerat molestie, risus lorem dapibus mi, et mattis velit nibh ut enim. Nulla volutpat bibendum arcu at semper. Morbi a libero dui, egestas accumsan tortor. Sed sed metus at urna consectetur vulputate. Suspendisse blandit sodales nisi sed mattis. Sed sagittis, augue at imperdiet sodales, mauris est accumsan nibh, ut placerat augue metus at ante. Vestibulum fringilla felis eget nulla pellentesque vitae pulvinar ipsum bibendum.

An Early Comeback

Vestibulum orci sapien, bibendum ac dapibus et, iaculis sit amet neque. Pellentesque aliquam auctor nisl, ut vehicula lectus gravida quis. Aenean nunc quam, adipiscing vitae luctus placerat, pharetra dapibus arcu.

Mauris luctus dapibus sapien ac rutrum. Nam laoreet nibh et ipsum malesuada hendrerit. Nullam vel lacus velit, sed ultricies metus. Nam euismod hendrerit nunc eget adipiscing. Vivamus porta rhoncus pharetra. Maecenas accumsan turpis in nibh hendrerit interdum convallis mi pellentesque. Vivamus eget rhoncus nunc. Morbi tincidunt semper risus, id auctor lectus ultrices a. Integer vehicula molestie sapien, sed bibendum enim rhoncus ac. Nulla tristique lorem felis. Nulla tempus eros ut mi dictum id iaculis neque vulputate.

WEBLOG

AMAZING VIDEO MOVE BY RICK MEREKI

2011 August 15

After watching this video all I can think of is how awesome it would be to do all the traveling to make this amazing short.

3 guys, 44 days, 11 countries, 18 flights, 38 thousand miles, an exploding volcano, 2 cameras and almost a terabyte of footage into 3 beautiful and hopefully compelling short films.

HOME SWEET STUDIO

2011 August 13

It seems just about everywhere I turn on the internet creative types are sharing their design or work space with the world.

I don’t know if it’s we feel like sharing our creative space will make us more legit or creative, but there are countless blogs and websites dedicated to just showcasing amazing workspaces, and home studios that look beautful and inspiring. And with as amazing as the spaces are it seems a little unrealistic. With kids, wife and a dog often sharing the same area it's difficult to claim the space for one's self.

Death Cab for Cutie

2011 August 13

I know I'm a bit late to the whole "Death Cab for Cutie". I've always admired the poster art that's been created for the band (especially the stuff from Jason Munn). But it wasn't until they interviewed front man Ben Gibbard on NPR and said he was married to Zooey Deschanel that I thought I really should see what all the hipe is about (I mean who doesn't love Zooey and if she likes him enough to marry… I know it's strange logic).

I purchased their latest album and it's pretty good. Not every track is amazing, but I'm officially calling the song titled "You Are a Tourist" the song of the summer. I can't get it out of my mind. Now I have years of Death Cab to catch up on.

CONTACT

We often team up with design firms, development shops, and ad agencies to tackle projects for clients ranging from non-profit organizations to Fortune 500 companies. Talking about new projects and creative possibilities is one of the best parts of our day. Call. Email. Write. Pop in (but call first).
Jakarta, Indonesia
+62 811-1140-153