Posts with tag: web design

There are 8 posts tagged with "web-design"

Posted by at

Many Irons In The Fire.

As it has been put to me recently: “you’ve got so many irons in the fire, its hard to keep track”.

Lets start with Iron #1: Winter People. We’ve been on tour recently with Melbourne songstress Gossling. The shows were great and the audiences very warm and appreciative (especially in one little venue in the Blue Mountains, which was probably my personal favourite show of the tour). The final show was in a huge ballroom in Melbourne, called the Thornbury Theatre. It was like playing to a gala dinner!

The Thornbury Theatre in Melbourne

Also, this is a bit old but I forgot to post about it when it was released. We made this live acoustic clip for “Wishingbone” in an abandoned paper mill. Making video clips tends to be pretty exhausting (and certainly in this instance, after playing the song about 35 times over the course of the shoot, its taken awhile to regain my affection for it!)

And on the note of live-acoustic-videos, we recently did this unplugged version of Gallons in a Darlinghurst living room kindly lent to us by the drummer from the excellent Sydney band: Bearhug

We’re just starting our “Gallons EP” tour now, having played the first show in Melbourne, Sydney on June 7th, then Brisbane after that (then about 16 shows planned for the album tour). So really clocking up the frequent flyer miles in the coming months. Here’s a stream of the Gallons EP:

Iron #2: Matahorn. I’ve been working hard designing / coding / building Matahorn, which is intended to be “a music-centred interview broadcast site, coming from three perspectives: artists, industry and fans. The mission of the site is to give an insight into the personalities who constitute these three perspectives”. So far I’ve gathered up interviews with The Preachers, WIM, Jonti (of Danimals fame), Tim Whitten (engineer for The Go Betweens, Augie March etc.), the head of A&R at Sony ATV, Joel from Umbrella Management (Cloud Control, Urthboy, Belles Will Ring) and a whole lot more lined up. Here’s a sneak-peak at the pre-launch site design (full post on the Matahorn design & dev process coming soon):

Matahorn Pre-Launch.
Matahorn Pre-Launch.

Iron #3: Freelancing & Desiging & Start-Upping. I’ve started working on some really fantastic freelance projects lately. One I’m particularly excited about (but can’t talk about till its launched because of a Non-Disclosure) centred around the parallax scrolling effect, will be totally awesome when it launches. I’ve also been working hard on a start-up of my own, an application for the music publishing industry – something along the lines of a Spotify type app for music publishers to make their catalogues available to media buyers in a much more intelligent fashion than the current process allows. Here’s some mock-ups:

Synkr UI
Synkr UI Mockup

Synkr UI Mockup (with video)
Synkr UI Mockup (with video)

Iron #4: Bekin Labs. I feel blessed to live in the internet age primarily because of the web’s power as an educational resource. As someone who has always preferred self-directed learning to a course-driven / institutional model, the internet is like the greatest interactive library ever created. This is really only possible because of generous and knowledgeable folk sharing their discoveries online, and since I spend a great deal of time designing / developing for the web, I’ve decided to create my own resource. Hence I’m currently designing a new site called “Bekin Labs” that will be a journal on all things design, development, web and start-up related. I’ve written the first few articles on Jquery, designing to grids and parallax effects. Hopefully launching in the coming months.

So yes, “many irons in the fire” is about right, but it feels great to be burning all day long!

Posted by at

RideShare App: Designs.

Between client work, I’ve been toiling away on my “collaborative consumption” ride sharing application. Here are some of the interface designs I’ve created:

Search Interface
Search Interface
Ride Details
Ride Details

Since sociality is a vital aspect of the car-pooling concept, I built in a lot of the familiar functionality / semantics of social network sites like Facebook and Twitter, including group & private messaging and real-time notification. Surprisingly, it was probably this feature set, and not the geo-spatial mathematics, that turned out to be the most technically challenging part of the application. Admittedly, the question I asked myself was: “what’s the most intuitive process flow I can imagine?” not “what’s a reasonably intuitive experience, that won’t be a nightmare to implement?”. But I’m glad I was ambitious because I learned a great deal working through the adversity.

Messaging System
Messaging System

My co-founder and I, flew down to Melbourne two weeks ago to pitch the application for a spot in an venture seed-capital incubator called AngelCube. We beat out 200 other start-up applicants to make it into the 20 team pitching round, and beat out a further 10 teams to get into the final interview round. In the end however the investors passed due to Australia’s taxi law, which prohibits profiting from offering a ride without a taxi licence. This was a worry I’d had from the beginning in terms of commercialising the application. Though, I still feel that a subscription based service could be profitable. Regardless, its been a fantastic experience already, not only from the creative and technical standpoint of designing and developing the application myself, but from a business and networking standpoint as well.

Create Ride - Route
Create Ride - Route
Create Ride - Details
Create Ride - Details
Create Ride - Confirm
Create Ride - Confirm

I built the app with the Code Igniter PHP framework which has been a really positive experience. The framework itself is pretty bloat-free, the MVC architecture is very flexible and its allowed for a high degree of modularity / re-usability in the code. Besides discovering Code Igniter, I’ve learned a heck-of-alot in a whole slew of different technical arenas: the finer points of JSON, some awesome little Javascript language tricks, MySQL database schematic optimisation, all-about-GeoSpatial-math, how to push data in real-time with Socket.io / long polling and how to push Ajax further than I’d thought possible.

Posted by at

Underpar: re-design + re-build.

I’ve been working on a complete re-build and re-design for Underpar, an Australian wholesaler golf bags and buggies. It was an especially enjoyable project for the information nerd in me, since there was a large volume of product and company data that needed to categorised and organised into efficient and navigable units.

Underpar Product Search Page
Underpar Product Search Page

Since the search experience is at the heart of a product site, I put a great deal of effort into making that experience as seamless as possible, to allow a user to drill down through the large breadth of product, to get exactly what they were after.

Product Detail Page
Product Detail Page

One of the major challenges for this site was creating a menu system that allowed the full breadth of the product catalogue (now, and in the future) to be accessible and structurally clear, without cluttering the navigation interface. After much best-practice thought mulching, I went for a the so-called “mega-menu” dropdowns.

Underpar Menu System - Top Level
Top Level Navigation
Underpar Second Level Navigation
Second Level Navigation - Support Menu

I went for Expression Engine as a CMS on this project, since the site administrators were not going to be highly technologically literate, and I knew the site would quickly accrue complexity as the diversity of products got larger. This project was my first opportunity to try out David DeSandro’s excellent Isotope.js in a commercial context – whose super-smooth filtering I implemented into the product search pages. Big ups to Mr. DeSandro on that one.

The guys at Underpar are still updating the site with the latest content, but I’m hoping for a launch some time in the next week. Exciting stuff!

Posted by at

Curriculum Vitae Site Launch

So after a lot of photoshop-pixel pushing and midnights spent in code grapple mode, I’ve launched Dylan Baskind.com my online CV site. I’ve gone for a “minimalism-with-a-few-frills” design approach, with an essentially two-tone colour scheme and a focus on making page elements reactive and interactive. I also went for a fixed top bar navigation, so that the various sections of the CV are all immediately and clearly accessible.

Main Interface
A fixed top-bar interface

There are a few little responsive elements to the layout. The “connecting” atom on the left resizes for smaller screens, and disappears altogether for really tiny screens. Ditto for the logo in the top left corner.

CV Biography
CV Biography

The information architecture challenge I pushed and pulled with on this project was the breadth and scope of what to include in terms of achievements, skills and portfolio work. It’s a bit of a challenge deciding what content is extraneous and what is salient, when creating a site to highlight an all-rounder type of creativity. I dealt with this challenge by including almost all my creative pursuits in the site, but providing a limited selection of examples.

The Design Section
The Design Section
The 'Other Activities' Section
The 'Other Activities' Section

Posted by at

Curriculum Vitae Site Logo

I am putting the finishing touches to a CV / Professional Skills site (I’ll do an extensive blog post of all tasty design elements for the official site-live, which should hopefully be in the next few days). The concept theme behind the site is the idea of nodes and connections, and I’ve (jokingly) coined the term: “Connectionist” to describe the professional practice of connection making.

The final (cherry-on-top) design element was a logo identity. The challenge was to visually represent the Connectionist idea as well as myself. Here’s what I came up with:

DB Logo: Light on Dark
The Light on Dark Model
DB Logo: Dark on Light
The Dark on Light Model

The ‘sell’ of the Connectionist being that having a wide field of training allows someone to make connections between disparate disciplines and hence to produce creative solutions.

The design and development of this project has been (notwithstanding a few notable Jquery pains) quite a joy. The web is evolving faster than early man when he got his first set of opposable thumbs!

Posted by at

Blue Ribbon Design

I’ve just finished the design and coding work for the Blue Ribbon Design site, through which I’ll be handling all web & design work from now on. An official launch will be coming in the next few weeks.

Blue Ribbon Design Logo
Company Logo
Blue Ribbon Recent Works
Recent Work Section

The design went through a large number of phases as the character of the site developed. At first it was too colloquial, too colourful, then it became too corporate and too monochrome, but eventually after umpteenth revisions, it settled upon (what I hope is an appealing) mid-ground between understated professionalism and a little aesthetic flare.

Working With Blue Ribbon
Working With Blue Ribbon
Blue Ribbon Contact Screenshot
Connecting with Blue Ribbon

Technically speaking: I was considering building the site on a WordPress backend (as I have for this, 10th version of Riversend) which certainly makes things easier to update, but in the end just opted for a straight up PHP/MySQL backend. Also, working with the JQuery javascript again for all the client-side navigational functionality has been a real joy, web-technologies are just getting better and better lately, and with modern browsers starting to take standards seriously the HTML/CSS component is also becoming increasingly enjoyable to work with.

Posted by at

Riversend Version 10

Well its taken a year or two, but I’ve finally found time to completely redesign Riversend. This will be the tenth incarnation of the site (if you can believe it), and I believe the ninth year of its existence. Looking back over all the blog posts from previous years, the thing that strikes me is not how I’ve changed over the course of this site’s existence, but how strangely similar my essential state of mind is (to wit: frenzied ecstatic, explosively tangential, creative-work obsessed mania).

Riversend Version 10
Riversend Version 10 finally arrives!

Riversend version’s 8 and 9 were running on the CMS ModX, but this time I’ve gone for the currently ubiquitous blogging platform WordPress. More so that I could develop professional skills (i.e. wordpress is a nice easy CMS for web design clients), than for its functionality. Though I have found the system to be easily extendible and the core code well documented, with a thoughtful and clear architecture.