It’s here! Say Hello to Techi.com

And it’s finally out! Please meet our new site: TECHi.com

It’s a brand new and amazing technology blog that focuses on tech stuff that’s always fresh and never boring.

You may have already come across it, or seen a few of the ads floating around the web. But now, it’s official, TECHi.com is out of beta and ready for prime time.

I’m super proud and excited today to shine the spotlight on the site that we’ve been working on so much for the past few months. And now, I’ll be taking you on a little tour of the new website, discussing the content and design and how it all came together.

As always, your feedback will be greatly appreciated and it will help us make the site even better…

 

What is TECHi?

Putting it simply, it’s a technology blog. But we don’t like the ‘boring’ tech stuff that we often find on the web (stuff like acquisitions, mergers, stocks going up/down, start-ups that nobody cares about, etc), so we avoid those topics for the most part, unless they’re truly relevant, and we try to make them as much fun to read as possible.

You’ll find in depth articles, like on WDD, as well as the latest tech news and the coolest/weirdest gadgets, along with some fun posts. Our tagline is ‘fresh and never boring’ and I think it really describes Techi to a tee.

While on WDD we usually post only one article per day, on Techi you can sometimes find more than 20 posts on a day. The daily content usually includes a couple of editorials with the rest being short posts for news and cool stuff. Don’t worry, we won’t overwhelm you, and you can have as much or as little as you want. Even our RSS feeds are customized so that you can choose to either get the whole ‘enchilada’ or just eat the bytes that you’re most interested in.

Here’s a full preview of our homepage. Click anywhere on the image to go to the live site:

 

The TECHi name

I love the name of this site! And at only 5 letters, it’s even shorter than Google! We played with many different names and we originally decided on one that I liked but wasn’t quite perfect. As usual we went through the frustrating process of going through dozens of domain name options only to find that most of them were already taken.

We registered a few domains that contained the word ‘tech’, which is something that I really wanted. Eventually, we ended up buying Techi.com from a domain name reseller and I couldn’t be happier. It was a bit pricey, but it was worth every penny. I love the domain name and it couldn’t be simpler or easier to remember or type.

Oh, and by the way, it’s pronounced Tech-ee, not Tech-eye.

 

Where did the idea come from?

I know this sounds funny, but it seems that most of my good ideas come to me while taking a hot bath and that’s precisely where the idea for Techi came up.

I basically looked at my personal browsing patterns and noticed that while I love to browse and read design blogs, I also like to keep up to date with the latest technology stuff. I think that many WDD readers will relate to this and be in the same boat with me on this one.

So that’s where Techi.com fills the gap between design and all the other cool stuff happening on the web right now.

 

The Content

At the top of the latest posts on our homepage, we have a menu which acts as a filter for the content. You can choose to view ALL content or select just EDITORIALS, COOL, NEWS or BREAKING. We made sure to have a good mix of things for everyone, whether you’re looking for a quick read or something more in-depth.


EDITORIALS

These are in-depth articles, similar in style to what we have on WDD and 100% original. We do analysis pieces about technology, make sense of the latest tech news as well as fun posts, or interesting round ups about tech related stuff. Here are some examples of our latest editorials:


COOL

The cool section features new, cool (and sometimes really weird) gadgets, fun things and anything else that we feel is ‘cool’. Here are just some examples to get you going, but there are tons more:


NEWS / BREAKING NEWS

The news section is pretty straightforward, we feature the news items of the day that we feel are most relevant and interesting to our readers.

On several occasions, we have broken stories even before they hit the big news and social media sites, so check back often to see what’s happening –  we’re sure to have you covered as far as tech news goes, at least the stuff most people care about. Here are some of the news topics that we recently covered:

 

The Design

I hired my good friend, the very talented Matt Dempsey (whom I’ve worked with in the past), to put together my vision for Techi.

For my own projects, I like to work together with other designers as a joint collaboration gets me the best results. The fact that we’re both designers allows us to bounce ideas back and forth until we get the best possible solution. An external designer will also see things more objectively and call things as they see them. And Matt got it perfectly right.

Good design is transparent, they say, and this is what we tried to achieve here. There’s so much great content on Techi that the design had to be kept to a minimum so as not to interfere. We wanted to let our readers focus on the content of the site and not on the design. That being said, you will notice beautiful details and a truly excellent layout that makes the site design the perfect platform for Techi’s content.

Here are some of Matt’s insights about the design:

My aim for Techi was to really highlight the content and let the design blend into the background. For a tech site with constantly updating news, big pictures and big videos, you really don’t want the design to get in the way, especially if your visitors come back every day. Consequently most of the design is grayscale, with occasional bright colours being given to highlight categories and social media.

Also, for a new technology site which will undoubtedly get a large portion of its initial traffic from occasional articles performing well on social media, it was important to make the logo as prominent as possible to increase the likelihood of a first time visitor remembering the brand. Walter also wanted the featured articles to be prominent and detached from the latest articles.

Bearing both of these in mind, instead of predictably having the logo on the top left, I’ve decided to place it between the featured and latest content, acting as a separator whilst increasing the chances of still being in view if the user does choose to scroll straight to the latest post.


TYPOGRAPHY
The logo is set in Trade Gothic Bold Condensed No. 20 with the tagline being in Aller Light. The font used for the headers, as well as for the text under the thumbnails in the cool and latest news sections, is Droid Sans which is being displaying using @font-face. The body text uses Helvetica.

FEATURED POSTS
There are a total of 9 posts being featured in a slideshow format at the top of the site. Check out the cool custom pagination buttons in the top right corner. They each have their own timer which resets when you mouse over the content so that the page doesn’t slide out of view when you’re focusing on it.

The featured content includes some of our latest editorials, breaking news and other pieces that we feel are worth highlighting. The section is updated several times a day, so that there’s always something fresh to read when you come back to the site.

SIDEBAR: Widgets, Popular Posts, Latest Videos
Besides the section navigation menu, a site this big has a lot of content and instead of having a massive horizontal menu at the top, or drop down menus, I decided to ignore this traditional way of organizing content by creating a right sidebar that allows you to drill deeper into the site’s content. Remember that my goal with Techi is to keep it ‘fresh and never boring’ and I felt that this should relate to the content’s organization as well as how you interact with it.

  • Widgets: Categories 
    This is a really neat way to find content of interest by clicking on the main categories of the site. We designed some neat icons for each category. Try it out on the live site: simply click on any icon and a new page will slide in to view the latest posts on any given category. At the top right corner you’ll find a link to see all posts in the selected category. Click on the back link to return to the category list. I drew inspiration from the navigation style of the iPhone and we implemented these sliding panels using Ajax.
  • Widgets: Popular Tags
    This custom widget was based on the iPhone once again and is one of the most original ways to browse through tags that I’ve ever seen. Try it out, it’s really fun to play with. Simply click on a tag to see all posts related to that tag. Originally we put all the tags that we had there, but there were too many and that was slowing the widget down and became too difficult to navigate, so now we’re only showing the most popular tags.
  • Popular Posts
    Plain and simple, this area displays the current most popular posts using a special algorithm.
  • Latest Videos
    This area highlights the latest posts that contain videos.

FOOTER
I  wanted something original and unobtrusive for the footer. With so many posts displayed vertically, I didn’t want a tall footer that’s loaded with information as it would extend the page unnecessarily. That’s why we used the sidebar as a way to display content and navigation. Matt designed a really cool and original footer with just the basics that you’d expect to find there. It works very well and I really like it.

PAGE DOES NOT EXIST / NO SEARCH RESULTS
You gotta have them! And I had some some fun creating these two pages: 404 and no search results

 

Hosting

Techi.com is hosted by the good folks at VPS.net which are also the hosts for Webdesigner Depot. The site is running and responding really well even on days of massive traffic. VPS  uses the Akamai Content Delivery Network which allows for higher speeds thanks to object caching and delivery of images based on the servers closest to each visitor’s location.

 

You and Techi

I had great success with WDD thanks to an awesome team of very dedicated writers, and the same is true for Techi. There’s an amazing group of people working together behind the scenes to create a truly awesome site with great content. But that of course is only one part of the equation.

Ultimately, your support and input will make this site really better and better every day, just like you did for WDD. So today, I’d like to ask you for your support. If you enjoy what we’re doing on Techi, please help us out by spreading the word to your friends, colleagues, etc. It can be a quick email, a retweet, or sharing one of our stories on Facebook, or even word of mouth. A comment on the site means a lot to me and to the authors writing the content as it shows us that you care about the effort that we put into this and it help us become better at what we do.

Of course, if you have ideas or suggestions for improvement, I’m all ears, please do let me know about it. I love constructive criticism and although we’re still tweaking a few things, and I’m always happy to listen to your feedback! Thanks in advance for your support!

 

Banner ads

If you wish to promote Techi through your own site or blog, that’d be truly awesome and deeply appreciated. I made some really cool banners that you can download to display on your own sites. Here are some examples, but there are a lot more in this file: banners.zip

 

That’s all folks!

So there you have it, the entire Techi story in a nutshell! I hope you enjoyed reading this and most importantly that you enjoy reading and visiting Techi.com

It’s a really great site with potential for a lot more, go ahead and try it out, there’s tons of great stuff there that most of you will enjoy and hey, there’s even have a design section, so I’m sure you’ll feel at home right away. Thank you for Techi-ing!

0 shares
  • http://www.subtypical.com Jesse

    Congrats! Look forward to browsing the new site often!

  • redcafe

    Looks good. Good luck!

  • http://www.twitter.com/codephase Codephase

    wow! very nice!

  • http://gregdougherty.com Greg

    Sounds like it should be a success! Good luck!

  • http://www.ingledow.co.uk/ David Ingledow

    That looks absolutely brilliant – can’t wait to check it out!!!

  • http://all-for-design.com/portfolio Auré

    Cool ! This new website seems to be interesting !
    Let’s add one more feed to my RSS reader eh eh :)
    And… You’ve done a good job on the design : simple, clear, very legible/readable content > clap clap > congrats :)

  • Michael

    Congratulations!

    Would be very interested to hear about how you’ve set up your editorial team?

    Are you paying people to post? If so, how do you structure this?

    I realize that one of the most challenging aspects of a new site like that is cranking out quality content on a consistent basis … so would be very interested to hear how you did (are doing) this?

    Could you comment or email me with you thoughts on this for Techi and or WDD?

    Thanks much.

    Michael

    • http://www.webdesignerdepot.com Walter

      Authors are paid per hour. The quality of the content and managing to keep a certain diversity is certainly challenging. Also, scheduling posts and so on was tricky. We ended up developing a few custom WordPress plugins to manage some of this. Plus tons of customization to WordPress and add ons. But it was all worth it :)

  • http://fearlessflyer.com michael soriano

    checked out techi.com – very beautiful site, minimalistic and nice. plenty of good info as well! good luck to you guys!

  • http://devgrow.com/ DevGrow

    Looks great, I saw it a couple of weeks ago and thought ‘how is this website not popular already?’ Being in beta explains it.

    I’m confident it’ll be a big success – best of luck!

  • http://blog.rochelledancel.com Rochelle Dancel

    Congratulations! Looking forward to following your new site :)

  • http://twitter.com/sammographer Sergei Tatarinov

    Awesome project Walter! I will put a banner on my upcoming blog! …and yeah I’ve finally started setting it up, thanks for advice you gave me! ;)

  • http://themethesis.com Matt

    Wow, looks awesome. Really awesome, actually. Might be the nicest designed site in that niche I’ve seen yet. Now I’ll just have to read it and see how the content lives up to the design :p Good job.

  • http://icecoldwebdesign.comli.com Brian

    Does it sounds strange if I don’t like the new website?

    • http://www.webdesignerdepot.com Walter

      You mean the topics covered or the design? Can you be more specific?

  • http://www.webdesignerdepot.com Walter

    Thanks for the great feedback guys, I really appreciate it :)

    • http://www.ingledow.co.uk/ David Ingledow

      It really is a good site. It’s up there with the likes of Engadget, but it’s a bit more fun, which I like!

  • http://twitter.com/z0r z0r

    Seen it already before “official” launch. Looks good.

  • http://xpressabhi.com abhishek

    awesome…
    keep providing the same material ever.
    I see your post in google reader and if find something interesting then come to make a comment.
    WOW

  • Felipe

    Cannot see it at my work place, it’s banned by Websense, what kind of website was it previously?

    • http://www.webdesignerdepot.com Walter

      That’s odd. I’ll contact them and see what’s up with that. Thanks for letting me know. :)

    • http://www.webdesignerdepot.com Walter

      Websense has informed me that this issue will be solved within 72 hours.

      Thanks.

      • Felip

        Great, can’t hardly wait to see it.

  • http://designinformer.com Design Informer

    Congratulations Walter!

  • http://ugandajobline.com/ wilbroad

    congs upon all the work you have done. Techi.com is a great website which i will add on my list of website i check on a daily basis. And thanks for the great post detailing what the site is all about and how you came up with the concept and later on implementing it.

  • http://devsnippets.com Noura Yehia

    Congrats Walter, i was just curious about your new site and didn’t expect it to be a tech blog. Loved the idea, design and quality of topics and of course the name is sticky :)

  • http://www.cutelittlefactory.com Andrea Austoni

    I’m sorry to say the design really doesn’t impress me. The first thing I saw was the banner ad where the logo should be.
    Where is the name of the website? I’m sure 90% of the people who stumble there won’t know where they are for a while.
    Why so much emphasis on ads? It’s a real turn off.

    • http://www.webdesignerdepot.com Walter

      Thanks for the feedback Andrea.

      Ad are needed to pay the bills. Their positions are actually pretty standard for sites like these. Read in this post why we chose to have the logo displayed where it is now, as it will give you a better understanding behind this choice.

      Thanks.

  • http://www.iconfinder.com Martin LeBlanc Eigtved

    Congratulations on this wonderful new site! And good move with buying the domain name. I hope it will be a popular blog.

  • http://designlovr.com ximi

    Great web site, love the content and design!
    I really like the minimalistic and clean approach you took, it really suits the site and topic.

    The only thing I would change/add would be hover states to the cool sidebar category widget. I would be really neat if the icons you designed would be colored (or darkened) on hover, eventually even with a slick fade-effect.

  • http://www.squiders.com Web Designer Maidstone

    it looks great, well done to all…. off for a proper browse now!

  • http://crispytech.com Saad Bassi

    If you want me to write everything in one sentence then it would be

    “Awesome Awesome Awesome Awesome”

    Walter, I searched the whole site and love the Faqs page and everything else. Really beautiful stuff. Only one suggestion would be to replace the leader board with a flyscraper in sidebar. If you can do it. If not then again its still awesome.:)

  • http://knowledgecity.com Jae Xavier

    So Techi is essentially…

    TechCrunch + CrunchGear + MobileCrunch + Engadget + ArsTechnica + GizModo + Smashing Magazine = Techi

  • http://aext.net AEXT.NET MAGAZINE

    Hi Walter. Great site, great design and very valuable domain. Hope it will make a wave to the tech community!

  • http://hitdelete.com Rob

    Well done, great new site, congrats!

  • MC

    Nice idea, design is nice and fresh.

    Especially love the fact that the first thing you see is, not the logo or navigation but a nice big flash ad, nice!

  • http://www.thatdeadpixel.com Mike

    I think it looks great! I wish you guys the best of luck, it couldn’t be easy starting a tech blog!

  • http://regionofinterest.com Region of Interest

    Very impressed by the design. It’s super clean! Well done!

  • Alfonso

    beautiful!

  • http://www.webdesignerdepot.com Walter

    Thanks for the constructive feedback everyone, you have some really good suggestions here! :)

  • Yui

    I can tell this is gonna be great. One thing is missing though! RSS! But I’m looking forward to reading it every day :)

    • Yui

      Actually forget that. There is RSS my bad. Hmmm maybe RSS for the “all” category?

  • http://1000dpi.com Shaunyk

    I’m honestly glad that you guys have come up with a gadget / technology site. I’m a huge fan of wdd – I like it because I can generally keep up with all the web design news etc without having to go through a list of 3 or 4 other sites all offering a similar product. (i think that nowadays if you’re not careful you can end up spending 2 hours on the computer going through your list of sites before actually strarting work!) I’m also a fan of Gizmodo but they do sometimes seem to go for content over quality.

    While I’m not a huge fan of the design (I like the minimalism but agree with the person who said that they struggled to find the name of the site and mistook it for the banner), I know I’ll be reading it 3 or 4 times a week so I suppose that the main thing.

    Just two pieces of humbe advice: 1. Please don’t allow the scumbag commenters to ruin it as they do on Engadget, and 2. Please don’t turn into Steve Jobs’ gay lovers as they are on Gizmodo. I love Macs too but objectivity must rule over bias always.

    Good luck!

    • http://www.webdesignerdepot.com Walter

      1. Comment spam has always been an issue. Sometimes we need to approve more than a hundred comments at a time, but we still do this manually so we can sort things out. It’s still a fine line what to approve and what not and what constitutes freedom of expression vs plain abuse.

      2. I agree that we should keep objectivity as much as possible, however, some are opinion pieces and we let those run as they invite a healthy discussion with both sides expressing their views.

      As for the Steve Jobs’ gay lovers comments, I don’t know how to respond to that. Not quite sure that I understand what you’re referring to.

      • Shaunyk

        Thanks for the personal rel¡plies – it’s a nice touch.

        Good answer – of course opinion pieces are inevitable – the turn-off is when they’re always opinions from the same side.

        All I meant with the Steve Jobs comment was that on one gadget site in particular, every time anyone mentions something slightly negative towards Apple they get shot down in flames as if all of Steve Jobs’ boyfriends suddenly come out of the woodword to defend him.

  • http://www.impressivewebs.com Louis

    Looks great, Walter. Congrats on this launch.

  • http://www.supershackle.com ikbenivo

    I like the overall design, but really hate the topbanner. People (yeah, even me – a webdesigner) expect a logo there. Now a visitor has to search for a logo before knowing where he/she is. Why didn’t you guys put the logo and search bar at the top?

  • http://www.webdesignerdepot.com Walter

    @ikbenivo – read the explanation above as to why the logo was placed there. I admit that I was a bit skeptical about it at first, but it makes sense today. It may take a couple of times to get used to it as it’s not typical, but I think it works quite well

    @Louis: thanks :)

  • http://www.supershackle.com ikbenivo

    now reading back the other comments and your explanation of the logo positioning…I’ve missed that but still think you are making a mistake by putting the logo there (especially when the banner looks like a logo, or has no special design to make it clear that it is in fact an advertisment) I think you have made the choise to move the logo for the wrong reasons (money..). Apart from that: nice clean design..:)

    • http://www.webdesignerdepot.com Walter

      It wasn’t for the money even though we certainly need the banners visible to create revenue and pay for the content.

      The whole thing was a design decision. I was in your same place, thinking about it and whether it was a good choice or not, but I have to say, I really like it now. It would be interesting to see how other readers perceive this issue. Anyone else care to comment? :)

  • http://hypertransitory.com John G

    Nice! Congrats, guys and best of luck with the new site. I’m sure if it’s as informative as this one it will take off quickly.

  • http://www.benstokesmarketing.co.uk Ben Stokes

    Amazing how the best ideas come in the bath tub :) Will be sure to check out the site . . . Congrats on the launch

  • http://davidsilvaonline.com David Silva

    I’ve spent some time looking over the site today and I love it! I wrote you guys an email over there so hopefully you get a chance to read it.

    Looking forward to see what’s next!

  • http://www.geeee.com Geeee

    First congratulations for your new website. I just have some concerns about site usability and the order of the content. For ex. the top 3 rotated places I think you want to use them to feature your spotted news or breaking news, so adding editorial or cool articles is making me confused that I should check the label each time I rotate the slider to see if it’s news or just normal post.

    Also after the logo, 1nd Editorial, 2nd Editorial, then comes small thumbs of news, then again, 2 editorials, then cool tech posts … very confusing and I’m expecting then 2 more posts to be added for not changing the order of the posts!!

    The same thing for the RSS blocks for latest posts or videos, why don’t you group the latest in one column separated by tabs ???

    I hope you guys think about it again and try to come up with something more usable and with a clear vision and path so readers can find their ways through your site .. not all of us are reading RSS :) good luck wishing u all the best

  • Erico Lisboa

    Hi Mate! Nice one!

    Just miss some “Share” stuff like the “DRAG-TO-SHARE” one at http://abduzeedo.com/
    It’s VERY cool and helpfull

    Congrats!!!

    =)

  • http://www.smashingshare.com Smashing Share

    Congrats Walter for another great site!

  • http://wpblast.com wpBlast

    The site looks great! I love the design. I’ve gotta bookmark the site, it looks like it has some very interesting topics.

    Great job!

  • http://www.natashastorm.co.za Storm

    Absolutely Awesome! Great to see another top quality blog! Thanks!

  • http://jonathanb.me Jonathan Búcaro

    Wow and congrats!
    Thx for all this info (name, design, typo, widgets).
    Best of luck!

  • Tony

    All looking fantastic! Also at least as important, some decent content. Nice job designer depot. I’ll be checking Techi very often. :D

  • http://www.meyman.ir Meysam

    How can I send my blog to TECHI?

  • http://www.brandensilva.com Branden Silva

    Hey walter,

    great work! I stumbled on your site even before you launched it here with your RIAA & MPAA article :) Nice read.

    One question though, how often is techi posting articles? once a day? five times a day? Just curious.

    • http://www.webdesignerdepot.com Walter

      About 10-20 times a day, it varies. Weekends are slower, weekdays usually 2-3 editorials and a number of ‘cool’ and ‘news’ posts. Thanks.

  • Jonny

    It looks like the banner.zip link is broken.

    • http://www.webdesignerdepot.com Walter

      It’s been fixed, thanks.

  • http://webdesignerdaily.com/ Jeroen Marechal

    It’s a good site with some great articles already. I will be a daily returning visitor as long as the articles keep going.

    The design itself looks good too, but maybe you could raise the latest videos in the sidebar a bit higher. Maybe you could switch this with the tag cloud, but not sure how the statistics are on the site (if the tag cloud is used by many visitors). I personally never pay attention to tagclouds.

  • http://www.ozoneeleven.com/ Alan

    nice one..congrats

  • http://w3wall.com w3wall

    An ultimate site techi.com thanks you webdesignerdepot for sharing this nice site. :)

  • http://awesomewallpapers.wordpress.com/ Ben

    Wow, this site looks really good. The content is very interesting, and the site design is very minimalistic. One thing I don’t like, (Like other people have commented before) is the banner at the top. It especially looks horrible with Adblock Plus blocking the banner. (As a lot of people use some type of adblocker, I think this is a pretty bad design choice). Otherwise, awesome site!

    Ben

  • Hector Perdomo

    Very nice Site, Congratulation!!! and good luck

  • Justin

    I am in love with the new site’s design. Great job and look forward to being a loyal reader.

  • Yongning Liang

    Great!
    [Ctrl] + [D] it!

  • http://www.rickybrandano.com Ricky

    Content looks great on the site and I will go back for that, but also not the biggest fan of the design. As others have mentioned, the logo positioning is the most striking thing to me. To be more clear, it’s definitely that banner ad that is throwing it off. Gizmodo (http://gizmodo.com/) uses a similar layout in terms of recent posts on the top, and then the logo, but the lack of banner ad seems to allow you to not question what site you are on. Wish you all the best with the website moving forward. The content and everything else looks great, but perhaps the top of the site is somewhere to look into improving. Cheers!

  • http://www.bebop-ad.com BebopDesigner

    Congratulations! This is so exciting… I’m sure Techi.com will be a hot hit just like WDD is.
    Thanks for sharing so much