dsgnr.today

With so many great online courses, events, tools, videos and many more, it becomes quite hard to stay up to date with all of it. This especially counts for new UX/UI designers. From my teaching experience at Ironhack, I realized there is a need for students to find the most interesting resources, without feeling overwhelmed and not knowing which are the most reliable resources. My goal with dsgnr.today is to share my knowledge about reliable resources that have helped me become a better designer.

Though the project is still in its beginning phase, it is live! Check it out here.

Client:
Side project
Software/tools:
Figma, Webflow
Skills:
Strategy, UI Design

The process

Goals

Most new UX/UI designers are excited to explore the field and are incredibly motivated to learn. Often times they are overwhelmed with the amount of content that is out there. This can result in losing the motivation or gives them the feeling they have to learn it all in order to be a 'good designer'. The goal for this project is to inform them about the most relevant and quality content that can help them improve as designers. My long term goals are to build a community out of this where designers will submit resources that helped them improve, to help others.

Scope

After dividing my most valuable resources up in different categories, I decided that the Online Courses, Events and YouTube were the most relevant to build first. Especially given the current circumstances; a pandemic that forces us to stay at home. Many conferences are now being held online, often for free. This gives designers a unique opportunity to attend, which otherwise would be too expensive or too far away. So rather than building the whole platform at once, I split it up in phases and started designing. I want designers to benefit from this platform as soon as possible and kept my sprint short.

Branding

dsgnr.today has a clean and simple visual identity. The brand should not distract from the actual content (resources). With a basic color selection, font pairing and checking for accessibility, it was time to start building screens. Eventhough the types of content vary, the layouts across the site are as consistent as possible in order to build a solid foundation in both symbols and in Webflow components.

Design & Development

Figma allowed me to quickly prototype the page layout for both the home page and the content pages. With the use of text styles, layer styles and symbols, building the pages was nearly effortless.

Utilizing my front-end coding skills, I built the card symbols up as I would code them. Which later on helped me building the website in Webflow, using the database feature.