Iodic Design

Finger Sites landing page

Marko Ranđelović — Fri, 13 Aug 2010 14:28:37 +0000

This is the landing page for the next project on which I’ll be working with Nick Haskins of Spilled Milk Designs. I won’t say much more about it for now, but you can check out Finger Sites on Facebook and Twitter.

Over the coming weeks, Nick and I will be busy working on the web app you can see in the second screenshot below. After that, we move to Finger Sites and that’s where the real fun starts. Stay tuned!

Client

Spilled Milk Designs

Services

Layout Design – Photoshop
Coding – HTML, CSS

Website URL

http://fingersites.com/

Spilled Milk Designs iPad web app

Marko Ranđelović — Thu, 05 Aug 2010 15:06:50 +0000

Spilled Milk Designs specialize in building custom Flash websites on the Showit platform. I was contacted by their founder Nick Haskins with an offer to work with them on a version of the site that could be accessed on the iPad since the device doesn’t support Flash. The main idea was to build a web app that would look and feel like a native iPad app written in Objective-C, Cocoa or what have you.

Because iPad’s main browser is Apple’s own Safari, we were able to make use of many neat, (term used loosely:) new web technologies, like: localStorage, SVG graphics (coming soon), offline cache and many CSS3 properties which allowed us to minimize the need for images for the app’s layout. The tricky thing about this project was designing for the device’s two orientations – making sure the whole page was inside the device’s viewport and only have certain div elements or iframes scrollable. For making these elements scrollable and scrollable with style, Matteo Spinelli’s iScroll plugin and comments were invaluable. As for making page elements adapt to different orientations, we relied on CSS3 media queries and JavaScript orientation (and orientation changes) detection.

Working on this project has been very rewarding not only because I have learned more about some HTML5 features, iPad’s JavaScript methods and design for the iPad in general, but also because Nick is such a great person to work with. I am really going to enjoy working with him on our future projects so you can expect more iPad designs here soon.

P.S. The app is currently in alpha stage at version 0.8. I am working on a new project with Nick and, when that is finished, we go back to finalize the SMD app before we move onto something special.

Client

Spilled Milk Designs

Services

Layout Design – Photoshop
Coding – HTML5, CSS3, jQuery, PHP

Website URL

http://ipad.spilledmilkdesigns.com/

The Launch

Marko Ranđelović — Sun, 02 May 2010 11:00:00 +0000

And here it is. After months and months of promising an imminent launch and postponing it, finally, the Iodic Design website is live.

This first post will be a short one; listing the excuses for the delayed site launch and detailing what you can expect from the website.

The main reason it has taken me so long to finish the website (i.e. polish the WordPress theme, write the content, etc.) is that I’ve been concentrating on client projects and the down time between those was usually spent catching up on school projects. So, naturally, the site had to wait.

This website’s primary role is to serve as an online portfolio of my web design & development work where potential clients can see a selection of the work I’ve done so far. The other “side” of the site is the blog. Given that I’m a freelance web designer, most of the blog posts will be on those topics: web design & development and freelancing. However, I will not deny the possibility of writing some other, visitor-attracting posts, we will see.

That’s it for now, expect another blog post soon (and I do hope that it will be soon).

While waiting for the next post, check out the portfolio, leave a comment here or contact me directly.

almosh82

Marko Ranđelović — Sun, 02 May 2010 10:25:00 +0000

almosh82 is a WordPress-based portfolio I’ve built for a talented logo and brand identity designer from India. The client had the design for the website ready and has contacted me for the PSD to XHTML conversion.

Client

almosh82

Services

PSD Slicing
Coding – XHTML, CSS, jQuery, PHP (WordPress)

Website URL

http://www.almosh82.com/

EC-Consulting

Marko Ranđelović — Sun, 02 May 2010 10:00:00 +0000

EC-Consulting is a website I’ve built for a consulting agency based in my hometown.

Client

EC-Consulting

Services

Layout Design – Photoshop
Coding – XHTML, CSS

Website URL

http://www.ecconsulting.rs/

Wilshire Investments

Marko Ranđelović — Sun, 02 May 2010 10:00:00 +0000

Wilshire Investments is a website I’ve built for a company that helps firms go public (on the stock market).

Client

Mina Mar Group

Services

Layout Design – Photoshop
Coding – XHTML, CSS, jQuery

Website URL

http://www.wilshireconsulting.com/

Genius Logo

Marko Ranđelović — Sun, 02 May 2010 10:00:00 +0000

Genius Logo is a website I’ve built for a friend and colleague, Miloš Radojević. Miloš is a very talented logo and brand identity designer. The minimalistic design was his idea and is based on his sketches.

Client

Genius Logo

Services