#worksection

30 сервисов для продвижения малого бизнеса: команда, маркетинг, продажи. Часть #1 ⠀ Бизнесу уже совсем не просто в условиях карантина и кризиса. Больше остальных страдает микро- и малый бизнес. Особенно — те, кто сильно привязан к офлайну: барбершопы, цветочные лавки, кафе, рестораны, сфера развлечений. ⠀ Сервисы для удаленной работы ⠀ 01. #Worksection Сервис от украинских разработчиков для управления проектами, которым мы пользуемся в Rezart. 02. #Asana Похожий англоязычный сервис, один из самых популярных в мире. 03. Офисный пакет от #Google Отличный способ избавиться от десятков итераций по пересылке файлов Word и Excel 04. #Todoist и прочие менеджеры задач. Среди альтернативных вариантов: #TickTick, #Notion, #Any.do. 05. #Trello Один из самых популярных сервисов для планирования задач и проектов по методике канбан-досок. 06. #MindMeister Сервис для онлайн майндмэппинга — создания ментальных карт, брейншторма, структуры проектов, схем. 07. Google #Диск Все равно без рабочих файлов, презентаций и прочих мелочей не обойтись. 08. Тайм‑трекер: #Timely Оптимальный инструмент, если нужна исключительно функция для того, чтобы отметить время работы. 09. #TeamViewer Инструмент Windows, macOS, Linux, Android, iOS, чтобы получить удаленный доступ к устройству. ⠀ Сервисы для коммуникации, онлайн-встреч, обсуждений ⠀ 10. #Zoom Тот самый инструмент, чтобы устроить звонок хоть на 5, хоть 55 человек. 11. Google #Hangouts Еще один инструмент для совместных звонков от Google. 12. #Telegram Субъективно, лучший мессенджер на сегодняшний день с удобными и приложениями, и компьютерной версией. 13. #Calendly Сервис, в котором можно удобно планировать онлайн-встречи, консультации. ⠀ Если хотите, чтобы я опубликовал вторую часть списка, в которую будут входить сервисы для усиления маркетинга и продаж - ставьте + в комментариях к этому посту. ⠀ #антикризис #подборкасервисов #полезнаяподборка #длябизнеса #удаленка #удаленнаяработа #скромныймаркетолог (at Stockholm, Sweden) https://www.instagram.com/p/B-RXPzpgDGi/?igshid=1ee5cqeur9tqd

After doing research about block layouts and also created sketches within my 20 Ups, I then created a layouts for my work section. Above are the sketches that I have created and you can clearly see the block grid style in all of the layouts. I think this will achieve a better flow and ease of use for the user whilst still looking professional and exciting to use.

Having looked at the importance of content, one of the key aspects of my website is to show the users the work that I have created as that is going to be one of the main reasons, if not the main reason as to why they are viewing my website. Above are some of the different layouts in which I can present my work to users.

I though my images for my work lacked a bit of user feedback when viewing the work section. I then decided to use a hover effect of some sort to make the image more interesting when viewing. I then looked at the link above which showed many different hover states and how to code for them using CSS.

Since I have now looked at how buttons and how they are created, the next thing was to introduced it into my own portfolio site. I created buttons and aligned them with in the work section like the rest of the content using CSS Grid, the image above is the result.

As I have redesigned my work section, one of the things I needed to add was a link to view my full projects. I decided the best way to achieve this whilst still being in a minimalist style was to use buttons. I then used the link above as a tutorial on how to create buttons for my website which was really easy to use and follow.

Having Discovered CSS Grid from David Hughes's workshop I feel that it would better if I structured my work section using CSS Grid. I felt the previous work section layout had too much going on and didn't suit the style that I was trying to achieve. I then decided to use this layout using CSS Grid which allowed me to get a clean,,clear easy to read structure that suited my minimalist style.

Having sketched and looked at more research on the different tile/grid work sections, I decided to sketch a more detailed drawing of what I want my work section tiles/grid to look like, above is the result.