Caribbean Resumes just launched - It's is a
little monster.com that is geared towards providing a job portal for all the recruitment, career advice and hiring needs for Caribbean residents.
The following details how I built the site, including the history, overall design approach, what modules were used, and more.
History
First, a little bit of history about how I discovered Drupal. I was the webmaster at a local educational institution where I was charged with the responsibility of revamping the Intranet. After googling for a bit, I came across Mambo and Drupal (it was version 4.5 back then). I tried Mambo first but could not quite get my head around the administration panel. I spent exactly the same time trying to understand Drupal, and in a matter of minutes I was cranking out pages and becoming familiar with the admin interface.
From there on since, I have spent hours on drupal.org reading articles and becoming increasingly familiar with how Drupal was built and how to effectively modify it. There was a significant learning curve but I believe it was worth it in the long run, and trust me it was worth it! To get a better grasp of Drupal I even attended one of the Lullabot's training workshops held at Providence Rhode Island in January 2007 where I even spent my birthday coding Drupal! From there on to present I have never even looked at another content management system!
Goals
I wanted to build something as big as Monster.com but limited to the Caribbean with the main intention of keeping everything automated as far as possible.
I really pushed for this to happen. I found inspiration from sites like Youtube and Google that started off
with a couple of guys and eventually turn into something big with the determination and dedication behind it.
Design
I sat and thought about the design for weeks. I googled for hours and viewed the top ten websites in the world.
I really loved the Apple website and the easy-on-the-eyes colours and menus
used on Enhanced Labs. Although some may disagree, I personally think
rounded corners give a more professional look. So I picked and chose the best features from different sites and it
all came together at CaribbeanResumes.com.
I drew out a sketch of what I wanted the site to look like (see left image) I then found 3 top designers and each
paid them a lot of money to come up with a design based on my sketch. I rather spend the money on a perfect
design as the design can make or break the site. Hence this is why I chose 3 different designers and
just picked the best out of the 3. If you look closely at the sketch you will see circled numbers.
For each circled number, I provided the designer with a text document with further explanations of the
respective numbered area.
Views.module coupled with the Panels.module allowed me to create the design of most major pages on the site in record time - it
is also very simple to test different layouts since it is so easy to use. I was hit by somewhat obscure bugs in
different browsers...well one browser to be exact - Microsoft Internet Explorer - png bug, some images (like the logo)
completely disappearing in IE6/7, just to name a few.
I used Browsershots.org to a great extent to see how the site would look in different browsers on different operating systems.
Drupal - Module list
The site is built using Drupal 5.x as some critical components / modules were not yet available for 6.x. Although I would have personally preferred 6.x, a lot of the user-contributed modules were not ported to 6.x at the time of development. I am proud to say that I built this site without touching a single line of the source code that ships with Drupal. Other than user-contributed modules, my other custom functionality went into 1 custom module that did a lot of hooks into the the Drupal-shipped functions. I even hooked into one of the eCommerce module functions from my custom module. This will make my life all the easier when it's time to upgrade.
I must say that the Drupal community is very friendly and helpful. If I wanted some special functionality, I searched the Drupal website and 90% of the times, someone somewhere had the same request and a solution was posted. In the remaining 10% of instances where I did not find a solution, I wrote the functionality into my custom module and posted back to the community my code so someone else can benefit from it. Here is a short list of the contributed modules I used with some categorisation:
Development
- Devel
- Simpletest
Commerce
- Adsense
- Currency API
- eCommerce
- Google Analytics
Layout
- CCK
- Imagecache
- Node Queue
- Panels
- Sitemap
- Views
Miscellaneous
- CAPTCHA
- FeedAPI
- Forward
- Job Search - I actually fixed a bug as a result of using this module.
- Service Links
- Token
- Taxonomy access control
As I was developing, I was falling into the trap of constantly browsing the Modules page and finding super cool
modules to add. This is a no-no. My advice is to stick to only what the end users need and if there is demand for something, then add it. All the modules I added are for functionality that users would need anyway.
Most importantly, set a deadline and stick to it! If you do not set a deadline, you will be going on and on,
adding functionality, fixing this, fixing that and your site will never be launched. A deadline helps to
serve as a cut off point where you say "ok here goes!". You can always subtly introduce features later on
but try to get the major features in and tested properly before the launch date.
Miscellaneous
I was the sole developer on this project and I was able to build this site from scratch using Drupal in 4 weeks total. This included the functionality and theming (although the actual design mockup was not done by me but by the garland guy - Stefan Nagtegaal).
Developing on Ubuntu
I developed the entire site on my laptop running Ubuntu 8.04 Hardy. I also used XAMPP, Sendmail and Zend Studio. Ofcourse I could not live without tools like Firebug, Measure It, IE for Linux and a sponge brick used to pelt at the screen during those "what the hell is going on" times.
NB - At the time of development Firefox 3(beta) was out and I was hit the Firebug not working on Firefox 3b bug on Ubuntu.
Lessons learned / random thoughts
Here are a few lessons I learnt in no particular order
- Backups backups backups!
- Firebug does not work with Firefox 3 at the time of development (which came with Ubuntu Hardy) so I ended up reverting to Firefox 2.
- Documentation is very important. I documented the steps to do administrative stuff and other miscellaneous stuff on the website.
- I kept a todo list on the site as node/1. This was simply an unordered list of things to do and as I did them I removed it from the list. I then placed a link to this node in the Primary Links for easy access while I developed.
- Do not be afraid to reach out to the Drupal community for help. No question is a dumb question. Just do sufficient searching before you ask a question as most likely someone would have asked the same thing before.
- Facebook is excellent at viral marketing - within the first 6 days, the Facebook group has grown to 1400+ members.
Conclusion
In conclusion, I would like to thank Ted Serbinski for his encouraging messages he sent me about determination.
I would to thank Stefan Nagtegaal for coming up with a stellar design based on my sketch and having the patience
to deal with my very specific design. I would also like to thank Angie Byron for helping me with this writeup.
I will try to respond to everyone's feedback but this is not a guarantee. Thanks!
| Attachment | Size |
|---|---|
| carribean.png | 62.72 KB |

Comments
It was a pleasure working
It was a pleasure working with you Shivan!
The design is plain awesome, and was even better than we could hope for in the first place.
Allthough you had *very* specific wishes, I could come up with an excellent design that just fits the website. One very nice addition to my personal portfolio..
---
I'm also available for designing your website. Feel free to contact me!
Thanks Stefan for the
Thanks Stefan for the comments. I would highly recommend Stefan for any design job! He knows his stuff! Thumbs up man.
Images are too compressed + IE bugs
The site is generally great, thank you for the detailed write up and for sharing with the drupal community. I will outline some constructive feedback for you to take forward.
1. Some of the layout interface has been compressed a little too much. For example "Post your resume" button and the entire footer needs some TLC to make the text more readable (especially the vertical text). Try saving the interface images in another file format, e.g. GIF with diffusion dither setting. Alternatively, just lower the compression level.
2. The layout on IE 7 is showing ugly scrollbars for the content block (centre column). Not sure how extensively you used browsershots.org to see how your site appears on various browsers. Its important to ensure good user experience for all your visitors on all the major browsers at least.
3. While the layout looks great, I can't help but feel the blocks need some more TLC. The block title looks out of place, either move it above the box or bring it inside and add a nice underline to it.
Keep up the great work!
---
Dee
iScene Interactive :: iScene.eu
Thank you greatly for your
Thank you greatly for your feedback. I will look into the points you made. Just last night I reduced the file size of the same images you mentioned. I had to sacrifice some quality. Not a good idea though. Should have done what you said.
r u the designer? greetings :-)
Wow, r u the designer? Greetings :-)
What a nice design u got there, it is very simple and minimalist, really inspired me to redesign this website:
http://www.abangnone.org ;-)
Hope I can learn alot from you.
Thanks.
Hand-drawn designs
Drawing out designs by hand is an interesting strategy. I tend to go right from an idea list to Photoshop.
I like how you put search front and center. Good usability.
Funny poll, btw ;p
--
John Forsythe
Need reliable Drupal hosting?
Yeah, I'm not that great at
Yeah, I'm not that great at Photoshop...(neither am I great at drawing!). But because myself and Stefan are separated by thousands of miles of ocean, I thought a sketch would be the best way to represent what I had in my head on paper. Stefan can tell you, this helped him exponentially to come up with a design to meet my detailed requirements and also gave him the best understanding of what was needed and more importantly what was needed where.
How does one get their site
How does one get their site on the front page of Drupal?
Heh.
Well, you post a story apparently. And if it rates, it gets on the front page. What probably got xamount's promoted was the simple fact that he detailed what he did.
KnowProSE.com
Your2ndPlace.com
OpenDepth.com
What gets promoted at Drupal.org?
The design process described here is of good value. However I would love to know what the criteria is to get promoted to the front page. I love Drupal and all sites we build use Drupal. A long time ago I wrote down all the modules and how seoecom was built and contacted drupal.org, for no response on this. Since then I haven't bothered to document and publish at drupal. Obviously the article has to have elements of value for the overall drupal community. Having some guideliness somewhere on Drupal.org in this regard will be great, to see if these are driven on commercial contribution basis or contributions of value to Drupal community or some hybrid.
Either way this doesn't change my views on Drupal being the best CMS platform out there, just would love to know.
-------------
SeoJoe
Why SeoJoe?
.
If you want something promoted, file a webmaster's issue. It's fairly hit or miss if a site maintainer will catch things when they're posted unless you bring it to our attention.
Michelle
--------------------------------------
See my Drupal articles and tutorials or come check out life in the Coulee Region.
Working on guidelines
Hi, we are working on some guidelines. See here: http://drupal.org/node/279479
Cheers,
Kieran Lal
Kieran Lal
Nice site and excellent
Nice site and excellent writeup. It's refreshing to read a case study on a site development that doesn't require a lot of custom modules to build an exceedingly powerful site.
It's these case study that really show off Drupal's real strength and hopefully encourage many non-coders to use it. Or at least, you don't need to be a hardcore coder to build a site to your requirements using Drupal.
-----------------------------------------------------------------
We build engaging websites and intuitive designs that will benefit your business.
Duvien
great job.... and thanks for
great job....
and thanks for sharing your thoughts.
------------
Volvo, Video, Velcro. (I came, I saw, I stuck around.)
MySQL errors
On the homepage I'm seeing the error:
warning: mysql_query() [function.mysql-query]: Unable to save result set in /var/www/vhosts/caribbeanresumes.com/httpdocs/includes/database.mysql.inc on line 153.Might be worth turning off the display of errors to the screen.
--
Ixis (UK): Drupal consultancy, Drupal hosting.
--
Ixis (UK): Drupal support, Drupal hosting.
Thanks for pointing out
Thanks for pointing out this. I have been having a server problem. (not related to drupal though)...
Thanks for the write up
I would be working on a similar project, so thanks for the detailed write up.
Ghana Real Estate | Voacanga Africana Seeds | http://www.voacanga-africana.com.gh/sheabutter/">Shea Butter
Thanks for posting your
Thanks for posting your detailed explanation.
Site looks really good!
-----------------------------------------
Joep
CompuBase, Drupal, websites and webdesign
Really nice work. Thanks for
Really nice work.
Thanks for this article.
---
Drupal Theme Garden
Nice work. [2]
Nice work. [2]
Good work... I hope to see
Good work...
I hope to see this website advertised in Trinidad soon.
Marcel
Trinidad and Tobago Football
Tinyhttp.com
great website, looks really
great website, looks really nice
could u explain how u got that login effect? is that ajax?
yep, its simple jquery stuff
yep, its simple jquery stuff (that's already shipped with Drupal 5+). You might want to check out:
http://visualjquery.com
Thanks for sharing
Thank you. You inspired me.
I think I need a deadline also like you did.
Because I have not made any site with drupal right now.
I am too busy to tweaking modules and themes.
Anyway, nice site :)
Great Job, Lovely site and
Great Job, Lovely site and terrific effort. The colors are pleasant, Navigation intuitive. The company I work for is also trying to build a JOB portal, would love to be in touch!
Shyamala
Technology Head - Drupal Competency Center
Netlink Technologies Ltd.
http://shyamala-drupal.blogspot.com/
Shyamala
http://www.unimitysolutions.com
Caribbean you say?
Wow, great job guys. After seeing this, I feel like I should apply and move over there. With the dream weather and the paradisiac beaches, there aren't any other choice but to dream to move there. Now that the "Caribbean monster" is online, its a matter of time before companies get my application.
Great stuff!
--
www.redluk.com
www.kankanchina.cn
.
Thanks for all the comments guys/gals. The Caribbean is very beautiful btw!
Not bad, perhaps you should
Not bad, perhaps you should spend a little more time doing the styles, and aligning things properly.
Biggest problem for me is the graphics are not in the correct format, and so they look very blurry and pixelated.
NICE WORKING PIECE.... CONGRATULATIONS
I had been working with the Jobsearch module.... I am stuck with the collecting funds from Employers who post ads... Did you used that module for that...? I tried userpoints etc... no luck, too complicated to set-up..
Any suggestions will be nice....
Thank you,.
maybe you should check out
maybe you should check out the Advertisement module.
http://drupal.org/project/ad
Good Job
nice work on that site i hope i can be good enough in few month or maybe years to do website like that
good job
greeting
----------------------------------------------------------
look at what Projects I've helped,
maybe you can tell me something to change....
Mp3
Orginal-Berlin
Ed Hardy
Good stuff.. -
Good stuff..
- Victor
Better Way to Search Drupal.org | Drupal Jobs | Income Tax India
Thank you for the deatiled info
Thank you for the detailed info and module list. This is gold!
-------------------
First attempt: http://www.easy-homemade-costumes.com