Hey everyone, I'm Chris from The Process. In the first episode you saw that we were rebuilding the Blind website design and wireframes and stuff like that. Now we've received notifications from the developers that they're going to show us the first draft of the results as well. It's the parts that they've done and the code that they've written and now it's alive and breathing and I'm really excited to see it right now but it's also an adventure but it's also an adventure and sometimes you get exactly that. What you want, sometimes it's not. Anyway, I'm pretty optimistic. Let's go and see. I'll try again. Y'all listen to me. I design sandwiches. I'm Jose Caballer. I talk about design for business. I talk about a lot of things. I'm Chris Do, I talk about the business of design at the center of this operating system, it's about… Jose, can we just tell them the name of this column, I hate you, man, what you're watching right now is The Process.
There are some featured recommended articles on the homepage of the blog. They will be loaded when you scroll down the page. Why is the work page displayed on it? This is the blog page. That should be another page… Oh, right. The one that stands out should be the blog page. Do you see it? Nothing escapes my eyes I know it! This is just a demo version. Chris, pull it off. What's below? There's nothing wrong with this one. I think I need to add a pagination number here so we can navigate from there and go page by page. Okay, scroll down and look at these quotes. They come from blog inspiration tags . How many tags are there? Just one? This is the only one. Oh no, I don’t like it. It’s so big and small now. It should be the same size to accommodate long quotes and keep the same size. I think most of our quotes are quite short, so I don’t. I thought about this happening. Someone added this long sentence. Yes, okay, but it should still be a fixed size. I don't like it.
It goes up and down for a while. Is it okay? You don't have any objection, okay. OK, no problem. Okay, so let's look at the next page. From the blog homepage, you can click on any article. This is a sample article page, which means that there will be more in-depth content here. In the blog, there will be more in-depth content.
Each link will lead to a specific project because we There is a corresponding project page, both of which are very good. I like its simplicity and openness. This is very similar to your layout, right? Then I won’t say more. Yes, this page is almost exactly the same as the design draft in terms of design. The fit is pretty good. All of these font sizes look about right.
They're a little bit bigger here. Do you mean pixel perfect by perfect fit? Well, I think that's pretty much what that term is. It's called pixel perfect. All the animations should be. Much faster than now, yes, no, you know me… And this part is too high, okay, it should be about 2/3 of the current size , so let's change it here. This is the ability page, we I'm going to put an overview on there of each service that we're capable of providing and then highlight some specific things that we can do that look good, yeah, it looks great and fits in with the overall clean and open look and I don't want to keep these pages.
The animation of the title is a bit too much. I think we need to pay attention to where and how much web animation is used. I agree. Then we may add a featured recommended activity at the top and then an index of all activities and then add one here. Call-to-action button for scheduling speaking engagements Since we last did this when did we tell them the specific details? Like now we just let them go, should we let them get on with it , or do you write them notes telling them to speed up the time and adjust certain things? Uh we should probably email them and ask them when they're going to be ready to look at our annotations and have their first version done Okay because I'm not sure how much time they'll need so how are you going to write the annotations? How do you tell them whether this or that should be larger or smaller? Well, I would probably just open the CSS and give them the CSS value, so… No, ok, ok, no, you can't do that. Why can't it be done by kids? That's not how you work.
Imagine that the client opens you AI file, and then move the shape around and say, "Right! This is what I want." So what if I look at this and, uh, what should I say? I think this font size is too big or too small but I don't know. How much bigger/smaller is it? Then I can open Firebug and adjust the value to make sure the size is just right. Do you think I want to hear what you say about Firebug? Are you flirting with guys online? No, no, forget it. Don't worry about Firebug for now. I would say shrink this side a little bit. You can enlarge this to 1pt or 2pt, and then figure it out.
This is a style sheet. It shouldn't be difficult to do. Okay, before you do it. I have a suggestion. If you are a designer and you lead the entire project, I would like you to take a screenshot and make an annotation, such as drawing a red arrow and saying, move it up here to make it bigger here and make it smaller here. No… can you please restrain your need for control ? If it's within the margin of error , it should be fine. Overall, it's not a big problem, nothing that would make me say, "This is the worst! I'm going to call them right away." Phone call." This is a good thing. It's a good thing. Sometimes you see the first draft and you're like, "Oh my god, what the hell is this? It's not at all like what I said." Look at my arms! I was quite stylish at that time .
Look over there, do you see my deltoid muscles? You can also see your abdominal muscles. That's awesome. This is the ability page. Do you think I'm fat now? No, not at all. We changed the core values of the company into a slide format. Skip over it. That's Matt. I don't want to see him. He's in such good shape.
Well, this is our team . Let's take a look at this… This will be Matthew again. It's okay. I saw it. I feel that someone is a little biased. These are basically moved from our old website . Yes, they just changed the location. It's good. There are these modules here. You can click to view Matthew. It's like an Amazon shopping cart "recommended for you". We need to redesign our website for a few reasons. One is because we haven't redesigned our website in several years and people make this mistake all the time. Design a website and then forget about it. Neither the content nor the format will be updated. However, many things in web design specifications will change. More and more screen sizes need to be considered, and how to adapt to them.
There are also new technologies, but more The reason it's important is, if you've been reading this story, we have to change the messaging on the website. What we want to do now is talk about what we're doing, show some case studies and showcase the work within it. The hierarchy goes like this. We want people to pay attention. What are we talking about what do we want to do what do we want to do before we show them the work now is the case studies this is the catalog of the case studies it's great to have big pictures to promote the featured projects they are all our brand projects right Well, let's take a look at the details page of the case study. Wait a minute.
Shouldn't this be full bleeding? It should be, okay, it should be. This picture needs to be enlarged in this window . Write it down because it doesn't look right. I can't see the right arrow. There are some parts here that describe everything we do. Including printing and web pages, we can group these pictures together. How to define the spacing between pictures? This isn't…oh this is vertically aligned? Uh-huh, uh-huh, I see, there should probably be a spacing here, I mean, if we want them to overlap, that's fine, but we have to tell them, OK, here's another version of the work homepage, here's the case study, here's all the projects. Yes, yes, in theory, we should be able to filter works of specific categories here. We can also filter by the person in charge. This page will continue to load directly after scrolling to the bottom, so you don’t have to click extra to see other works. Classic infinite scrolling. The image changes from black to colored on mouseover . They should become colored and maybe should also show the project name.
Now it's not showing? Not displayed. This is the last home page, which contains three types of works, with case studies of featured recommendations and so on. We used full-width images and divided all items into three columns. Here is the last page of two columns . It is the last page, which is the work details page. It is very similar to the case analysis page, but the introduction part is a little different. The information is also different. When you look back, the layout changes less.
The blank spaces and columns before are gone here. This one looks more intuitive, maybe two columns at most, and there is no full bleeding. The copyright signature is placed at the bottom instead of being placed at the top as a label. Here again, related projects are displayed. Well, this first version is a very good one. There are a few small things that need attention at the beginning. I know they will definitely improve them in the next version. When will I provide the main text of the homepage? You can put it up anytime from now until whenever you want. That's it. I'll show you something. I always make lists. That's beautiful. Thank you.
I always make lists. Where does this say? "Write the text content of the Blind landing page" This item has not been checked yet and it was already a while ago. Well, I have to calm down for a while before I have the energy to write the text for the homepage, but I am already sure that I should say something.
What's up? This one looks super cool and I'm really looking forward to its successful release. Do we have any expectations for a release date? The development part should be completed by the end of this month and the end of September. Okay, which means it will not be later than the end of this month. The end of September is great. The next time I come to proofread this with you, which is the next episode and when we catch up with Jamie, we will update Pay attention to the functionality of the website, that is, see if the links work because there is nothing to change in terms of design, which is great news for us. Since this is an internal project, I can handle the client. The best is me. I have to say it myself. When the new website is launched, we must also pay attention to using some new marketing spirit. Our sales staff will also use new ways to promote us. Now we are leading the brand strategy rather than purely doing design. Our first two and a half years The work on the left and right is about to come to an end.
In other words, we have tried and confirmed the theory. Well, we have accumulated enough experience now to be able to confidently say that this is the work we are doing now. Please love us. Yes, thank you. Everyone, we'll see you next time. Look over there. Those two girls will talk to them next time, but not today. They are both pretending that they can't hear me, can't see me, or that I don't exist at all. May, how are you? Are you ready? Have you been reviewed in front of the camera?.