http://www.twiwebdesign.com
This Week in Web Design helps you accelerate your web design career by teaching you the Creative, Business, Technology and Marketing secrets from our expert hosts and guests.
Our Sponsors:
http://app.chrometa.com
http://www.godaddy.com/
Use Code Web40
Our Content Partners:
http://www.theskool.co
Join us LIVE every Tuesday at 2:30 PM PST or 5:30 EST at:
http://www.justin.tv/thisweekin
How do I design great icons for my website?
Today we answer the question: “How do I design great icons for my website?”
How do I pick a style? Or what program should I use? Illustrator or photoshop? Can you show me how you build one?
Stick around and watch us work.
We will answer the following questions:
1. Do I use icons as wayfinding?
2. What style should I choose for my icons?
3. In what program should I create them?
Resources from this episode:
To Learn Basics:
http://www.lynda.com/
http://teamtreehouse.com/
Join the Producers Program:
http://www.twiwebdesign.net
Follow TWiWebDesign on Twitter:
http://twitter.com/thisweekinweb
Follow Jose on Twitter:
http://twitter.com/josecaballer
Like us on Facebook:
http://www.facebook.com/twiwebdesign
Duration : 0:32:15
Read the rest of this entry »
Technorati Tags: adobe, Aure Gimon, CSS, design, Design Basics, digital agency, Digital Education, educational, funny, Good Icons, graphic design, how to, html, Icon Design, Icons, Illustrator, Jose Caballer, Knowledgeable, Marketing, photoshop, professional, Razorfish, simple, strategy, The Skool, This Week In, ThisWeekIn.com, visual, web design, web development, website
LINK META TAGS ALL http://adf.ly/51AQK
Step by Step to Make your site Title Tags Seo Optimized and Rank High in Search Engine. All
you need is to change how your blog appear on google. We can do that by adding title tag on your blog. Blogger.com by default don’t come with search engine optimized (seo)
Duration : 0:4:3
Read the rest of this entry »
Technorati Tags: black, blogger, click, description, design, digg, google, html, Index Term, keyword, keywords, links, Marketing, Meta, robots, Search Engine Optimization, seo, tag, Tag (metadata), tags, technorati, title, wordpress, WP
Today Jose and Aure answer the question: “How do I build the perfect website?” Aure and I will share 3 projects with you and tell you how they did it!
1. What does it take from a design standpoint?
2. What does it take from a business standpoint?
3. What does it take from a marketing standpoint?
4. What does it take from a technology standpoint
This Week in Web Design helps you accelerate your web design career by teaching you the Creative, Business, Technology and Marketing secrets from our expert hosts and guests.
To Learn Basics:
http://www.lynda.com/
http://teamtreehouse.com/
Join the Producers Program:
http://www.twiwebdesign.net
Follow TWiWebdesign on Twitter:
http://twitter.com/thisweekinweb
Follow Jose on Twitter:
http://twitter.com/josecaballer
Like us on Facebook:
http://www.facebook.com/twiwebdesign
Duration : 0:28:14
Read the rest of this entry »
Technorati Tags: Adobe Dreamweaver, Aure Gimon, build, career, Color Theory, CSS, demo, design, digital, digital media, dreamweaver, drupal, Drupal 7, Fireworks, flash, freelance, graphics, how to, html, Illustrator, Jacob Pittassi, job, logo, logo design, media, mobile, mobile device, photoshop, site, software, software tutorial, tips, tricks, tutorial, typography, video, web, web design, Web Fonts, website, World Wide Web
Jose discusses the challenges of assembling a web development team, how to structure it, and the do’s and don’ts of management.
Learn Basics:
http://www.lynda.com/
http://teamtreehouse.com/
FEDO Assessment:
http://www.slideshare.net/thegroop/fedo-assesment-110211
Resources & Responsbilities:
http://slidesha.re/wJreXr
Join the Producers Program:
http://thisweekinwebdesign.com/
Duration : 0:30:29
Read the rest of this entry »
Technorati Tags: Adobe Dreamweaver, Aure Gimon, build, career, Color Theory, CSS, demo, design, digital, digital media, dreamweaver, drupal, Drupal 7, Fireworks, flash, freelance, graphics, how to, html, Illustrator, Jacob Pittassi, job, logo, logo design, media, mobile, mobile device, photoshop, site, software, software tutorial, tips, tricks, tutorial, typography, video, web, web design, Web Fonts, website, World Wide Web
Whether you’re a Student, a Freelancer, and Entrepreneur, or a Career-Changer, today’s episode will guide you on how to get a job in web design, user experience, or Development.
INC Magazine Article:
http://www.inc.com/keith-cline/talent-shortages-in-2012.html?nav=linkedin
FEDO Assessment:
http://www.slideshare.net/thegroop/fedo-assesment-110211
Learn Basics:
http://www.lynda.com/
http://teamtreehouse.com/
Job Boards
http://jobs.37signals.com/http://www.coroflot.com/public/jobs_browse.asp
http://www.behance.net/joblist
https://www.elance.com/r/jobs/
Agencies:
http://www.rga.com/
http://razorfish.com/
http://www.possibleworldwide.com/
Talent Agencies:
http://artisancreative.com/
http://vitamintalent.com/
http://www.creativegroup.com/
Duration : 0:30:12
Read the rest of this entry »
Technorati Tags: Adobe Dreamweaver, Aure Gimon, build, career, Color Theory, CSS, demo, design, digital, digital media, dreamweaver, drupal, Drupal 7, Fireworks, flash, freelance, graphics, how to, html, Illustrator, Jacob Pittassi, job, logo, logo design, media, mobile, mobile device, photoshop, site, software, software tutorial, tips, tricks, tutorial, typography, video, web, web design, Web Fonts, website, World Wide Web
Working in web design requires negotiating with clients, but how do you negotiate when your client is also your boss? Host Jose Caballer discusses this issue with in-house designer (and Groop Skool alumni!) Eric Patrick. Along with co-host Aure Gimon, the team discuss the challenges of integrating a Scrum philosophy amongst an internal design team within an established corporation. Strategies for getting early buy-in from supervisors, maintaining momentum in a challenging environment, and avoiding miscommunication within a team by aligning around user stories are all discussed. Plus Aure designs a tablet interface for ThisWeekIn!
00:00 Open
03:19 Introduction to guest Eric Patrick and co-host Aure Gimon
05:16 Reality Check for the ThisWeekIn redesign
07:00 Talking about Groop Skool with recent alumni Eric
09:00 Jose tries to fight what he calls “diddle-daddle”
10:50 The ThisWeekIn team loves GoToMeeting!
12:00 Eric talks about the challenges for developing and designing in-house
17:30 Shiny object syndrome and how to protect against it.
19:00 Pitching fixed fee, variable scope projects with an agile/scrum philosophy
20:30 Mitigating risk as you pitch projects.
22:45 Dropping in on Aure’s work on the ThisWeekIn main page developed for a tablet.
23:30 Launchpad conference for tablet developers: Jose is going to be there.
28:00 Why you need to read Seth Godin’s Ship It immediately after this episode
31:00 Planning using scrum with index cards and timing out the development process internally
32:30 “I am the world’s laziest designer”: why low-fi project planning tools help keep things fluid and open in a gropu setting
37:00 “You’re just a moderator, learn to listen to your client.”
40:00 Apple develops for the entire lifespan of the product, not the feature set
42:00 Eric talks about how you can only design successfully once you know your user’s stories
45:00 Building user story based off of Aure’s work and our user profiles
47:00 Self-sufficiency as an entrepreneur and as a viewer of ThisWeekIn
49:00 Building a “culture of execution”
54:00 The team riffs on Aure’s prototype design to create more user-based functionality
59:00 Groop Skool discounts for alumni and Producer’s Program members
Duration : 1:11:4
Read the rest of this entry »
Technorati Tags: adobe, agile, backlog, brand, Color Theory, CSS, Design Basics, digital agency, dreamweaver, drupal, Eric Patrick, GoToMeeting, Groop, Groop Skool, how to, html, Illustrator, instructional, java, Jose Caballer, Marketing, photoshop, Robert Haydock, scrum, Seth Godin, Ship It, sitemap, strategy, This Week In, ThisWeekIn.com, typography, web design, webdesign, websites, Word Press, wordpress
Hide your wife, hide your kids, we’ve got a Design Battle on our hands!
Last week you saw Jose build on Aure’s wireframes for the ThisWeekIn Web Design redesign, today the two designers battle live on the internet! That’s right, Jose and show favorite Aure Gimon will simultaneously riff on design concepts, competing and collaborating to see which is the wildest web design gunslinger of the west. And of course, by watching live you’ll pick up some great tips and techniques from two of the best designers going on the internet today.
00:00 Open
00:30 web design Battle introduction
01:35 Robert Haydock, our first member of the Producer Program joins us on set
02:02 Blank Spaces and the joys of co-working spaces
02:45 Why did you join the Producer Program?
03:20 How was the pace of the Groop Skool event?
03:45 Jose reads the Groop Skool reviews on air for the first time.
06:30 The treu benefits of the Producer Program: watch the show as preparation and then go to Groop Skool for the real world practice
08:00 Prepping for the Web Design battle with Aure Gimon.
09:15 Talking with Aure about designing with a creative brief in mind
10:30 Talking about competitors and media partnerships
11:20 Setting up two different perspectives for approaching the design process
12:20 Avoiding too many restrictions in the design phase
13:05 Robert talks about meeting Eric Ries of The Lean Startup
16:30 Jose talks about benefits and learning curve of applying lean development to web design
18:30 Announcing Groop Skool 3, November 12th and 13th
21:45 How does Lean Methodology transfer over to web design?
24:00 The importance of committing to process
27:00 Finally, the battle starts!
28:00 Choosing fonts (just read Stop Stealing Sheep and Learn How Fonts Work)
31:00 Finding a foundry and chasing type trends
36:40 House Industries
37:45 MyFonts.com as a great source for fonts
38:15 Checking in with Aure and how he prioritizes page layout
41:30 DaFont.com – full of bad free fonts and some hidden gems
43:45 Jose and Aure compare their work so far.
45:45 Using Adobe’s Kuler website to generate color combinations
49:30 How crazy can you get with a logo?
53:30 “That K is hideous”
55:30 “A logo is a vessel that you inject meaning into over time”
58:30 Comparing Aure’s work to Jose’s
Duration : 1:9:24
Read the rest of this entry »
Technorati Tags: adobe, agile, Arial, backlog, brand, Color Theory, CSS, DaFont, Design Basics, digital agency, dreamweaver, drupal, Eric Ries, Gotham, Groop, Groop Skool, Helvetica, Hoeffler And Jones, House, House Industries, how to, html, Illustrator, instructional, java, Jose Caballer, Lean Startup, Marketing, photoshop, Robert Haydock, scrum, sitemap, strategy, This Week In, ThisWeekIn.com, typography, web design, webdesign, websites, Word Press, wordpress
In this episode, we take a very simple Photoshop design, and convert it to pure CSS. It’s not a full website, but it shows you how simple it is to go from a photo-editing software straight to code.
Duration : 0:18:17
Read the rest of this entry »
Technorati Tags: attributes, background, background-position, Business, center, code, Coding, color, Colors, CSS, design, domains, editing, effects, hexadecimal, horizontally, hosting, how, html, image, JavaScript, jquery, Know, knowyourmac, mac, margin, photo, photoshop, position, positioning, software, spacing, styles, stylesheet, styling, to, tutorial, url, web, width, your
Drupal expert Chris Stauffer returns to discuss designing with Drupal in mind as Jose and Xin build out the ThisWeekIn features within the proposed sitemap.
00:35 Introducing Xin Chung and Chris Stauffer
01:16 Jose describes the challenges of defining scope with a client
03:18 The importance of insurance, and how Hiscox can help
07:15 Prioritization of features with the team and the client
09:44 Chris explains the why and the how of the MOSCOW process
12:40 Estalishing the topline priorities for ThisWeekIn
15:35 Designing with a known budget or blue sky ideas.
18:46 Chris brings up features that the team had not thought of in previous sessions.
20:45 “Chunky violent” design style.
21:20 Chris defines “solar search” for the team.
25:48 The far-reaching ramifications of designing user profiles.
32:30 Taking a step back and looking at the priorities at a macro level.
34:23 Using Drupal to easily establish user permissions.
41:45 How to build a promotional infrastructure within the ThisWeekIn site.
46:45 Stepping back to see if there are any missed features, we realize the sponsor user profile hasn’t been fully addressed.
Duration : 1:5:32
Read the rest of this entry »
Technorati Tags: adobe, agile, brand, Chris Stauffer, CSS, Design Basics, digital agency, dreamweaver, drupal, Groop, Groop Skool, how to, html, Illustrator, instructional, java, Jose Caballer, Marketing, photoshop, scrum, sitemap, strategy, This Week In, ThisWeekIn.com, web design, webdesign, websites, Word Press, wordpress, Xin Chung
Aure builds out the ThisWeekIn web design sitemap in Illustrator as Jose and guest Victoria Heric build a pen and paper version, demonstrating two techniques for approaching sitemap creation.
00:39 Guest Introductions, Victoria Heric of David & Goliath
03:18 Aure finally gets insurance with Hiscox
08:28 Reviewing the site architecture
09:18 Using Illustrator to build a sitemap
11:20 Designing hierarchy within the sitemap
14:35 Getting in the zone as a project manager
17:52 Working collaboratively on a sitemap originally generated in Illustrator
19:10 The importance of working with a hybrid approach while designing sitemaps
24:43 Aure and Victoria discuss approaches for planning a site’s development
26:08 Jose breaks down projects into Execution, Inception, and Launch categories
27:35 Prioritizing with the client using the MOSCOW process
30:19 Jose encourages viewers to have fun with the prioritization process
31:08 The Design Tackle Box
32:58 It’s only live television as Jose drenches his laptop
33:45 Defining the Assessment category for the ThisWeekIn website
35:21 Determining the importance of a sitewide Blog and it’s relevance to Community
39:14 The team discuss the importance of forums on the ThisWeekIn website
40:41 Brainstorming methods to integrate sponsors into the website redesign beyond banner ads
44:02 Designing the user experience of the Assesment process
50:54 The site is starting to sound like one giant dating service
54:04 Sink Or Swim for Skye Crue Media
55:47 Choosing typefaces and Stop Stealing Sheep and Learn How Type Works
58:19 Jose talks about storytelling within identity design
Duration : 1:12:59
Read the rest of this entry »
Technorati Tags: adobe, agile, brand, CSS, Design Basics, digital agency, dreamweaver, Groop, Groop Skool, how to, html, Illustrator, instructional, java, Jose Caballer, Marketing, photoshop, scrum, sitemap, strategy, This Week In, ThisWeekIn.com, Victoria Heric, web design, webdesign, websites, Word Press, wordpress