SeCoSe FeCo Web Design

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

(more…)

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.

Duration : 0:30:29

(more…)

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

The team talk to Jose Diaz & Ryan Frazee of Incae, the best business school in Latin America, about their efforts to rebuild their web presence with the Groop. Watch as Jose and Aure take them through the Groop discovery and development process.

Duration : 1:9:1

(more…)

Technorati Tags: Adobe Dreamweaver, Aure Gimon, Build, Chrometa, color theory, CSS, demo, design, digital, Digital Media, dreamweaver, drupal, Drupal 7, fireworks, flash, graphics, how to, html, Illustrator, Incae, Jacob Pittassi, 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

(more…)

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

In this video I go through the steps in creating a sexy looking navigation menu.

Duration : 0:14:1

(more…)

Technorati Tags: beginners, Development, Education, flash, for, HTML5, learn, lesson, photoshop, School, software, student, teachers, tutorials, video., web desi, YouTube

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

(more…)

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

Seth Epstein demonstrates SocialStay’s mobile product and discusses the challenges of designing for mobile.

Duration : 1:2:30

(more…)

Technorati Tags: adobe, agile, backlog, brand, color theory, CSS, Design Basics, digital agency, dreamweaver, drupal, Groop, Groop Skool, how to, html, Illustrator, instructional, java, Jose Caballer, Marketing, mobile, photoshop, scrum, sitemap, SocialStay, strategy, This Week In, ThisWeekIn.com, typography, web design, webdesign, websites, word press, WordPress

Tony Wong returns to talk one of the hottest topics on the show over the last month, agile development for web design. We discuss the importance of keeping your plans flexible while focusing on the common goal, how to use the twin strategies of ‘chunking’ & prioritization to guarantee an on-time delivery, and explain what the heck the Hexagon of Success actually is.

00:00 Cold Open
01:35 The 99% and independent contractors of the future
02:35 Tony Wong, leading creatives into the future with better product management
03:15 Aure shows his progress on the TWi visual redesign
04:45 Planning the development of the ThisWeekIn redesign
06:25 Tony tells us the amount of planning should be commensurate to time involved designing and the amount of labor
07:30 Tony Wong talks about his previous experience and how to plan projects in a natural & organic ways
10:00 The evolution of mastering agile and “orthodox agile”
11:30 Tony predicts we will have the website done in six episodes
17:30 The See It Cycle and Lean methodology
18:45 How do you sell the idea of working on isolated chunks without planning the entire project?
20:00 You’re making something, not buying anything.
21:05 Envisioning the end
21:39 Chunking out the project, and further segmentation
23:00 The importance of getting what you need versus what you want
24:00 Chunks of work can expose poor design or not needed blue-sky elements
26:30 Sticking to the plan can ruin project management: know the goal & make a flexible plan.
27:00 “Plans are worthless, planning is valuable.”
32:00 A viewer ask how to introduce the idea of flexible planning to a potential client?
34:00 The Hexagon Of Success
36:00 Charging for a small section of work to convince a client into your process
38:00 The importance of not deviating from the goal rather than the plan
40:00 “The plan will always be wrong by the time you get to the end, just go!”
41:30 Aure talks about the benefits of agile and shows more work
43:00 Knowing where to break the system is important
44:30 The importance of asset dedication while working in Scrum
48:00 Minimum viable product
50:00 Team planning versus product planning
52:00 How much would it cost to have an month of Tony’s time?
54:00 Groop Skool #3
59:00 Tony gives away the secret to successfully making your goals

Duration : 1:4:36

(more…)

Technorati Tags: adobe, agile, airbnb, backlog, brand, color theory, CSS, Design Basics, digital agency, dreamweaver, drupal, Groop, Groop Skool, how to, html, Illustrator, instructional, java, Jose Caballer, Marketing, minimum viable product, mvp, OccupyWall Street, OWS, photoshop, scrum, sitemap, strategy, This Week In, ThisWeekIn.com, Tony Wong, typography, web design, webdesign, websites, word press, WordPress

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

(more…)

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

Watch Jose & Aure work, as they demonstrate various wireframing techniques as they break down the ThisWeekIn website.

00:50 Introductions and the show tagline. Business, Technology, Marketing, and Design versus Watch Us Work
01:20 Welcome Sherryl Anderson, our first Executive Producer!
2:45 Announcing a new Groop Skool event
07:00 When woking on wireframes do you manipulate one concept and iterate, or do you start with multiple concepts and assemble elements from the various ideas?
07:48 Redesigning art Center College of Design’s site
09:00 Designing with “the Wedge” in mind
09:31 How do you integrate graphics direction while wireframing?
10:33 Do you begin with a set of templates when wireframing?
12:35 Have you considered using InDesign for web layouts?
14:25 Do you user-test wireframe sketches?
17:37 When do you bring in your clients for wireframe reviews?
19:28 The importance of insurance for designers
25:35 Aure demonstrates Illustrator for wireframing
27:00 Sketching out the ThisWeekIn ecosystem
29:00 Discovering the need for a viewer Assessment tool within the ThisWeekIn website
33:55 Brainstorming methods for assessing viewers needs
39:40 Jose references back to the Workbook to remind the client of the brand attributes
42:13 Creating user profiles that matter
46:44 Jose reinforces the strategy of always referencing the Workbook to guide planning with the client
49:45 Designing the show page
56:00 Looking at the wireframe from the perspective of our user profiles
58:12 Managing client’s expectations

Duration : 1:11:39

(more…)

Technorati Tags: brand, CSS, Design Basics, digital agency, dreamweaver, Groop, Groop Skool, how to, html, instructional, java, Jose Caballer, Marketing, photoshop, strategy, This Week In, ThisWeekIn.com, web design, webdesign, websites, word press, WordPress