Web Design Process Pt. 2 – Wireframe
August 26, 2024 2024-08-26 11:52
Web Design Process Pt. 2 – Wireframe
Creating wirefames in sketch t collaborate with my client around the content and structure of the website. This is part 2 of the webside redesign process for openmind (openmindlearning.com). see part 1 here – https://youtu.be/t70iMPjY4b0
I used the UI kit – WireLand UI Kit
–
Learn how to build Custom designed websites with Webflow:
http://zpr.io/g8yWt
–
Flux is proudly sponsored by Webflow, start a new account with an awesome discount:
http://bit.ly/FluxWebflowDiscount
–
Gear & Book Recommendations: http://bit.ly/2ohFOuj
–
Music: Krafty Kuts Dynamite MC – It Aint My Fault (ft. Chali 2na)
–
Freelancing? Send awesome proposals with:
http://www.goprospero.com
–
Twitter: http://twitter.com/ransegall
Instagram: https://www.instagram.com/ransegall/
–
Join the Flux community on Patreon:
https://www.patreon.com/flux_ransegall
–
Work Hard & Be Nice Poster:
https://society6.com/ransegall
source
Comments (37)
@reguruji
that sound
@torreymoreno4070
This video series is seriously AMAZING. Thank you for creating this. It's changing the way I work
@xhoss999
Which wireframing tool is this?
@ajautrey1825
Did you also rebuild it in invision or just imported it as like SVG ?
@andrewrico8321
great job, Designers can do a great job without touching much code, very surprise.
@masivemalfunction
What software was used to create this?
@yanivpinsler
Really great content Ran! I have a question regarding this topic: in age of Webflow and similar services, why don’t you build everything on Webflow? Is it because you used to or it’s add value to the design?
@romankuzhel8027
Nice video, bro! Can you recommend some books for UX website design? Thanks!
@obinna_okechukwu
how do you give a timeline to your projects
@obinna_okechukwu
great information.
@charlesabraham-ramirez-verdugo
Ran, I always go back to your videos to refresh my mind on the important concepts.
@RecManGame
Great material, I am very grateful that you share your knowledge and relationships and impressions while working with clients. It is an invaluable help for me and a knowledge base from which I draw a handful.
I am asking you for help – in what way you collect, save guidelines and information about the future design of the website. How does the flow and exchange of information between you and the customer look like? I'm asking because currently I have a big problem with it and I lose a lot of time on this process and I want to optimize it. In addition, during a fairly complex project there are many elements and it is easy to omit the specification. In addition, customers expect much more than the budget provides, and therefore, without a specific list of elements to be done, I can not imagine further cooperation.
Please help me or figure out how you do it.
Greetings,
Web Jack
@AlexandruNastase
Really curios how did you budgeted this project on your side and also on the illustrations side.
@intcomaz
Shalom brother, I just signed up to be a mentor!
@m.meddour
Can you give me this kit for adobe xd
@karthickrajam4094
Pls Send Wireframe File
karthickrajamkr1997@gmail.com
@paulirwin2678
Great video Ran, really interesting to see your process. Just wondering did you create a proposal for the client prior to engagement with more detail? did they give you any type of technical spec that you had to work off? Thanks again for the great content!
@AndyRSV
Love this serie!
@daniel_rad
This business is super similar to a conceptual piece of mine hahah! Online mentor: https://www.danielrad.com/work#online-mentor
@timokramer5604
Pretty awesome content, Dude! Is it possible to show more insights of your google docs content creation process with your client? I wonder how you where able to generate that fast very meaningful content for the Website beyond Llorem Ipsum crap. How is the content creation process with your client is structured and organized. Cheers & thanks!
@pmpl34
Nice Video as always!
the airhorn got me good….
@CMShortboy
Hey, Ran, I've always wondered: When wireframing, do dimensions matter? For example, should every shape and text be 100% precise in measurements, or should they be roughly the right size (to the eye, if you will), just to get the point across?
@samuelnunes2641
Do you do SEO research prior to start wireframing?
@nightkage3477
I have learned a lot from you Sensei.
@danherzl
Please enable caption, tks @Flux
@duartepires8622
Hi Ran, I follow you for some time now, I’m a digital designer my self with many years of experience on the Top agencies in my country, I love what you do here with your channel to help out new guys etc, but I keep feeling one thing, don’t take this hard but I feel like you stagnated your design, from this clip it seems like many other websites, I know it’s wireframe but still it’s more of the same, I struggle with that, I want to innovate everytime and bring new looks or feelings to my designs, don’t you feel the same?
@LON3LYBON3S
I notice you're using Sketch. I'm just getting into UI design but a little unsure what to use. Is there anything that Sketch does which XD or Invision Studio doesn't? Tried all three and they seem all somewhat identical?
@rachidbaali7097
i like that website learned a lot actually i'm making a website too i wanna sell it 🙂
@brocky
The wireland ui kit looks pretty similar to platforma. Have you ever tried platforma? Anyone else recommend kits like these or know of free ones?
@Frank004
I like to get that service.
@pancake191
Great vid Ran!
@t1kosuave
Where did you source your wireframe templates? I'm having trouble finding quality templates to use.
@hattaliahmed
Good job
@Jonesrful
Straight up G O L D.
Really appreciate your focus on the content in all these stages, even when it comes to the copy of a wireframe. Definitely improves the presentation.
@EduwareIzekor
Ran why dont you add a benefit section to seperate the what you become and benefits? And concerning carousel as much as i like them they can seriously hurt you indeed. Maybe you should state what you can become then the user will never miss it.
Adding the benefits to "how it works" might not work, I would not expect the benefits to be placed there. Since the page is long mifht as wel add a benefit section 🙂
Nice presentation of the wireframe. Will we get to see the end result of the wireframe?
Greetings & shalom 🙂
@JamesDrake2
Hey dude, can I apply to have my portfolio shown on the portfolio review show 🙂
@briansloops4724
Ran, are you using Platforma? If you are how do you like it? I'm planning on purchasing myself as it looks really good for creating wireframes from low, mid and high fidelity and then to a finished design.