This link has been bookmarked by 167 people . It was first bookmarked on 20 Mar 2007, by a77ila.
-
19 Mar 12
-
26 Jan 12
-
15 Dec 11
-
27 Sep 11
-
01 Sep 11
-
Working Environment
-
Wireframing
-
ExpressionEngine home page
-
a list of design elements that they wanted to display on the home page
-
the design direction that they wanted to head in, which I will touch on in the next section
-
to designate the width of the website
-
two vertical guides
-
to represent where content would be placed
-
grey boxes
-
in place to help keep things orderly
-
a few more vertical guides
-
vertical orientation might imply that they were listed by order of importance
-
the EllisLab team was looking for something much simpler and scaled back
-
the news section on their home page was getting close to zero traffic, and could probably be removed
-
still some concerns from the team that this layout might be too boxy and unfocused
-
I’ve found it to be beneficial to have a degree of overlap between the different phases of the design process
-
Design Exploration
-
Typography
-
the search for a new font started during the wireframe stage and continued on into the exploration stage.
-
a typeface that had a great lowercase g
-
Images and Color
-
At the same time that I was working on the logo, I was also figuring out what type of colors and imagery I should use on the main website
-
a bit more punch with the colors
-
I felt that the repetitive dark horizontal bands that spread across the page (as a result of the background color changing) broke up the visual flow of the page
-
The buttons morphed into tabs, and the introductory paragraph migrated up into the banner area.
-
Icons
-
Pixel Perfect
-
The goal is not for the details to draw attention to themselves, but instead to give the site that visual x-factor that is difficult to analyze or describe—difficult, but not impossible.
-
lining up to the pixel grid in Photoshop
-
Rolling with the Punches
-
It Doesn’t End Here
-
Launching the site doesn’t mean that my job is over
-
it’s about the clients and the users
-
-
14 Jun 11
-
03 May 11
-
04 Nov 10
-
30 Apr 10
Mark Blair"Prior to this week of meetings with the pMachine people, I had worked with Rick Ellis on a variety of smaller projects, and we had developed a very good working relationship. This paved the way for one of the largest projects that I’ve yet to take on in my career, and includes new website designs for pMachine (now EllisLab) and ExpressionEngine, as well as redesigns of CodeIgniter and pMachine Hosting (now EngineHosting).
Years ago, I would have jumped head-first into a project like this, and started working on detailed mockups from day one. This approach forced me into making several different design decisions about layout, color, typography, etc., all at the same time, and usually would result in design gridlock. For this reason, I now tend to split my design process into somewhat separate phases: wireframing, design exploration, and detailing. In this article, I’ll attempt to detail those phases with some practical examples from the design of the ExpressionEngine.com website, as well as demonstrate what to do if the process encounters snags. " -
22 Apr 10
-
06 Mar 10
-
08 Dec 09
-
07 Dec 09
-
26 Nov 09
-
15 Nov 09
Eric AuldA walk through of the ExpressionEngine website redesign from the designers point of view. This is quite a good read covering everything from wireframes to launch.
-
10 Nov 09
-
07 Oct 09
-
28 Sep 09
-
03 Jul 09
-
23 Apr 09
-
22 Apr 09
-
19 Mar 09
Sergio MoraWireframes fit perfectly with the grid approach to design—grids are essential for every designer to study and understand. The first thing I did was set up two vertical guides to designate the width of the website. From there, I very roughly sketched out grey boxes to represent where content would be placed.
-
24 Jan 09
-
06 Dec 08
-
14 Nov 08
-
27 Oct 08
-
22 Oct 08
-
01 Sep 08
-
09 Jul 08
-
19 Jun 08
-
03 Jun 08
-
11 May 08
-
05 May 08
-
27 Apr 08
-
25 Apr 08
-
17 Apr 08
-
26 Mar 08
-
21 Mar 08
-
15 Feb 08
-
14 Feb 08
-
-
25 Jan 08
-
05 Dec 07
-
14 Nov 07
-
31 Oct 07
-
30 Oct 07
-
28 Oct 07
-
24 Oct 07
-
12 Oct 07
-
14 Sep 07
-
11 Sep 07
-
10 Sep 07
-
02 Aug 07
-
31 Jul 07
-
26 Jul 07
-
11 Jul 07
-
28 Jun 07
-
17 Jun 07
-
13 Jun 07
-
29 May 07
giu vicenteProcesso de Redesign do Site Expression.
Uso as mesmas metodologias, até o chanfro refiz com CSS... bem bacana saber que estou estudando e implementando o mesmo que o mercado faz. -
19 May 07
-
17 May 07
-
18 Apr 07
-
-
17 Apr 07
-
15 Apr 07
-
05 Apr 07
Simon Bricolodémarche créative complète pour la refonte d'un "gros" site
-
29 Mar 07
Felipe LavínWireframes fit perfectly with the grid approach to design—grids are essential for every designer to study and understand. The first thing I did was set up two vertical guides to designate the width of the website. From there, I very roughly sketched out
design webdesign inspiration process article expressionengine web diseño from-delicious
-
27 Mar 07
-
26 Mar 07
-
25 Mar 07
-
23 Mar 07
-
22 Mar 07
-
-
-
Eleanor Holmesdiscussion of site design from wireframing onwards.
-
21 Mar 07
-
-
Nathan OlsenAn indepth look at Jesse Bennett-Chamberlain's design process for the site redesign.
-
Would you like to comment?
Join Diigo for a free account, or sign in if you are already a member.